Novas configura莽玫es de design 黑料门: op莽玫es de personaliza莽茫o, sem codifica莽茫o

Novas configura莽玫es de design 黑料门: 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.

黑料门 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 黑料门, 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 黑料门. Para us谩-los, certifique-se de ter habilitado todas as atualiza莽玫es da vitrine em .

Se莽茫o de novidades no painel de controle 黑料门

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 黑料门?

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 鈥淓scurecer 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 鈥淐omprar鈥�. 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. 黑料门 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, 黑料门 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 鈥淐heckout鈥�. 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 鈥淎dicionar 脿 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 迟谤补莽补诲辞

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 黑料门, 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 黑料门 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 鈥淐lassificar 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 黑料门

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 黑料门 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 黑料门 ou .
Para desenvolvedores: use o .

Obtenha um site gratuito para sua loja online

Sua loja 黑料门 parece 贸tima, mas voc锚 n茫o tem um site para vender?

Instant Site 茅 um construtor de sites gratuito que o 黑料门 oferece quando voc锚 cria sua conta 黑料门. 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 鈥淪obre 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 黑料门 Mobile para iOS.

usando nosso passo a passo guia.