Como personalizar suas páginas WooCommerce

WooCommerce oferece inúmeras vantagens aos proprietários de lojas online que operam em mercados de comércio eletrônico com orientação internacional.

Por exemplo, você pode usar um plugin WooCommerce, como Weglot traduzir toda a sua loja online (incluindo as páginas WooCommerce ) a fim de alcançar mais clientes em todo o mundo e atender a uma base de clientes global, como a Amazon.

Neste artigo, explicaremos como você pode personalizar suas páginas WooCommerce para obter taxas de conversão mais altas usando vários WooCommerce , complementos e técnicas WooCommerce , incluindo como:

• Classifique suas páginas de produtos de forma inteligente com um modelo de página de produto
• Hierarquize as informações de seu produto com um modelo de produto
• Certifique-se de que as imagens sejam adaptadas ao público-alvo
• Facilite a troca de idioma e moeda para seu cliente
• Torne o botão Adicionar ao carrinho de compras fácil de acessar no layout do produto

Classificação inteligente de páginas de produtos

Se você já usa WooCommerce algum tempo, provavelmente já sabe que seus produtos são classificados em ordem cronológica por padrão.

Isso significa que os WooCommerce adicionados mais recentemente aparecem no topo da página e os produtos que foram adicionados à sua loja aparecem primeiro na parte inferior da página.

Mas você também deve poder personalizar as páginas WooCommerce em sua própria loja virtual.

Como proprietário WooCommerce que deseja entrar em novos mercados, você precisa de um controle mais preciso sobre como seus produtos aparecem no front-end.

Por exemplo, você pode querer classificar WooCommerce com base em fatores como:

• Preço do produto (de alto a baixo ou de baixo a alto)
• Popularidade (produtos mais vendidos no topo)
• Classificação e avaliação do produto (produtos mais bem avaliados ou com as melhores avaliações na parte superior)

A boa notícia é que você pode usar plugins do WordPress para otimizar o design e as funcionalidades da sua página de produtos. Por exemplo, o plugin gratuito WooCommerce Product Sorting Options pode ajudá-lo a definir como WooCommerce devem ser classificados na página principal da sua loja.

Para começar, instale e ative o plugin WooCommerce Product Sorting Options no seu site WordPress.

Depois de ativar o plugin, vá para Aparência > Personalizar > WooCommerce > Catálogo de produtos.

Aqui, você verá algumas opções diferentes para configurar a classificação de produtos na página principal da loja. Isso lhe dá a liberdade de classificar as listagens de acordo com o que proporcionaria a melhor experiência do usuário: por tipo de produto, do menor para o maior preço etc.

Você pode usar o menu suspenso Classificação padrão do produto para decidir como WooCommerce ser classificado por padrão:

• Classificação padrão
• Popularidade
• Classificação média
• Ordenar por mais recente
• Ordenar por preço (ascendente)
• Ordenar por preço (desc)

Além disso, você também pode atribuir um rótulo à nova classificação padrão.

Por exemplo, se você optar por Popularidade, poderá chamá-lo de Sort by Popularity (Classificar por popularidade). Isso será exibido no front-end de seu site.

Por fim, você pode selecionar opções de classificação para adicionar à sua loja e decidir quantos produtos exibir por linha e por página, criando um modelo personalizado de página WooCommerce .

Clique no botão Publicar para prosseguir.

É isso! WooCommerce seus WooCommerce agora serão classificados com base na sua configuração personalizada de classificação da página de produtos. Você está mais perto de ter uma loja de comércio eletrônico otimizada.

Vamos dar uma olhada em outro método para classificar WooCommerce . Isso permitirá que você decida a posição exata de cada produto, criando um modelo personalizado diferente.

Navegue até Produtos > Todos os produtos, passe o mouse sobre um item e clique no link Editar. Em seguida, role para baixo até a seção Dados do produto e clique na guia Avançado. A partir daqui, você pode usar a opção Menu Order (Ordem do menu) para definir a posição exata desse item.

Essas opções de classificação são especialmente úteis para lojas on-line que têm centenas de produtos, com product_meta individual.

Isso facilita para os proprietários de lojas on-line exibirem os produtos que desejam na parte superior (por exemplo, um produto específico por motivos promocionais ou um produto novo para distribuição).

