21 dicas para design de sites WooCommerce

A maneira como você faz o layout do design do seu site WooCommerce ajudará você a converter clientes. Você deve levar em consideração que as pessoas compram e compram de maneiras diferentes em seu site. Você tem muito pouco tempo para convencer os visitantes por que eles devem confiar e comprar de sua marca. Neste post, daremos sugestões sobre como aproveitar ao máximo os segundos críticos que você tem para atrair seu cliente com essas 21 dicas para design de sites WooCommerce.

Dicas para design de sites WooCommerce

1) Caixa de pesquisa personalizada do WooCommerce

Mantenha a barra de pesquisa disponível o tempo todo. Seus visitantes querem uma maneira fácil de encontrar exatamente o que estão procurando sem precisar rolar para encontrar um lugar para pesquisar. Certifique-se de que haja uma ferramenta de pesquisa exibida com destaque a cada passo.

• Não se esqueça do celular: A maioria das pessoas não percebe que a maioria dos sites de pesquisa do site agora é móvel. Torne-o compatível com dispositivos móveis
• Filtre os resultados: Faça com que sua pesquisa seja inteligente. Se os usuários digitarem madeira, por exemplo. Ele puxará todos os produtos marcados como pisos de madeira.
• Ferramentas: Recomendamos usar a extensão Product Finder do WooCommerce: https://woocommerce.com/products/product-finder/
• Seja proeminente: Faça com que sua barra de pesquisa se destaque. Projete para que ele possa ter uma cor de destaque diferente para o layout e/ou botão.

Para aprimorar sua pesquisa WooCommerce, experimente este plugin: https://docs.woocommerce.com/document/woocommerce-product-search/

2) Navegação organizada

Os compradores on-line acessam seu site em busca de velocidade e conveniência de compras. Torne a navegação o mais simples, mas detalhada possível, para levá-los onde precisam estar. Sempre coloque suas barras de navegação onde os visitantes esperam vê-las. As posições padrão estão verticalmente à esquerda da página e horizontalmente na parte superior. É ainda melhor se você puder fazer com que a barra de navegação horizontal permaneça na parte superior da tela enquanto você rola a página para baixo. Você também precisará garantir que seus menus de navegação funcionem com qualquer tamanho de tela ou dispositivo. Com os usuários comprando em telefones, tablets, desktops e vários outros dispositivos, você deseja que o site reaja da mesma forma e forneça a mesma navegação fácil em todas as plataformas.

Práticas recomendadas de navegação

• A categorização é fundamental: Ao olhar para sua navegação, certifique-se de que a maneira como você categoriza é compreensível para os produtos ou serviços que você oferece. Você tem nomes de especialidades que os novos usuários não sabem o que significam. Isso pode tornar as coisas frustrantes para eles, porque você tem apenas alguns segundos para fazê-los reagir e seguir em frente no processo de compra. Ter uma estrutura clara e hierárquica é importante.
• Torne as coisas pegajosas: Gostamos de ter a navegação principal fixa para quando há rolagem. Os links principais estão sempre visíveis. Se você tem toneladas de produtos, tente fazer uma mega navegação com navegação pegajosa.
• Não há problema em ter vários tipos de navegação: A navegação principal horizontal funciona na maioria das vezes. No entanto, horizontal às vezes se encaixa dependendo da quantidade de informações que você tem. Lembre-se de que você pode ter vários tipos de navegação com base em diferentes áreas do site. Por exemplo, uma barra superior acima do logotipo pode ser considerada mais links e ícones relacionados ao atendimento ao cliente e compras, a navegação principal pode ser os principais serviços e/ou seções do site e o rodapé pode ter todos os itens acima.

Erros de navegação:

• Navegação de estilo não padrão: O design pode parecer legal, mas para um usuário experiente que é treinado. Eles gostam de ver os mesmos padrões na interface do usuário porque estão lá para comprar e aprender sobre seu produto, não ficar impressionados com o quão bem você acredita que seu design é. Em caso de dúvida e quiser experimentar algo diferente, teste e meça com estilos diferentes.
• Usando links genéricos: Se você está vendendo produtos em seu site e só tem "Produtos" na navegação principal. Você está se vendendo um pouco porque o usuário precisa encontrar o que você está vendendo. Experimente uma pequena navegação superior acima do logotipo e, em seguida, a navegação principal com categorias de produtos ou os próprios produtos.
• Não perca a migalha de pão: Uma das ferramentas mais simples e eficazes para usabilidade e SEO são os sites deixados de fora.

