Novas configurações de design Ecwid: dezenas de opções de personalização, sem codificação

12 min read

O design fala muito para um e-commerce, loja. Se as pessoas puderem navegar facilmente em sua loja online, você terá uma chance muito maior de convertê-las. Um design consistente e moderno pode dizer aos clientes que você é uma marca confiável.

Ecwid ajuda qualquer empresa - mesmo uma pequena e iniciante - a procurar e vender profissionalmente na web. Você não precisa pagar muito para camada superior web designers para obter um compatível com dispositivos móveis, limpo e lindo e-commerce, armazenar.

Nós adicionamos dezenas de novas funcionalidades de design de vitrine para Ecwid, para que você possa dar o seu e-commerce, armazene a aparência que mais reflete sua marca.

Configurar cada pequeno detalhe no design da sua loja online é muito fácil. Altere estilos de imagem, layouts de páginas de produtos e elementos de vitrine sem codificação. Você verá por si mesmo neste post.

As novas configurações estão aninhadas em Configurações → Projeto no seu painel de controle Ecwid. Para usá-los, certifique-se de ter habilitado todas as atualizações da vitrine em Configurações → Novidades.

Seção de novidades no painel de controle Ecwid

Ative essas atualizações em Configurações → Novidades para ver a nova página de configurações de design

E se eu estiver usando a versão mais antiga da vitrine Ecwid?

Mudar para a nova vitrine pode mudar completamente a aparência da sua loja. Com as novas configurações de design, você terá mais opções de personalização e um visual mais atraente para sua loja. No entanto, tenha cuidado se você estiver usando um por si mesmo Tema CSS ou outro desenvolvido sob medida recursos de vitrine — eles podem não ser compatíveis com a nova vitrine. Se precisar de ajuda, nossa equipe de suporte está à sua disposição.

Projete sua vitrine online

Você controla toda a aparência do seu catálogo de produtos, desde fotos de produtos até SKUs e botões.

1. Escolha o melhor tamanho de imagem para mostrar seus produtos

Por padrão, as imagens dos produtos são tamanho médio, o que é adequado para a maioria das lojas.

Alguns produtos possuem detalhes importantes que você pode querer visualizar (por exemplo, se você vende joias ou pinturas). Selecione o tamanho de imagem grande para permitir que seus clientes admirem seus belos produtos e fotografias.

Se você vende um tipo de produto em uma grande variedade (digamos, 200 cintos de couro em cores diferentes), opte por imagens menores. Sua loja exibirá diversos produtos na tela e seus clientes ficarão impressionados com a escolha.

Tamanho de imagem pequeno, médio e grande para fotos de produtos

2. Otimize a proporção da imagem de acordo com as dimensões do seu produto

Você vende palmeiras? Ou talvez pernas longas modelos mostram seus casacos de grife? Ambos ficarão ótimos em fotos verticais.

A proporção horizontal é adequada para produtos amplos – por exemplo, sapatos, sofás ou barras nutricionais.

Para objetos redondos (ou, na dúvida), use imagens quadradas, elas sempre ficam lindas.

Imagens de produtos verticais, horizontais e quadradas

Imagens verticais, horizontais e quadradas

Se quiser enfatizar as imagens dos produtos e destacá-las do fundo da loja, selecione “Escurecer fundo da imagem”.

3. Escolha quais informações do produto serão exibidas na vitrine

Semelhante às fotos de produtos, você pode escolher entre muitas opções de design para outros elementos da vitrine: nomes de produtos, títulos, preços, SKUs, botões “Comprar”. Decida como exibir cada um deles - sob a imagem do produto ou ao passar o mouse.

Exiba os elementos sob as fotos do produto, ao passar o mouse ou oculte-os

Caso opte por colocar as informações abaixo das fotos do produto, é possível definir o layout. Alinhe seu conteúdo à esquerda, direita, centralize ou justifique-o - você é livre para criar o visual que mais gosta.

Diferentes layouts dos elementos (nome do produto e preço)

Também é possível ocultar elementos. Oculte todos eles para fazer com que sua vitrine pareça um lookbook. Ao clicar em qualquer uma das imagens do produto, seus clientes irão para a página do produto.

Opte por exibir uma imagem adicional do produto se quiser mostrar mais detalhes. Ecwid mostrará a primeira imagem da galeria de fotos do produto ao passar o mouse.

Imagem adicional do produto ao passar o mouse

Essas novas configurações proporcionam um grande número de variações de design para a aparência da sua vitrine.

4. Projete as categorias da sua loja

Você encontrará opções para configurar a aparência de suas categorias. Quer você tenha fotos, ícones ou logotipos de marcas para as imagens de sua categoria, Ecwid tem opções de design para torná-las impressionantes.

Design de fotos de categorias de produtos

Nomes de categorias abaixo das imagens, nelas, ao passar o mouse e ocultos

Otimize páginas de produtos para conversão

Agora você pode organizar as informações das páginas de seus produtos de diferentes maneiras, dependendo do que funciona melhor para seus clientes. Cada opção de design é feita de acordo com o melhor e-commerce, práticas para aumentar as conversões.

1. Escolha o layout da página do produto

Existem quatro novas opções para organizar o conteúdo nas páginas de seus produtos.

