Separadores personalizados de produtos no WooCommerce: como adicioná-los e geri-los da forma correta

Um cliente procurou-nos no ano passado com um problema aparentemente simples: as suas páginas de produtos do WooCommerce estavam sobrecarregadas. Tabelas de tamanhos, informações sobre garantia, instruções de manutenção, políticas de envio… tudo estava amontoado numa longa descrição do produto que ninguém lia. As conversões estavam a sofrer com isso, e eles sabiam disso. A solução? Separadores de produto personalizados do WooCommerce. Separadores devidamente estruturados transformam uma parede de texto numa experiência organizada e fácil de percorrer, que ajuda os compradores a encontrar exatamente o que precisam e a concluir a compra. Neste guia, vamos explicar-lhe o que são estes separadores, quando os utilizar, como adicioná-los (com e sem código) e como geri-los sem criar confusão na sua loja.

O que são os separadores personalizados de produtos do WooCommerce?

O WooCommerce inclui, por predefinição, três separadores em todas as páginas de produtos: Descrição, Informações adicionais e Avaliações. Estes separadores são suficientes para lojas básicas. Mas assim que os seus produtos precisarem de conteúdo mais estruturado, como guias de tamanhos, listas de ingredientes, perguntas frequentes ou tabelas de compatibilidade, esses três separadores tornam-se um obstáculo.

As separadores personalizadas do WooCommerce permitem-lhe adicionar, remover, renomear ou reordenar as separadores que aparecem nas páginas dos seus produtos. É você quem controla o título, o conteúdo e a ordem. Uma separadora pode conter texto simples, HTML, códigos de atalho, vídeos incorporados, tabelas e praticamente tudo o que se possa inserir num bloco do editor do WordPress.

Pense em cada separador como uma resposta completa a uma pergunta do cliente. «Que tamanho devo encomendar?» encontra-se no separador de tamanhos. «Como devo cuidar desta peça?» encontra-se no separador de instruções de cuidados. Esta estrutura modular reflete a forma como os compradores navegam na realidade: percorrem a página rapidamente, localizam o separador de que precisam e clicam.

Para uma análise mais aprofundada sobre como as separadores se enquadram na sua estratégia global para as páginas de produtos, o nosso guia sobre separadores de produtos no WooCommerce aborda a arquitetura em pormenor. E se ainda não tem muita familiaridade com a plataforma em geral, o guia sobre como configurar e vender no WooCommerce é um excelente ponto de partida antes de começar a personalizar.

Quando e por que adicionar separadores personalizados às páginas dos seus produtos

Nem todas as lojas precisam de separadores personalizados. Uma loja que venda três produtos com especificações mínimas provavelmente consegue passar-se com as predefinições. Mas se a sua resposta a qualquer uma das seguintes perguntas for «sim», vale a pena investir nos separadores personalizados.

Precisa de separadores personalizados quando:

• A sua secção de descrição tem mais de duas páginas de rolagem no telemóvel
• Vende produtos com especificações técnicas, certificações ou informações de conformidade
• Oferece garantias, políticas de devolução ou garantias que variam consoante o produto
• Os clientes fazem frequentemente as mesmas perguntas nas avaliações ou nos pedidos de assistência
• A sua loja comercializa produtos que requerem tabelas de tamanhos, guias de ajuste ou matrizes de compatibilidade

O argumento comercial é simples. Estudos da Digital Commerce 360 demonstram consistentemente que a clareza da página do produto é um dos principais fatores que influenciam a confiança na compra. Quando um cliente consegue encontrar respostas sem ter de procurar, compra mais rapidamente e volta com menos frequência.

A Federação Nacional do Retalho também observou que a redução do atrito pré-compra, causado por páginas de produtos pouco claras, está diretamente relacionada com uma diminuição do abandono do carrinho. Os separadores personalizados são uma das formas mais diretas de reduzir esse atrito sem necessidade de uma reformulação completa.

Se já está a trabalhar na experiência do utilizador (UX) da sua página de produto, a nossa lista de verificação de UX do WooCommerce para aumentar as conversões abrange o panorama geral, incluindo separadores, chamadas à ação (CTAs) e o fluxo de checkout. Os separadores personalizados são apenas uma peça desse quebra-cabeças, mas uma peça importante.

Como adicionar separadores personalizados aos produtos no WooCommerce

Existem duas formas simples de o fazer: através de um plugin ou de código personalizado. Abordaremos ambas. Antes de avançar com qualquer uma das opções, defina exatamente quais as separadores de que necessita, que conteúdo deve constar em cada um e se os separadores serão globais (aparecendo em todos os produtos) ou específicos de cada produto. Essa etapa de planeamento demora dez minutos e poupa horas de trabalho de correção.

Opção 1: Utilizar um plugin (abordagem sem código)