3) Produtos relacionados, up-sells e cross-sells

Personalizar a experiência de seus visitantes dá a eles a sensação de que você está prestando atenção às suas necessidades e desejos. Ter produtos relacionados exibidos na página do produto. Você também pode mostrar a eles o que outras pessoas compraram em relação aos itens que visualizam.

Vendas adicionais: Pode ser uma grande quantidade, uma versão melhor ou o mesmo produto junto com outro que é exibido na experiência de compra para aumentar a venda.

produtos Relacionados : você pode fazer com que os produtos apareçam na página de informações do produto, mas eles são produtos que devem ser comprados além daquele que o cliente está visualizando.

Venda cruzada: Você pode fazer com que os itens apareçam na página do produto e no carrinho de compras para ajudar a incentivar um impulso de compra.

Confira os recursos integrados do WooCommerce: https://docs.woocommerce.com/document/woocommerce-widgets/

Aqui está uma ótima extensão para Upselling e Cross Selling:  https://docs.woocommerce.com/document/related-products-up-sells-and-cross-sells/

Você também pode usar plug-ins pagos para obter determinados recursos, como o YITH

https://yithemes.com/themes/plugins/yith-woocommerce-recently-viewed-products/

4) Torne os carrinhos de compras persistentes

Salvando o carrinho de compras:

Estabelecer um cookie de longo prazo quando seus visitantes estiverem comprando, para que eles possam voltar mais tarde e continuar de onde pararam. A vida é cheia de interrupções e você não quer perder uma venda simplesmente porque eles esqueceram o que estava no carrinho na última visita. Eles podem ir direto para o checkout para concluir o pedido ou com uma barra de pesquisa útil à vista, e imagens de outros possíveis interesses à vista, eles podem decidir ficar e comprar um pouco mais.

Confira: https://codecanyon.net/item/save-share-cart-for-woocommerce/5568059

WooCommerce Cookies

O WooCommerce faz três tipos diferentes de cookies e já possui isso integrado. Os dois primeiros cookies contêm informações sobre o carrinho como um todo e ajudam o WooCommerce a saber quando os dados do carrinho são alterados. O cookie final (wp_woocommerce_session_) contém um código exclusivo para cada cliente para que ele saiba onde encontrar os dados do carrinho no banco de dados de cada cliente.

• woocommerce_cart_hash
• woocommerce_items_in_cart
• wp_woocommerce_session_

Listas de desejos:

Você também pode considerar adicionar Listas de Desejos ao menu. As listas de desejos salvarão um item para o comprador sem removê-lo do inventário em seu site. Usar o carrinho de compras como uma lista de desejos de longo prazo pode causar problemas com seu estoque. Apresentar uma alternativa pode aliviar um pouco disso.

Experimente o plugin WooCommerce Wishlists: https://woocommerce.com/products/woocommerce-wishlists/

5) Exiba com destaque seus links de atendimento ao cliente e número de telefone

Todos os compradores on-line querem se sentir seguros e protegidos em seu site. Suas credenciais podem ser fortes, mas um comprador que visualiza seu site pela primeira vez estará procurando sinais de que você é realmente confiável. A melhor maneira de se apresentar a novos clientes é ser transparente sobre suas informações de contato. Exibir seu número de telefone e links de atendimento ao cliente em um local de destaque no site ajudará a deixá-los à vontade e garantir que as informações do cartão de crédito estejam seguras com você.

6) Parceiros e associados de destaque

Ao estabelecer sua credibilidade, nada está fora dos limites. Se você tiver parceiros ou associados que seus hóspedes reconheçam, descarte esses nomes. Se você puder mostrar que está associado a empresas bem estabelecidas e bem-sucedidas, é mais provável que elas se sintam seguras comprando em seu site. Somos especialistas certificados em WooCommerce e temos orgulho disso!

7) Os carrosséis rotativos estão fora

Os carrosséis têm seus pontos positivos, mas não são amigáveis para SEO. Eles ajudam você a mostrar mais produtos e promoções, mas tornam seu site mais lento e os usuários os acham irritantes. Eles se movem rápido demais para qualquer chance real de processar o que está neles. Se você precisar usar um carrossel, incorpore um que interrompa a rotação automática quando o cursor passar sobre ele. Isso dá ao cliente a oportunidade de ver o item sem realmente ir para a página com uma descrição completa. A prática recomendada é apenas usar imagens estáticas. Seus visitantes não estão interessados em sinos e assobios. Eles querem ótimos produtos com o melhor preço possível.

