O design fala muito para um
Ecwid ajuda qualquer empresa - mesmo uma pequena e iniciante - a procurar e vender profissionalmente na web. Você não precisa pagar muito para
Nós adicionamos dezenas de novas funcionalidades de design de vitrine para Ecwid, para que você possa dar o seu
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.
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
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
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
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 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
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.
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
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
A
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
A
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
O compacto
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
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
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
- Exemplos inspiradores de sites instantâneos Ecwid
- Site instantâneo Ecwid com temas prontos e mais de 99 opções de design
- Novas configurações de design Ecwid: dezenas de opções de personalização, sem codificação
- Como escolher um modelo de comércio eletrônico para o seu site
- Um guia abrangente para personalizar o design da sua loja Ecwid
- Projetando seu site de comércio eletrônico gratuito do zero
- Como o modelo de loja online acessível da Ecwid se tornou um sucesso