Para a maioria das lojas, um plugin é a escolha certa. Mantém os ficheiros do tema organizados, oferece aos utilizadores sem conhecimentos de programação uma interface de utilizador com a qual podem trabalhar e, normalmente, inclui opções para a ordenação dos separadores e regras de visibilidade.

Plugins recomendados:

• WooCommerce Tab Manager (da WooThemes/Automattic), a opção mais simples para o controlo de separadores a nível global e por produto
• O YITH WooCommerce Tab Manager permite definir a visibilidade dos separadores com base nas funções e nas categorias
• Separadores de produtos personalizados para o WooCommerce (da Barn2 Plugins), uma excelente opção para lojas com muitos tipos de produtos

Veja aqui como configurar um:

1. Instale e ative o plugin que escolheu a partir do diretório de plugins do WordPress.
2. Vá a Produtos > Gestor de Separadores (ou o menu equivalente do plugin).
3. Crie um novo separador, atribua-lhe um título (por exemplo, «Guia de tamanhos») e adicione o seu conteúdo.
4. Defina o separador como global ou atribua-o a produtos ou categorias específicos.
5. Arraste e solte os separadores na ordem em que deseja que apareçam.
6. Guardar e pré-visualizar na página do produto.

É esse o processo na íntegra. Sem código, sem alterações ao tema, totalmente reversível. Para lojas que também utilizam complementos de produto ou opções personalizadas, veja como os Complementos de Produto do WooCommerce podem complementar o conteúdo apresentado em separadores, exibindo as opções no momento certo.

Opção 2: Utilizar código através do ficheiro functions.php ou de um plugin personalizado

Se preferir programar ou se precisar de uma funcionalidade que um plugin não suporta, o WooCommerce disponibiliza um gancho de filtro simples: woocommerce_product_tabs.

Adicionar um separador personalizado:

 add_filter( 'woocommerce_product_tabs', 'zuleika_add_custom_tab' ): function zuleika_add_custom_tab( $tabs ) { $tabs['sizing_guide'] = array( 'title' => __( 'Sizing Guide', 'woocommerce' ), 'priority' => 50, 'callback' => 'zuleika_sizing_guide_tab_content', ): return $tabs: } function zuleika_sizing_guide_tab_content() { echo '<h2>Sizing Guide</h2>': echo '<p>Your sizing content goes here.</p>': } 

Remover um separador predefinido (por exemplo, «Informações adicionais»):

 add_filter( 'woocommerce_product_tabs', 'zuleika_remove_additional_info_tab', 98 ): function zuleika_remove_additional_info_tab( $tabs ) { unset( $tabs['additional_information'] ): return $tabs: } 

Algumas regras para o caminho do código: coloque isto num plug-in personalizado, não diretamente em functions.php. Se o seu tema for atualizado, functions.php as alterações são apagadas. Um plugin personalizado e leve mantém-se intacto após as atualizações do tema. Além disso, utilize um tema filho se precisar de alterar os ficheiros do tema; nunca edite diretamente os ficheiros do tema pai.

Para lojas com configurações de produtos mais complexas, a combinação de separadores personalizados com um criador de produtos personalizado do WooCommerce ou um plugin de pacotes de produtos pode proporcionar uma experiência verdadeiramente eficaz na página do produto: separadores para informações, pacotes para vendas adicionais e opções personalizadas para personalização.

Melhores práticas para gerir e organizar os separadores de produtos

Adicionar separadores é fácil. O que causa dificuldades à maioria das lojas é geri-los adequadamente ao longo do tempo, especialmente à medida que o catálogo cresce. Aqui estão as práticas que aplicamos ao criar lojas WooCommerce para os nossos clientes.

Certifique-se de que os separadores são concisos e têm títulos claros. Cada separador deve responder a uma pergunta ou servir a um único propósito. «Detalhes do produto» é vago. «Ingredientes e alergénios» é preciso. Os títulos precisos atraem cliques.

Limite o número de separadores. Três a cinco separadores por produto é o limite prático para a maioria das lojas. Para além disso, os compradores ficam sobrecarregados com tantas opções e os separadores começam a parecer desorganizados, o mesmo problema que se pretendia resolver inicialmente.

Ordene os separadores por prioridade de compra. Primeiro a descrição, depois as especificações ou tamanhos, seguidas das instruções de manutenção ou garantia e, por fim, as perguntas frequentes. Coloque as informações que levam à conclusão da venda no início da sequência.

Verifique as secções quando os produtos forem alterados. Se atualizar as especificações de um produto, o conteúdo da secção tem de corresponder. Um conteúdo desatualizado nas secções, especialmente tabelas de tamanhos desatualizadas ou funcionalidades descontinuadas, mina a confiança mais rapidamente do que a ausência total de uma secção.