8) Faça sua seção de vendas se destacar

Faça-os sentir fome. A maioria dos compradores online não comprará um produto até que ele seja colocado à venda. Exiba com destaque um link para seus produtos com desconto para que esses compradores tenham uma rota direta para os itens que procuram. Use uma cor diferente para o link ou use letras que chamem a atenção. Os compradores de pechinchas são um ótimo público para atingir porque gostam de contar aos outros o que encontraram a um preço incrível. Isso é publicidade gratuita após a venda.

Área dedicada na navegação principal:

Venda em todo o site:

Nas listas de produtos:

9) Exibir frete grátis

Anunciar seu frete grátis em um lugar de destaque na página inicial ajudará a reduzir o número de carrinhos de compras abandonados que você encontra. Muitos compradores enchem o carrinho apenas para deixá-lo quando veem as taxas de envio insanamente altas. Alguns procurarão sua política de envio antes de fazer o pedido, portanto, certifique-se de tê-la em uma boa posição em sua página. Você vai querer oferecer outras opções de envio para os clientes que desejam uma entrega mais rápida também.

Estudo de varejo: 9 em cada 10 consumidores dizem que o frete grátis é o incentivo número 1 para fazer compras online.

10) Reúna as opções de economia de dinheiro em uma página de vendas

Forneça um link da sua página inicial para uma área dedicada a economizar dinheiro. Isso inclui frete grátis, códigos de cupom, pontos de fidelidade, descontos e quaisquer brindes que você possa oferecer. Você pode descobrir que esta é a área mais visitada do seu site. Os caçadores de pechinchas provavelmente lhe darão amor por isso sozinho.

Adicione uma página de vendas dedicada: As ideias populares podem ser a oferta do mês/semana/dia ou apenas criar uma página para um feriado especial único.

11) Use uma caixa modal

Evite a desordem em sua página inicial do WooCommerce usando uma janela modal. Mostre uma mensagem importante sem torná-la parte da página inicial. Isso libera espaço em sua vitrine para mais produtos. Essas caixas só são úteis se usadas corretamente. Eles têm uma má reputação por conter publicidade que nada mais era do que irritante. Certifique-se de não usá-los em excesso e disponibilize o botão para fechar a caixa. Certifique-se de ter um cookie para que um usuário não veja mais de uma caixa por visita e não veja uma caixa em todas as visitas.

12) Suporte por chat ao vivo

O chat ao vivo é uma ótima maneira de responder imediatamente a perguntas, preocupações ou dúvidas gerais que um cliente possa estar tendo em sua loja WooCommerce. Muito poucos compradores realmente ligam para uma linha de suporte ao cliente e muitos saem frustrados. O software de bate-papo ao vivo é um investimento que vale a pena para impedir que os compradores duvidem. Os clientes têm a sensação de um toque pessoal. O chat ao vivo pode fornecer atendimento ao cliente eficiente e evitar a perda de vendas.

13) Crachás de confiança excessivos lançam bandeiras vermelhas

Os crachás de confiança são uma coisa boa, mas o uso excessivo deles pode deixá-los com a sensação de que têm uma falsa sensação de segurança. Limite o número de crachás que você usa e certifique-se de que eles sejam amplamente reconhecidos. O uso excessivo pode minar o conforto que eles deveriam estar projetando.

14) Teste seu produto WooComerce e página de categoria

A execução de testes A/B é uma ótima maneira de decidir a maneira mais eficaz de exibir seus produtos. Isso fornece duas exibições diferentes para seus clientes e, com o tempo, fornece estatísticas sobre qual funciona melhor para o seu site. Experimentar testes A/B pode melhorar muito a experiência do visitante, bem como seus resultados.

Algumas ferramentas que usamos com nossos clientes: Otimizador Visual Web e Jarra quente.

Veja alguns estudos de caso aqui: https://vwo.com/blog/10-kickass-ab-testing-case-studies/

15) Prenda os visitantes com escassez