Chame a atenção para as fotos do seu produto. Colocar um alta qualidade A imagem do produto no lado esquerdo da página do produto fará com que seja a primeira coisa que seus clientes notarão. Use o 2 colunas layout com a descrição do produto à direita se você vende produtos visualmente atraentes e tem descrições curtas dos produtos.

A 2 colunas layout com a descrição do produto à direita

Adicione descrições detalhadas dos produtos. Para produtos como eletrônicos ou farmacêuticos, as descrições dos produtos podem ser bem longas. Em seguida, selecione o duas colunas layout com a descrição do produto abaixo da imagem. Mesmo que você adicione um longo manual de utilização do seu produto, a página ficará harmoniosa.

A 2 colunas layout com a descrição do produto abaixo da imagem

Enfatize as opções de produto e o botão “Checkout”. Se seus clientes não precisam ler longas descrições ou examinar a galeria para comprar seus produtos, opte por mostrar as opções de produtos com o botão de finalização de compra à esquerda. Digamos, se você vende pequenos peixes de aquário.

O botão “Adicionar à sacola” em foco

Minimize a rolagem e a distração. A três colunas O layout funciona se você deseja que a página do seu produto exiba o máximo de informações sem movimentos extras.

O compacto 3 colunas traçado

Você também pode selecione o layout da sua galeria de fotos. Ajude seus clientes a conhecer seu produto com uma galeria de fotos atraente. Escolha o layout das miniaturas das imagens da sua galeria (vertical ou horizontal) ou mostre suas imagens hipnotizantes em tamanho real. Quanto mais visualizações alternadas e detalhadas você mostrar, melhor.

Opções de layout da galeria de fotos

3. Selecione as informações do produto para exibir na barra lateral

Uma página de produto de conversão fornece informações suficientes sobre o produto, ao mesmo tempo que a mantém simples. No Ecwid, você pode ocultar os elementos (como SKU, opções de produto, botões de compartilhamento) se não precisar deles, para que seus clientes não se distraiam no caminho para o carrinho.

A melhor parte é que você pode arrastar cada elemento e organizá-los em qualquer ordem. Teste muitas novas maneiras de otimizar suas páginas de produtos para conversões.

Configurações flexíveis da barra lateral

Mude a navegação e as cores da sua vitrine

Existem mais algumas configurações de vitrine, que são habilitadas por padrão para ajudar seus clientes a navegar em sua loja. Você pode desligar qualquer um deles sempre que quiser.

Se você mudar da versão mais antiga da vitrine, essas configurações serão migradas para a nova vitrine como antes.

Modo adaptativo de cores. Se você instalar uma loja online Ecwid em seu site, as cores da loja corresponderão automaticamente ao tema do seu site. Sua loja parecerá uma parte natural do seu site.

O menu de rodapé e localização atual ajude os clientes a navegar em sua loja com mais rapidez e evite que se percam.

A Registe-in link permite que os clientes façam login em seus perfis para visualizar seus pedidos e usar a lista de desejos.

Opções “Classificar por” permita que seus clientes classifiquem seus produtos por preço, nome e outras condições.

Outras maneiras de mudar o design da sua loja Ecwid

As novas configurações de design abrangem os casos de uso mais comuns. Se você gostaria de mudar sua loja de outras maneiras:

Se você precisar de um tema personalizado para sua loja sem codificação, tente projetar aplicativos do Ecwid App Market (disponível em planos Ecwid pagos, aplicam-se preços de aplicativos).
Crie um tema CSS personalizado (um conjunto de regras que determina a aparência de cada elemento da loja, como tamanho, forma ou cor). Criar um tema CSS requer certo conhecimento técnico. Existe um guia para temas CSS na Base de Conhecimento Ecwid que explica como criar seu próprio tema CSS e instruções para alterar elementos específicos. Você sempre pode pedir ajuda à equipe de atendimento ao cliente da Ecwid ou solicite o desenvolvimento personalizado do seu próprio tema CSS.
Para desenvolvedores: use o API Javascript Ecwid para estender os recursos da vitrine Ecwid. Você pode criar um novo tema CSS ou aplicativo e vendê-lo no Ecwid App Market. A API Ecwid Javascript permite alterar completamente a aparência da vitrine, trazendo alterações tão profundas quanto você precisar. Se você está pronto para começar, por favor cadastre-se em nossa página para desenvolvedores.

Obtenha um site gratuito para sua loja online

Sua loja Ecwid parece ótima, mas você não tem um site para vender?

Instant Site é um construtor de sites gratuito que o Ecwid oferece quando você cria sua conta Ecwid. Isso é feito para permitir que você comece a vender on-line rapidamente em uma página da web bacana e obtenha lucros imediatamente para expandir seus negócios.

Falando em design, o Instant Site é construído com ready-made blocos (imagem da capa, logotipo, loja online, seção “Sobre nós”, feedback do cliente e contatos) que você pode ativar, desativar e personalizar.

Se você precisar personalizar seu Instant Site, para quem você ligará? Bem, ninguém! Você pode editar todo o site sem conhecimentos especiais, usando seu computador desktop ou até mesmo através do aplicativo de gerenciamento de loja Ecwid Mobile para iOS.

Crie seu Instant Site gratuito hoje mesmo usando nosso passo a passo guia.