Quer aprender a personalizar facilmente suas páginas de produtos WooCommerce? Se você administra uma loja online, provavelmente deseja garantir que suas páginas de produtos únicos tenham uma ótima aparência, estejam organizadas corretamente e correspondam à sua marca. Isso pode ser difícil de fazer se você estiver confiando apenas no WooCommerce e no seu tema para fazer alterações, porque está mais ou menos preso ao layout padrão.
Em vez disso, você pode usar outros plugins para fazer coisas como:
- Adicionar elementos de conteúdo adicionais
- Alterar fontes e cores
- Faça alterações na estrutura da página
- Ou até mesmo personalizar completamente suas páginas de produtos do zero
…tudo sem codificação!
Algumas ideias de modelos de produtos totalmente personalizados:
Encontre o plugin perfeito para personalizar suas páginas de produtos de acordo com o que você precisa abaixo!
1. Edite o estilo cosmético de suas páginas de produtos
Aqui estão alguns ótimos plugins se você estiver procurando apenas alguns pequenos ajustes cosméticos, como alterações em suas fontes, cores ou alterações em elementos individuais.
Cores WooCommerce
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
O WooCommerce Colors permite que você personalize as cores de vários elementos do WooCommerce, como o botão Adicionar ao carrinho, preço do produto e muito mais. Você pode fazer essas alterações usando o personalizador nativo do WordPress.
Alterando a cor do botão Adicionar ao carrinho usando o plug-in WooCommerce Colors
Este é um plugin simples e direto que não requer nenhum conhecimento de CSS. No entanto, ele só permite ajustar as cores e talvez você não consiga substituir algumas cores, dependendo do seu tema.
Preço: Gratuito
Lápis Amarelo
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
YellowPencil permite que você altere suas fontes, cores, tamanhos de fonte, espaçamento entre elementos e até mesmo adicione efeitos visuais animados no front-end do seu site. Existem muitas opções de estilo na versão gratuita, mas Yellow Pencil Pro adiciona opções avançadas para gradientes, animações, fontes personalizadas, paletas de cores, imagens de fundo e muito mais.
Alterando a fonte do título da página do produto, a cor do preço e a cor do botão com o plug-in YellowPencil
O YellowPencil funciona em qualquer página do seu site – não apenas nas páginas do seu produto. Ele gera automaticamente o código CSS para o seu site à medida que você o usa e o salva no banco de dados em vez do arquivo de tema. Isso garante que você não perderá suas alterações ao atualizar seus temas.
YellowPencil permite reordenar elementos em seu modelo, mas você não pode adicionar novos elementos. Como resultado, você fica restrito aos elementos que já existem no modelo de produto único padrão.
Preço: Gratuito, com opções de upgrade pago
Herói CSS
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
O que ele faz: CSS Hero é um editor visual que permite fazer alterações de estilo em seu site ajustando automaticamente o CSS conforme você faz alterações visuais.
Alterando a cor do botão Adicionar ao carrinho com o plugin CSS Hero
Personalize os elementos do seu modelo alterando as cores, fontes, pontos de interrupção responsivos e muito mais. Você também pode ocultar elementos ou salvar o estilo de determinados elementos para reutilizá-los em outros locais do site.
No entanto, você não pode reordenar ou adicionar novos elementos, portanto, está limitado ao layout e aos elementos que já existem no modelo de produto.
Preço: pago, a partir de $ 29 por ano
2. Adicionar novos elementos às listagens de produtos
Se você deseja adicionar elementos adicionais às suas páginas, como locais para conteúdo extra ou vídeos de produtos, esses plug-ins oferecem maneiras de adicionar esses elementos às suas páginas de produtos únicos.
Personalizador de página de produto único WooCommerce
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
O Personalizador de página de produto único do WooCommerce permite adicionar campos de texto personalizado ou HTML em seu modelo de produto e escolher onde exibi-los na página.
Por exemplo, você pode adicionar informações como um guia de tamanhos de roupas, informações de envio ou um link para a política de devolução de sua loja. Essas informações são exibidas para todos os seus produtos.
Este é um plugin muito simples e fácil de usar, mas é limitado no que você pode fazer com ele. Por exemplo, você não pode optar por exibir informações apenas para alguns produtos. Você também não pode adicionar outros tipos de elementos ao seu modelo e não pode reorganizar nenhum dos elementos existentes.
Preço: Gratuito
Guias de produtos personalizados para WooCommerce
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
Abas de produtos personalizados para WooCommerce permitem que você adicione abas adicionais de texto, imagens, HTML ou códigos de acesso em suas páginas de produtos. Você pode então escolher para quais produtos exibir as informações.
Você pode usar este plug-in para exibir informações adicionais sobre fabricantes, compartilhar sua política de devolução ou adicionar fotos adicionais sem sobrecarregar a página do produto.
Novamente, este plugin tem um propósito muito focado. Não é possível personalizar nenhuma outra parte de seus modelos de produto com este plug-in além de adicionar guias de conteúdo adicional.
Se você quiser exibir conteúdo específico do produto em suas guias, como tabelas de tamanho por produto, não poderá fazer isso puxando as informações do produto dinamicamente. Em vez disso, você precisará criar guias individuais para cada produto com o conteúdo específico e adicioná-las ao produto correto.
Preço: Gratuito, com uma versão Pro paga
Vídeo de produto para WooCommerce
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
O Product Video for WooCommerce permite que você adicione vídeos às suas páginas de produtos ou à sua galeria de produtos. Você pode optar por incorporar vídeos do YouTube, Vimeo, Dailymotion, Metacafe ou Facebook, ou enviar seus próprios vídeos. Ele também oferece várias opções de exibição: em um pop-up, dentro de sua página e em tela cheia.
O plug-in oferece muito controle sobre como seu vídeo é exibido. Você pode personalizar as dimensões do seu vídeo, ativar a reprodução automática, reproduzir o vídeo em loop e fazer upload de uma imagem em miniatura específica.
Tal como acontece com os outros plugins nesta categoria, os recursos deste plugin são limitados a vídeos. Você não pode personalizar nenhuma outra parte do modelo de produto com este plug-in.
Preço: pago, atualmente $ 49
3. Crie produtos totalmente personalizados
Se você estiver procurando por páginas de produtos totalmente exclusivas para você, poderá criar páginas totalmente personalizadas – e sites inteiros – que permitem especificar estilo, layout de página e muito mais.
Conjunto de ferramentas
INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO
O conjunto de ferramentas oferece a capacidade de criar seus modelos de produto completamente do zero com o layout, estilo e elementos de página que você deseja, tudo sem codificação.
Preço: pago, planos a partir de $ 69
Crie seu modelo com conteúdo dinâmico e estilo totalmente personalizado
Com o Toolset, você pode criar facilmente seu modelo de produto usando blocos WooCommerce e Toolset e preencher esses blocos com conteúdo dinâmico. Isso significa que você só precisa criar o modelo uma vez e ele exibirá o nome do produto correto, descrição, preço, avaliações e muito mais automaticamente, dependendo do produto.
Depois que seu modelo de produto é construído, você pode usar a abundância de opções de estilo para torná-lo exatamente como você deseja, sem estar vinculado a nenhuma opção padrão.
Escolha critérios de exibição específicos para seus modelos
Você também pode criar diferentes modelos para diferentes critérios: por exemplo, você pode criar diferentes modelos para itens esgotados, para diferentes categorias ou atributos de produtos e até mesmo atribuir prioridades caso vários modelos se apliquem a um produto.
Personalize ainda mais sua loja WooCommerce com ainda mais funcionalidades
Construtores de páginas populares como Elementor Pro, Divi e WPBakery também oferecem opções para criar e personalizar páginas de produtos WooCommerce. Os recursos extras disponíveis com o conjunto de plugins do Toolset podem ser usados
Por exemplo, você pode:
- Crie formulários front-end que permitem que seus fornecedores adicionem seus produtos ao seu site
- Crie relacionamentos de postagem que permitem conectar seus produtos a outros tipos de postagem (como “Roupas”)
- Exiba as localizações de suas lojas em um mapa
- Adicione uma poderosa funcionalidade de pesquisa e filtro
- Crie campos personalizados adicionais para definir melhor seus produtos
Escolhendo as ferramentas WooCommerce certas para você
Se você não gosta das opções disponíveis no WooCommerce ou no seu tema, não faltam plugins gratuitos e pagos para deixar sua loja exatamente como você deseja.
Construir uma loja WooCommerce personalizada não precisa ser difícil ou exigir uma programação personalizada cara. Com os plugins deste artigo, você pode construir lojas WooCommerce avançadas, bonitas e funcionais – sem necessidade de codificação!