Exibir mensagens que transmitem urgência é uma maneira de atrair visitantes para uma venda. Se você mostrar a eles que restam apenas quantidades limitadas de um item ou fazê-los sentir que seu tamanho pode desaparecer em breve, é mais provável que eles comprem o item antes que seja tarde demais. O truque é tornar essas mensagens sutis para que pareçam que você está fazendo um favor a elas quando, em última análise, está incentivando-as a comprar agora, em vez de mais tarde, ou não comprar.

Aqui está um plugin gratuito para experimentar: https://wordpress.org/plugins/woo-custom-stock-status/

16) Não há problema em rolar

Os clientes às vezes mencionam sobre querer itens acima da dobra. Respondemos perguntando "A qual dobra você também está se referindo?". Com tantos monitores de tamanhos diferentes, a rolagem tornou-se irrelevante. O celular também mudou completamente este jogo, dominando as estatísticas, tornando os desktops uma porcentagem muito pequena ao tentar segmentar uma dobra. Tony Haile de Batida de gráfico postou várias quantidades de dados para apoiar isso. Não se venda a descoberto, dê aos seus visitantes mais na página inicial para apoiar SEO, usabilidade e merchandising de seus produtos

Confira mais estatísticas aqui no Time.com:  http://time.com/12933/what-you-think-you-know-about-the-web-is-wrong/

17) Incentive-os a compartilhar

Dê aos compradores muitas oportunidades de compartilhar seus produtos com amigos e familiares. Disponibilize botões de compartilhamento, bem como solicite diretamente que eles compartilhem. Isso não apenas coloca seu produto na frente de mais pessoas, mas também sua marca e um link para seu site. Oferecer oportunidades de compartilhamento melhorará muito o tráfego e as conversões do seu site.

18) Instale um mapa de calor na página inicial do WooCommerce

Não acredite apenas em nossa palavra. Analise sua página inicial antes de fazer qualquer alteração para entender onde está a saturação de cliques, a rolagem do visitante e o interesse por canal (Bing, Google, Facebook, etc.). Lembre-se de que seu canal de melhor conversão pode ser totalmente diferente do seu canal de menor conversão. Você quer ter certeza de entender primeiro o que está acontecendo com seu site antes de fazer qualquer alteração.

19) Perguntas Frequentes

Existem usuários obstinados de perguntas frequentes por aí procurando suas perguntas frequentes. Forneça um link e responda às perguntas como se estivesse explicando as coisas para uma criança de 5 anos. Informações sobre envio, garantia e devoluções devem ser incluídas. Além disso, adicione perguntas e respostas que você recebe regularmente para manter suas perguntas frequentes atualizadas. Isso também evita que você tenha que responder às mesmas perguntas repetidamente.

Um ótimo exemplo está na Weber:  https://consumer-care.weber.com/hc/en-us/categories/360001489471-FAQs

20) Anuncie sua cobertura da imprensa

Se você foi mencionado nas notícias ou tem comunicados de imprensa disponíveis, inclua-os no site. Exiba os logotipos dos meios de comunicação para serem prontamente reconhecidos pelos visitantes. A maioria nunca lerá o comunicado à imprensa, mas tê-lo lá dá credibilidade que promoverá a confiança em seu site. Se você tiver atenção da mídia, vincule os logotipos a quaisquer artigos sobre sua empresa.

Confira a página inicial do FLYTE:  https://flyte.se/

21) Incorpore o feedback do usuário

O feedback do usuário pode ser uma ferramenta útil para construir credibilidade com seus clientes. Análises de produtos, pequenas citações, notas de agradecimento ou fotos de clientes com seu produto podem aumentar drasticamente suas vendas. Você pode colocá-los com as descrições de seus produtos ou em barras laterais em todo o site.

Para exibir avaliações sobre sua empresa:

Gostamos de usar plug-ins avançados para listagens de empresas - https://richplugins.com

Para obter avaliações:

Recomendamos experimentar: Revisão do produto WooCommerce Pro

Usar essas dicas de WooCommerce Web Design para sua página inicial ajudará muito a melhorar a experiência do usuário de seus clientes, solidificando sua credibilidade e obtendo mais vendas. Colocar todas as informações vitais onde elas pertencem e exibir os produtos certos pode aumentar drasticamente suas conversões. Compartilhamentos de mídia social e boas análises de produtos melhorarão o SEO e direcionarão o tráfego. A Bright Vessel é uma empresa certificada Especialista em WooCommerce que pode ajudá-lo a criar, promover e melhorar sua vitrine. Entre em contato conosco hoje.