Teste no telemóvel. As separadores podem comportar-se de forma diferente em ecrãs mais pequenos, dependendo do seu tema. Alguns temas empilham as separadores verticalmente no telemóvel, o que não é problema. Outros recolhem-nas em forma de acordeão. Saiba o que os seus clientes vêem, porque a maioria deles acede ao site através do telemóvel. De acordo com a pesquisa de comércio eletrónico da Shopify, o tráfego proveniente de dispositivos móveis representa a maior parte do tráfego das lojas online; por isso, o layout das suas separadores tem de estar à altura dessa realidade.

Utilize separadores globais para políticas aplicáveis a toda a loja e separadores específicos por produto para conteúdos específicos. O separador da política de devoluções? Global. A tabela de tamanhos de um casaco específico? Específica por produto. Confundir estes dois tipos de separadores torna a manutenção um pesadelo à medida que o catálogo cresce.

Para as lojas que estão a desenvolver uma abordagem totalmente personalizada para as páginas de produtos, o nosso guia sobre separadores personalizados de produtos no WooCommerce aprofunda os padrões estruturais e a atribuição de separadores ao nível das categorias. Este guia complementa bem as informações mais gerais da BigCommerce sobre otimização de páginas de produtos, caso pretenda referências externas para comparação.

Conclusão

As separadores personalizadas do WooCommerce são uma daquelas melhorias na loja que parecem insignificantes à primeira vista, mas que fazem uma diferença notável na forma como os clientes interagem com os seus produtos. Reduzem a carga cognitiva, apresentam a informação certa no momento certo e fazem com que as páginas dos seus produtos pareçam cuidadosamente planeadas, em vez de improvisadas.

A configuração não é complicada; um plugin trata disso para a maioria das lojas em menos de trinta minutos, e o código é claro e está bem documentado para os programadores. O maior desafio é gerir as secções ao longo do tempo: manter o conteúdo atualizado, os títulos precisos e a experiência móvel consistente.

Se precisar de ajuda para criar uma loja WooCommerce em que as páginas de produtos cumpram realmente a sua função, com separadores, complementos, pacotes e tudo o mais, estamos aqui para o ajudar. Entre em contacto com a equipa da Zuleika LLC e vamos definir em conjunto o que a sua loja precisa.

Perguntas frequentes sobre os separadores personalizados de produtos do WooCommerce

O que são os separadores personalizados de produtos do WooCommerce?

Os separadores personalizados do WooCommerce permitem-lhe adicionar, remover, renomear ou reorganizar os separadores nas páginas dos seus produtos, para além dos três separadores predefinidos — Descrição, Informações adicionais e Avaliações. Cada separador pode conter texto, HTML, códigos de atalho, tabelas ou vídeos, proporcionando aos compradores uma forma estruturada e de fácil consulta para encontrarem exatamente as informações de que necessitam.

Como posso adicionar separadores personalizados aos produtos no WooCommerce sem precisar de programar?

Instale um plugin como o WooCommerce Tab Manager ou o YITH WooCommerce Tab Manager e, em seguida, utilize a sua interface de utilizador para criar separadores, adicionar conteúdo, definir a visibilidade (global ou por produto) e arrastá-los para os ordenar. A configuração completa demora normalmente menos de 30 minutos e não requer alterações no tema nem código personalizado.

Posso usar o filtro `woocommerce_product_tabs` para adicionar separadores através de código?

Sim. O WooCommerce disponibiliza o gancho de filtro `woocommerce_product_tabs` para adicionar, remover ou reordenar separadores através de código. A melhor prática consiste em colocar este código num plugin personalizado, em vez de no ficheiro `functions.php`, para que as suas alterações sejam mantidas mesmo após atualizações do tema, sem serem substituídas.

Quantas secções personalizadas devo adicionar a uma página de produto do WooCommerce?

O limite máximo recomendado é de três a cinco separadores por produto. Para além disso, os compradores sentem-se sobrecarregados na hora de decidir e os separadores começam a parecer desorganizados — o que contraria o objetivo inicial de organizar o conteúdo. Priorize os separadores de acordo com a relevância para a compra: primeiro a descrição, depois as especificações, os tamanhos, as garantias e as perguntas frequentes.

As guias personalizadas de produtos do WooCommerce afetam o SEO?

As guias podem afetar o SEO, dependendo da forma como o conteúdo é apresentado. O conteúdo dentro das guias é geralmente indexado pelo Google, mas pode receber menos peso do que o conteúdo visível na primeira parte da página. Para maximizar o valor do SEO, certifique-se de que o conteúdo essencial, rico em palavras-chave, apareça na descrição principal e utilize as guias para informações complementares, mas que continuem a ser indexáveis.

Quando devo usar separadores globais em vez de separadores específicos por produto no WooCommerce?

Utilize separadores globais para conteúdos que se aplicam a toda a loja, como políticas de devolução ou informações de envio. Utilize separadores específicos por produto para conteúdos relativos a artigos individuais, como uma tabela de tamanhos para um casaco específico. Misturá-los sem uma estratégia clara cria dificuldades de manutenção à medida que o seu catálogo cresce.