Isso também aprimora a experiência de compra do cliente e facilita a localização dos produtos que mais lhe interessam.

Hierarquia de informações

WooCommerce tendem a incluir muitas informações sobre cada produto, incluindo campos personalizados criados por você.

O ideal é que você apresente esses detalhes do produto de forma eficaz no front-end do seu site por vários motivos.

Por exemplo, se você vende para clientes em todo o mundo, isso pode ser simplesmente para cumprir as normas de transparência de informações de cada país em que está vendendo. Essas regulamentações podem diferir significativamente de país para país. Pode ser útil ter um tema filho, semelhante ao Divi, para sites muito diferentes.

Ao personalizar o layout da página WooCommerce , você pode organizar todas essas informações de uma maneira visualmente atraente. Isso mostra aos clientes que você prioriza a divulgação de informações importantes sobre o produto, o que é ótimo para melhorar a imagem e a reputação da sua marca.

Aqui estão alguns pontos importantes que devem ser levados em conta:

• Breadcrumbs. Os Breadcrumbs mostram aos clientes a "trilha" até o produto que estão visualizando. Isso lhes dá acesso rápido à categoria do produto e aos produtos relacionados que eles podem querer comprar. Além disso, facilita a consulta a outras partes do seu site e o conhecimento da sua marca.
• Informações básicas sobre o produto. É importante exibir claramente informações básicas sobre o produto, como o título e o preço, nas páginas WooCommerce . Como bônus, isso também ajudará nos seus esforços de SEO e a obter uma classificação mais elevada nos resultados de pesquisa do Google.
• Descrição do produto e informações sobre o estoque. Adicione uma descrição do produto para que os clientes saibam um pouco mais sobre ele com um snippet. Considere incluir informações sobre o estoque que informem se o produto está disponível, esgotado ou em espera, sem precisar entrar em contato com o departamento de atendimento ao cliente.
• CTA de pedido. Essas informações geralmente incluem a quantidade do produto, tamanho e opções de cor (se disponíveis), bem como botões para adicionar ao carrinho em um pequeno snippet. Essas informações devem ser facilmente acessíveis aos clientes na página WooCommerce . Por exemplo, os clientes não devem precisar rolar a página para adicionar produtos ao carrinho.
• Metadados do produto. O SKU do produto é um metadado que fornece informações sobre o produto. Diferentes empresas criam diferentes SKUs para seus WooCommerce . Em outras palavras, o SKU do mesmo produto em duas lojas diferentes provavelmente será ligeiramente diferente, dependendo do esquema de nomenclatura da loja. Por exemplo, uma loja que vende camisetas cria SKUs internos que mostram informações sobre o produto, como tamanho, cor, preço e informações do fabricante. Portanto, o SKU de uma camiseta Levi's preta, tamanho XL, pode ser “LEV-BLK-XL”.
• Prova social. Essas informações incluem classificações de produtos, depoimentos e avaliações que ajudam os clientes a tomar uma decisão de compra informada. Os clientes podem classificar os produtos por classificações de produtos ou ler comentários deixados por outros clientes.
• Especificações técnicas e informações adicionais. Forneça descrições curtas adicionais, especificações técnicas e outras informações relacionadas no seu modelo de produto. Isso é especialmente útil para lojas que vendem produtos tecnológicos, como smartphones, laptops, televisores e câmeras. Isso ajuda a construir confiança e dá às suas páginas WooCommerce uma aparência profissional.
• Vendas adicionais. Você pode mostrar mais informações sobre os produtos que vende, como produtos relacionados (ou produtos semelhantes). Por exemplo, você pode adicionar uma seção do tipo“Você também pode gostar” nas páginas WooCommerce . Além disso, você também pode exibir produtos que normalmente são comprados juntos para aproveitar oportunidades de vendas adicionais. Por exemplo, se você vende câmeras digitais, sugerir um cartão de memória flash e uma bolsa para câmera pode incentivar os clientes a comprar mais de você.

Certifique-se de que suas imagens sejam adaptadas ao público

Você sabia que, em todo o mundo, diferentes culturas estão acostumadas a diferentes estilos de imagens de produtos? É isso mesmo!

