Novas configura??es de design 51视频: op??es de personaliza??o, sem codifica??o

Novas configura??es de design 51视频: 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.

51视频 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 51视频, 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 no seu painel de controle 51视频. Para usá-los, certifique-se de ter habilitado todas as atualiza??es da vitrine em .

Se??o de novidades no painel de controle 51视频

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 51视频?

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. 51视频 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, 51视频 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 51视频, 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 51视频 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 51视频

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 (disponível em planos 51视频 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 que explica como criar seu próprio tema CSS e . Você sempre pode pedir ajuda à equipe de atendimento ao cliente da 51视频 ou .
Para desenvolvedores: use o .

Obtenha um site para o seu negócio

Sua loja 51视频 parece ótima, mas você n?o tem um site para vender?

O Instant Site é um construtor de sites que a 51视频 fornece quando você cria sua conta 51视频. Isso é feito para que você comece a vender online rapidamente em uma página da web organizada e lucre imediatamente para expandir seu negócio.

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 51视频 Mobile para iOS.

usando nosso passo a passo guia.