Deseja obter descrições de produtos no WooCommerce e exibi-las nas páginas da loja e do produto?
Isso ajuda os clientes a saberem o que é o produto e os incentiva a aprender mais. Isso também facilita que os compradores tomem decisões de compra rapidamente.
Este artigo mostrará como obter e exibir descrições de produtos no WooCommerce para melhorar a experiência do usuário e aumentar as vendas.
- Por que as descrições de produtos do WooCommerce são importantes?
- Como faço para adicionar uma descrição de produto no WordPress?
- Existe um código curto para as descrições de produtos no WooCommerce?
- Como exibir descrições de produtos no WooCommerce com o SeedProd
- Como adicionar a descrição curta do WooCommerce à página da loja
- More Ways to Customize WooCommerce
- Perguntas frequentes sobre a descrição de produtos do WooCommerce
Por que as descrições de produtos do WooCommerce são importantes?
Os compradores visitam sua loja on-line por vários motivos:
- Pesquisar o que você tem a oferecer
- Procurando um produto específico
- Comparando-o com alternativas
- Compras em vitrines
Se os visitantes acharem difícil obter as informações de que precisam, eles sairão do seu site antes de comprar. No entanto, se você oferecer aos compradores descrições de produtos exclusivas e detalhadas, eles poderão encontrar rapidamente o que estão procurando.
As descrições de produtos do WooCommerce também incentivam os clientes em potencial a clicar e saber mais sobre seus produtos.
Por exemplo, se os usuários virem uma breve descrição do produto na página da sua loja, eles poderão clicar para ler a descrição completa. A partir daí, eles podem:
- Saiba o preço
- Exibir imagens do produto
- Explore as especificações do produto
- Leia comentários e avaliações
Essas informações podem persuadir os usuários a comprar o produto naquele momento.
Sua próxima pergunta provavelmente será: "como adicionar descrições de produtos no WooCommerce?". Continue lendo para descobrir.
Como faço para adicionar uma descrição de produto no WordPress?
Para adicionar descrições de produtos no WordPress com o WooCommerce, acesse WooCommerce " Products no painel do WordPress.
Em seguida, você pode adicionar um novo produto ou editar uma entrada de produto existente.
Você pode inserir uma descrição do produto no editor principal do WordPress. Isso será exibido como a descrição completa do produto em sua loja.
Em seguida, role a tela para baixo e insira os detalhes do produto na seção Product data (Dados do produto ), incluindo:
- Tipo de produto
- Preço normal e de venda
- Inventário
- Remessa
- Produtos vinculados
- Atributos
- Avançado
Abaixo dessa seção está a Descrição resumida do produto. Essa é uma versão mais curta da descrição completa do produto que pode ser exibida para motivar os usuários a clicar.
Não se esqueça de adicionar a categoria do produto e fazer upload de imagens para seus produtos. Em seguida, você pode clicar em Update (Atualizar) ou Publish (Publicar) para tornar suas alterações efetivas.
Existe um código curto para as descrições de produtos no WooCommerce?
Já mencionamos as descrições curtas várias vezes até agora. Mas o que você talvez não saiba é que o WooCommerce só mostra descrições curtas em páginas de produtos individuais.
Atualmente, o WooCommerce não oferece uma maneira de exibir descrições longas ou curtas na página principal da loja, nas páginas de categorias de produtos ou em qualquer outro lugar do site. Embora inclua blocos e códigos de acesso do WordPress para listar produtos, eles mostram apenas a imagem do produto, o preço e a categoria, no máximo.
Você precisará de um plug-in do WordPress ou de um código personalizado para personalizar as descrições dos produtos e exibi-las em outros locais do site.
Felizmente, temos uma solução para ambos, que explicamos a seguir.
Como exibir descrições de produtos no WooCommerce com o SeedProd
Adicionar descrições personalizadas de produtos ao WooCommerce é muito fácil com o SeedProd.
O SeedProd é o melhor construtor de sites e plugin de página de destino para WordPress. Ele permite criar temas personalizados para WordPress, sites de WooCommerce e layouts flexíveis de sites sem código.
É fácil começar com mais de 180 modelos de página de destino e mais de 25 temas pré-fabricados do WordPress. Você pode personalizar cada design no construtor de páginas visuais de arrastar e soltar do SeedProd.
A personalização da sua loja on-line não leva tempo com os blocos e seções personalizáveis do SeedProd. Você pode exibir produtos do WooCommerce facilmente com as tags de modelo do WooCommerce e personalizá-los apontando e clicando.
Você pode até mesmo usar o SeedProd para criar sites de comércio eletrônico completos com páginas de produtos exclusivas, carrinhos de compras, checkout, arquivos e páginas de lojas. O plug-in é extremamente rápido e não apresenta inchaço, garantindo que seu site seja executado rapidamente para os visitantes.
Siga as etapas abaixo para obter descrições de produtos no WooCommerce e exibi-las com o SeedProd.
Etapa 1. Instalar o construtor de sites SeedProd
Primeiro, faça o download do arquivo do plug-in SeedProd em seu computador.
Observação: existe uma versão gratuita do SeedProd, mas usaremos o plano SeedProd Elite para os recursos do WooCommerce.
Em seguida, instale e ative o SeedProd em seu site WordPress. Você pode seguir este guia sobre como instalar um plug-in do WordPress se precisar de ajuda.
Depois de instalar o SeedProd, acesse SeedProd " Settings e insira sua chave de licença.
Você pode encontrar sua chave de licença fazendo login na sua conta SeedProd e clicando na guia Downloads.
Agora, digite sua chave no campo de texto e clique no botão Verify Key (Verificar chave ).
Etapa 2. Criar um tema personalizado do WooCommerce
Para usar os recursos do WooCommerce do SeedProd, você precisará criar um novo tema do WordPress com o SeedProd. Isso substituirá seu tema existente por um design personalizado, e é fácil de fazer, mesmo para iniciantes.
Para fazer isso, vá para SeedProd " Theme Builder e clique no botão Themes (Temas ).
Em seguida, você verá a biblioteca de modelos de sites pré-criados do SeedProd. Quando encontrar um modelo de que goste, passe o mouse sobre ele e clique no ícone de marca de seleção.
Depois de importar seu tema, o SeedProd criará todas as partes da demonstração do tema.
Observação: Nós nos referimos a partes individuais de um tema como "modelos".
Ao clicar em cada modelo, ele será aberto no editor de arrastar e soltar do SeedProd, onde você poderá personalizar o conteúdo e o design.
O primeiro modelo que editaremos neste tutorial é a página do produto. Quando os visitantes clicam em um produto em sua loja, eles veem a página do produto com os detalhes desse item.
Etapa 3. Editar o modelo de página do produto
Para personalizar a página do produto, passe o mouse sobre o modelo Product Page (Página do produto) e clique no link Edit Design (Editar design ).
O modelo será aberto no editor visual de arrastar e soltar do SeedProd, onde você pode apontar e clicar para alterar o design e o layout.
Primeiro, vamos ver como adicionar uma breve descrição do produto à sua página.
No lado esquerdo da tela, localize a seção WooCommerce Template Tags e arraste o bloco Short Description para o seu design.
A saída do WooCommerce para esse bloco tem como padrão a tag de descrição curta, mas você pode personalizá-la para atender às necessidades da sua loja. Você também pode personalizar a aparência da descrição nas configurações do bloco.
Por exemplo, você pode alterar o alinhamento da descrição, o tamanho da fonte e inserir texto dinâmico.
Na guia Advanced (Avançado), você pode personalizar os estilos de bloco, incluindo cores, fontes, espaçamento, etc.
Você pode seguir etapas semelhantes para adicionar descrições longas às páginas de produtos. Basta arrastar o bloco Product Content do painel esquerdo e soltá-lo no lugar.
Como antes, você pode personalizar o conteúdo, o estilo e as cores com apenas alguns cliques.
Observação: Você não verá uma visualização do bloco Product Content no editor ativo.
Etapa 4. Personalize o restante do seu site de WooCommerce
Depois de adicionar descrições de produtos à sua página, você pode continuar a personalizar o restante da sua loja. Basta clicar no link Edit Design em qualquer modelo para alterar o conteúdo exibido e a aparência.
Por exemplo, você pode:
- Personalizar páginas de categorias de produtos
- Exibir produtos em destaque
- Adicionar uma barra lateral personalizada do WordPress
Você terá uma loja WooCommerce totalmente personalizada, pronta para converter compradores em clientes quando terminar.
Etapa 5. Publique seu site de comércio eletrônico WooCommerce
Quando estiver satisfeito com seu novo design, é hora de colocá-lo no ar.
Para fazer isso, vá para a página SeedProd " Theme Builder e, no canto superior direito, clique no botão Ativar tema do SeedProd até que ele esteja na posição "ligado".
Agora você pode visualizar qualquer produto em seu site e ver as descrições curtas e longas em ação.
Veja como será sua descrição resumida:
E aqui está a aparência da descrição longa, dependendo do seu layout:
Como adicionar a descrição curta do WooCommerce à página da loja
Alguns proprietários de sites podem querer personalizar ainda mais sua loja. Por exemplo, talvez você queira adicionar descrições à página da loja na grade de produtos.
Ao escrever este post, a SeedProd não oferece esse recurso no momento, mas é algo em que a equipe está trabalhando. Por enquanto, criamos um snippet de código que adicionará a descrição curta do WooCommerce à página da sua loja.
Observação: essa solução envolve a edição dos arquivos de seu site. Recomendamos seguir essas instruções somente se você for um usuário avançado do WordPress.
Primeiro, familiarize-se com a forma de adicionar trechos de código ao WordPress.
Agora, copie esse snippet de código e cole-o em seu arquivo functions.php ou usando este plug-in de snippets de código.
/**
* SeedProd - Add short description to products listing on shop page (only)
*/
add_action( 'woocommerce_after_shop_loop_item_title', 'sp_wc_add_short_description' );
function sp_wc_add_short_description() {
if( is_shop() ){
global $product;
?>
<div class="woocommerce-loop-product-description">
<?php echo apply_filters( 'woocommerce_short_description', $product->get_short_description() ) ?>
</div>
<?php
}
}
Ao visualizar a página da loja do WooCommerce, você verá as descrições dos produtos acima do botão adicionar ao carrinho.
More Ways to Customize WooCommerce
Fixing the view cart not working error is just one of the many ways to tweak your store. For more WooCommerce customizations, please see the following guides:
- How to Customize the WooCommerce Additional Information Tab
- Como adicionar o botão Exibir carrinho no WooCommerce
- Como alterar o título da página da loja no WooCommerce
- Como criar uma impressionante galeria de imagens de produtos no WooCommerce
- Como adicionar classificação por estrelas às páginas de produtos do WooCommerce
- How to Display Related Products in WooCommerce
- Como exibir categorias e tags de produtos no WooCommerce
- Como corrigir o problema de não funcionamento do WooCommerce View Cart
- How to Hide Out of Stock Products in WooCommerce
Perguntas frequentes sobre a descrição de produtos do WooCommerce
Você pode escrever uma descrição de produto no WooCommerce navegando até o painel do WordPress, selecionando "Products" e depois "Add New". Aqui, você encontrará duas caixas para descrições: "Short Description" e "Product Data".
A seção "Product Data" (Dados do produto) é onde você pode adicionar descrições detalhadas do produto, enquanto a "Short Description" (Descrição curta) é para uma breve visão geral do produto.
Uma descrição de produto do WooCommerce deve incluir um título claro e conciso, uma descrição curta precisa e atraente, uma descrição longa abrangente, especificações do produto, benefícios e recursos. Ela também deve ter imagens de alta qualidade, preços e qualquer outra informação que ajude o cliente a entender melhor o produto.
O tamanho da descrição de um produto do WooCommerce pode variar dependendo do produto. No entanto, geralmente é recomendável fornecer informações suficientes para descrever adequadamente o produto e seus benefícios, o que normalmente varia de 100 a 300 palavras.
É importante encontrar um equilíbrio entre fornecer informações suficientes e manter a descrição concisa e envolvente.
Para otimizar as descrições de produtos do WooCommerce para SEO, use palavras-chave relevantes em suas descrições, mas evite o excesso de palavras-chave. Certifique-se de que suas descrições sejam exclusivas e não copiadas de outro lugar. Inclua meta descrições e tags de título.
Além disso, forneça texto alternativo para suas imagens. Por fim, garanta que seu conteúdo seja de alta qualidade, informativo e agregue valor aos clientes em potencial.
Aí está!
Esperamos que este artigo tenha ajudado você a aprender como obter descrições de produtos no WooCommerce e exibi-las para seus clientes.
O SeedProd inclui tudo o que você precisa para personalizar qualquer parte do seu site WordPress e da sua loja WooCommerce. Você pode até usar o SeedProd para lançar sites de clientes, como fez a Mustard Seed neste estudo de caso.
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.
Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.
