WooCommerce
Os seus produtos são únicos – as páginas de produtos que os mostram devem ser, também. O modelo padrão da página de produto do WooCommerce é um ótimo ajuste para muitas lojas online, mas você pode querer algo que reflita o estilo e os benefícios individuais dos seus produtos.
Você não precisa ser um desenvolvedor para colocar seu próprio selo nas páginas dos produtos graças a algumas extensões do WooCommerce (e um recurso central do WooCommerce).
Aplicações de produtos
Aplicações de produtos adiciona mais campos às páginas dos seus produtos para que os compradores possam personalizar suas compras. Coloque opções usando caixas de texto, caixas de seleção ou dropdowns e adicione variações com imagens de amostra – inclua-as para produtos individuais, ou para todo o seu catálogo.
Perfeito para: lojas de comércio electrónico que oferecem opções adicionais como embrulhos de presentes e monogramas.
- Se é uma loja de roupa que oferece bordados, permita que os clientes digitem o texto que querem bordar antes de fazer o check-out para que não tenha de chegar ao pós-compra.
- Se vender travesseiros com sotaque, ofereça opções de tecido, tamanho ou estilo.
- Se vender jóias, deixe os clientes escolherem o orçamento que gostariam que fosse gravado na peça.
- Se oferecer produtos para presente, inclua opções de embrulhos para presente ou uma nota de agradecimento.
- Se você vende produtos eletrônicos, permita que os compradores comprem uma garantia protegendo seu item.
- Se você não tem fins lucrativos, deixe que as pessoas que o apoiam incluam uma doação com a compra da mercadoria.
Optar por cobrar por cada adição, ou oferecer personalizações de graça. É uma forma flexível de dar aos compradores as opções que eles precisam.
Saiba mais sobre Add-Ons de Produtos.
Amostras e Fotos Variadas
Se o seu produto tem variações de cor ou padrão, os compradores querem vê-los em ação. A extensão Variation Swatches and Photos exibe variações – estilos, tamanhos, padrões, cores, etc. – com uma imagem ou swatch de cores para dar aos clientes uma melhor idéia do que eles estão comprando e melhorar o design das páginas dos seus produtos.
Perfeito para: lojas de eCommerce com produtos variáveis.
- Se você vende camisetas, exiba opções de cores.
- Se você vende óculos, mostre todas as suas opções de moldura.
- Se você vende jóias, destaque os pingentes que os clientes podem escolher.
- Se você vende skates, inclua imagens dos padrões que você oferece.
Saiba mais sobre Variation Swatches e Fotos e veja em ação.
WooCommerce 360º Imagem
Com WooCommerce 360º Imagem, pode adicionar uma rotação de imagem 360º dinâmica e personalizada às páginas dos produtos para que os compradores possam afinar nos detalhes dos produtos. Adicione um grupo de imagens a uma galeria de produtos, e a imagem em destaque será substituída por uma bela imagem 360º que os clientes podem girar para ver todos os aspectos do produto. Também é completamente responsivo, para que os compradores em dispositivos móveis tenham a mesma grande experiência.
Perfeito para: lojas de comércio eletrônico que querem dar aos clientes uma experiência como segurar fisicamente um produto.
- Se você vende móveis, os clientes podem entender seu estilo de todos os ângulos.
- Se você vende peças de automóveis, os clientes podem examinar os detalhes de close-up que são importantes para eles.
- Se vender relógios, os clientes podem ampliar cada nuance, gravação e característica.
Saiba mais sobre o WooCommerce 360º Image.
Vídeo de produto para WooCommerce
Vídeos são uma forma poderosa de mostrar os seus produtos em acção. Use a extensão Product Video for WooCommerce para adicionar vídeos à galeria de imagens do seu produto, ou para substituir as imagens em destaque por vídeos. Carregue os vídeos na sua biblioteca de mídia WordPress ou incorpore-os a partir de serviços de terceiros como Vimeo ou YouTube.
Perfeito para: lojas de comércio eletrônico com produtos que são melhor mostrados em ação
- Se você vende ferramentas elétricas, demonstre o tamanho da ferramenta e como ela funciona.
- Se você vende roupas, mostre como um item se encaixa em uma variedade de tipos de corpo e se combina com outras peças.
- Se você vende brinquedos, inclua clipes de crianças brincando com seus produtos e testemunhos de pais felizes.
Saiba mais sobre o vídeo do produto para WooCommerce.
Gráficos de tamanhos para WooCommerce
Se você vende produtos que vêm em vários tamanhos, um gráfico ajuda os clientes a entender qual comprar e reduz o número de devoluções. O Gráfico de Tamanho para o WooCommerce adiciona gráficos de tamanho às páginas dos produtos – carregue o seu próprio, ou crie um em seu painel de controle. Você pode optar por exibir os gráficos nos detalhes do produto ou como um pop-up.
Perfeito para: Lojas de comércio eletrônico que vendem produtos em vários tamanhos
Exemplos:
- Se você vende camisetas, adicione uma tabela de tamanhos com medidas de ombro, peito e altura.
- Se você vende móveis, adicione uma tabela de tamanhos com medidas de comprimento, altura e profundidade.
- Se você vende adesivos, adicione uma tabela de tamanhos com medidas de altura e largura.
Saiba mais sobre Tabela de tamanhos para WooCommerce.
Recomendações de produtos
Upsells e cross-sells são formas eficazes de aumentar os tamanhos dos carrinhos dos clientes e as suas vendas globais. Use Recomendações de Produtos para mostrar aos clientes mais do que eles estão interessados. Adicione produtos recomendados com base no que é popular, o que há de novo, o que está à venda, o que completa um visual, e muito mais. Ou exiba-os com base no que já está no carrinho do seu cliente.
Perfeito para: Lojas de comércio eletrônico com mais de um produto
- Se você vende sapatos, recomende meias ou atacadores.
- Se você vende brincos, recomende pulseiras e colares da mesma coleção.
- Se você vende brinquedos, recomende quebra-cabeças semelhantes ao que um cliente tem no carrinho.
- Se você vende plantas, recomende outras variedades populares ou suplementos de solo.
Saiba mais sobre Recomendações de Produtos.
Mudanças CSS simples, sem necessidade de extensão
CSS é uma linguagem de codificação que controla o design do seu site, desde fontes e cores até tamanhos de botões e fundos. Se você tem algum conhecimento básico de CSS, navegue até Appearance → Personalize → CSS adicional em seu painel e faça as seguintes alterações:
Mude o tamanho da fonte dos títulos dos produtos
Utilize o código abaixo para mudar o tamanho dos títulos dos seus produtos para 36px. Substitua o “36” pelo número que desejar.
.woocommerce div.product .product_title {font-size: 36px;}Mude a cor dos títulos dos produtos
Um código hexadecimal é um código de seis dígitos que representa uma cor específica online. Use o código abaixo para mudar a cor do título do seu produto para o código hexadecimal #FF5733. Substitua o código hexadecimal por qualquer coisa que você gostaria; você pode usar o HTML color picker para obter o código para qualquer cor que você gostaria.
.woocommerce div.product .product_title {color: #FF5733;}Make variation labels bold
Utilize o código abaixo para exibir seus títulos de variação em texto bold.
.woocommerce div.product form.cart .variations label { font-weight: bold;}Italicize as etiquetas de variação
Utilize o código abaixo para alterar as etiquetas de variação em itálico.
.woocommerce div.product form.cart .variations label { font-style: italic;}Mude as cores do botão Comprar Agora:
Utilize este código para alterar a cor de fundo do seu botão Comprar Agora. Novamente, use o HTML color picker para obter o código hexadecimal da cor que você gostaria de usar.
.woocommerce div.product .button { background: #000000;}Inicie personalizando suas páginas de produtos
WooCommerce é tudo sobre flexibilidade e personalização, e é por isso que ele fornece todas as ferramentas que você precisa para editar o design e a funcionalidade das páginas de produtos. Ao adicionar campos, vídeos, gráficos de tamanho e muito mais, suas páginas podem ser tão únicas quanto os produtos que elas apresentam.
Veja nossa biblioteca de extensão completa para ainda mais opções.
