Como adicionar guias de produtos personalizadas no WooCommerce 2023

Atualizado em 12 de noviembre de 2023

As guias de produtos ajudam a organizar a página do produto por agrupar informações semelhantes em uma ou mais guias . Cada guia individual contém um conjunto específico de dados e é separada do restante dos detalhes do produto. Dessa forma, as informações ficam facilmente acessíveis, menos confusas, visualmente agradáveis ​​e fáceis de acompanhar.

Guias de produtos padrão no WooCommerce

A maioria dos produtos hoje em dia contém muitas informações essenciais que precisam ser comunicadas ao comprador. Mas colocar todas essas informações em um só lugar pode ser complicado. É por isso que muitas vezes você verá várias guias de produtos nas páginas dos produtos, como uma breve descrição, uma descrição longa, especificações técnicas, análises e muito mais.

E se você quiser incluir uma longa descrição, especificações técnicas, fichas técnicas, tutoriais em vídeo, etc.? Você achará difícil organizar todas essas informações com as guias padrão.

Usando o plug-in de guias de produtos personalizados para WooCommerce

Existem vários plug-ins do WordPress para adicionar guias de produtos personalizados WooCommerce, então fique à vontade para usar qualquer um deles. Porém, para a demonstração, usaremos o plugin Guias de produtos personalizados para WooCommerce desenvolvido por YIKES, Inc.

Baixar plug-in

1.1. Instale e ative o plugin

Primeiro de tudo, você precisa instalar e ativar o plugin em seu site. Para instalar o plugin, vá para o seu Painel de administração WP e navegue até Plug-ins > Adicionar novo. eu pesquisei Guias de produtos personalizados para WooCommerce CARAMBA, Inc.. e clique no botão instale agora para instalar o plug-in. Assim que a instalação for concluída, pressione Ativar para ativar o plugin em seu site.

Instale guias de produtos personalizadas para o plug-in WooCommerce

Brilhante! Agora você instalou com sucesso o plugin em seu site. É hora de adicionar guias de produtos personalizadas usando o plugin Custom Product Tabs for WooCommerce.

1.2. Adicionar guias de produtos personalizadas aos produtos WooCommerce

Assim que o plug-in estiver ativo, você poderá adicionar guias de produto personalizadas a um produto WooCommerce na página de edição do produto. De Painel de administração WP, Vá para Produtos > Todos os produtos. Agora, passe o mouse sobre o produto ao qual deseja adicionar guias personalizadas e clique em Editar.

Edite um produto no WooCommerce

Isso abrirá a página de edição do produto. Role para baixo até a seção Dados do produto e clique em Guias personalizadas. Você terá duas opções, Adicionar uma guia e Adicionar uma guia salva (mais sobre isso mais tarde). Clique no botão Adicionar uma guia e o formulário Nova guia personalizada será aberto.

Adicione uma guia personalizada a um produto WooCommerce

No formulário Nova guia, especifique o título da guia e adicione conteúdo relevante. Sinta-se à vontade para adicionar texto, imagens, links, multimídia, etc. Além disso, você pode adicionar várias guias personalizadas clicando no botão Adicionar uma guia na parte inferior. Se você tiver mais de uma guia personalizada, poderá alterar sua ordem por meio das setas Mover ordem das guias. Quando terminar, pressione Salvar guias para salvar suas guias personalizadas recém-criadas.

Detalhes da guia de produto personalizado WooCommerce

Voilá! Tão fácil quanto isso. Agora você criou sua própria ficha de produto personalizada. Agora, navegue até o front-end da página do seu produto para ver a guia personalizada ativa em seu site.

Especificações Técnicas Ficha do Produto

No entanto, adicionar uma guia personalizada a vários produtos, um por um, pode ser cansativo e não é uma abordagem eficiente. É por isso que o plugin vem com um recurso de guias salvas.

Vamos dar uma olhada nas guias salvas e ver como podemos adicioná-las aos produtos WooCommerce.

1.3. Crie guias salvas

Guias salvas Eles atuam como modelos que você pode salvar para uso posterior. Depois de criar uma guia salva, você poderá adicioná-la a um produto em apenas algumas etapas simples. Portanto, as guias salvas tornam a adição de guias personalizadas a vários produtos rápida e fácil.

Para criar uma guia salva, vá para o seu Painel de administração WP e clique Guias de produtos personalizados . Aqui você verá uma lista de todas as guias salvas que você criou anteriormente. Agora clique no botão Adicionar uma guia na parte superior e você será levado ao formulário Nova guia.

Adicione uma guia de produto personalizada salva

No formulário Nova guia, especifique o título da guia e adicione um nome para sua referência. Em seguida, adicione o conteúdo da guia. Isso pode incluir texto, imagens, multimídia, links, etc. Quando estiver satisfeito com todas as alterações, clique no botão Salvar guia para salvar a guia.

Criando um modelo de ficha de produto personalizado

Assim, você pode adicionar quantas guias quiser para uso posterior. Para encontrar todas as guias salvas que você criou, basta ir para Painel de administração WP> Guias de produtos personalizados. Aqui você encontrará todas as suas guias salvas e poderá editar, excluir ou adicionar novas guias aqui.

Ver todas as guias de produtos personalizados salvos

Depois de criar suas próprias guias salvas, você poderá adicioná-las a qualquer produto com apenas alguns cliques. Vamos ver como fazer isso.

1.4. Adicionar guias salvas a produtos WooCommerce

Adicionar uma guia salva a um produto segue um processo semelhante ao de adicionar uma guia normal. Vá para a página Editar Produto e role para baixo até a seção Dados do Produto. Clique em guias personalizadas e depois clique no botão Adicionar uma guia salva .

Adicionar uma guia de produto salvo a um produto WooCommerce

Escolha na lista de guias salvas a guia que deseja adicionar. Ele carregará todos os dados da guia selecionada. Agora você pode salvá-lo como está ou modificá-lo conforme suas necessidades. Você pode adicionar mais guias personalizadas clicando nos respectivos botões e reordenando as guias de acordo com suas preferências.

Por último, há uma caixa de seleção para substituir uma guia salva. Basicamente, ele desvincula a guia da guia salva original. Portanto, no futuro, se você fizer alterações na guia salva, elas não serão refletidas para este produto.

Modificar detalhes da guia do produto

Depois de salvar a guia personalizada do produto, ela aparecerá imediatamente na página do produto. Para verificar, basta navegar até o front-end do seu site, ir até a página do produto e ver sua guia personalizada em ação.

Guia FAQ exibida na página do produto

Scroll al inicio