Por exemplo, os clientes chineses esperam sites ricos em conteúdo e preferem que as imagens de seus produtos sejam decoradas com textos explicativos e ícones.

Embora esse tipo de imagem de postagem possa parecer confuso para os compradores ocidentais, ele provavelmente o ajudará a vender de forma mais rápida e eficaz em toda a comunidade do WordPress na China.

Um bom primeiro passo para adaptar suas páginas WooCommerce ao público local é usar um plugin de tradução do WordPress, como o Weglot.

Ele permite que você “traduza” mídias – incluindo imagens –, o que significa que você pode exibir imagens diferentes de produtos para diferentes idiomas em sua WooCommerce . Dessa forma, você não precisa mexer no arquivo PHP WooCommerce sua WooCommerce , no arquivo content-single-product .php ou no HTML e CSS do site WordPress.

Facilitar a troca de idioma e de moeda

Você precisa traduzir todo o seu site WordPress ( incluindo formulários de checkout e páginas WooCommerce ) para vários idiomas para vender em um mercado global.

Weglot, um poderoso plug-in de tradução para WordPress, pode ajudá-lo a traduzir facilmente o conteúdo do seu site para vários idiomas de destino com pouco ou nenhum esforço manual.

O plugin também é oficialmente um WooCommerce , tornando-o compatível com todos WooCommerce e temas do WordPress, incluindo Storefront e Divi.

A maioria das ferramentas de tradução fornece uma página em branco na qual você precisa preencher suas traduções ou usar um shortcode.

No entanto, Weglot gera instantaneamenteuma versão traduzida automaticamente de todo o seu site. Você pode editar manualmente essas traduções usando o editor de lista ou visual editor não precisa mexer no arquivo content-single-product.php.

Isso também se aplica a qualquer novo conteúdo. Cada vez que você adiciona novos produtos ao seu site, Weglot detecta o novo conteúdo, gera e exibe a tradução automática.

Além disso, é multilíngue e otimizado para SEO, pois adiciona automaticamente tags hreflang a cada versão da sua WooCommerce . Isso significa que seus usuários internacionais poderão encontrá-lo nos mecanismos de busca locais.

Além disso, Weglot facilita o envio de suas traduções para um serviço de edição profissional de terceiros ou para que um tradutor profissional refine as traduções - disponível em seu painel do Weglot .

Quando se trata de pagamentos online, você pode usar um plugin gratuito como o WOOCS – Currency Switcher for WooCommerce facilitar a conversão de moedas em sua loja online. Ele permite que os clientes convertam os preços dos produtos em diferentes moedas, dependendo das guias do produto e das taxas de câmbio definidas em tempo real.

Dessa forma, eles podem efetuar pagamentos na moeda de sua preferência. Você também tem a opção de adicionar praticamente qualquer moeda à sua WooCommerce . Isso é especialmente útil se você vende para clientes internacionais.

Torne seu carrinho e o botão de checkout o mais acessível possível

Certifique-se de que o botão “Adicionar ao carrinho” e os links para a página de checkout nas páginas de produtos WooCommerce sejam fáceis de acessar.

Se você estiver exibindo muitas informações sobre produtos nas páginas de produtos WooCommerce , considere adicionar o botão “Adicionar ao carrinho” e o link “Finalizar compra” ao menu de navegação e tornar o menu fixo.

Dessa forma, os clientes sempre poderão acessar o carrinho de compras e prosseguir para a finalização da compra, independentemente do nível de rolagem da página.

Melhorar a acessibilidade do carrinho de compras e da página de checkout ajudará a otimizar o fluxo de compras do usuário. Isso também facilita a adição de produtos ao carrinho pelos clientes e pode ajudá-lo a reduzir as taxas de abandono do carrinho.

Conclusão

Explicamos como você pode melhorar o fluxo de usuários da sua loja online e permitir que os clientes tomem decisões de compra informadas simplesmente personalizando as páginas WooCommerce .

Traduzir sua loja de comércio eletrônico para vários idiomas de destino usando um plug-in como o Weglot é um ótimo ponto de partida.

Você também pode explorar as opções de classificação de produtos, hierarquizar as informações dos produtos e facilitar a troca de moedas para aumentar as conversões e, por fim, aumentar as vendas.

Experimente o Weglot gratuitamente hoje mesmo.