Como per­so­na­li­zar uma página de produto do Wo­o­Com­merce

Uma página de produto original e exclusiva às vezes é o fator decisivo para gerar mais vendas e criar interesse em sua loja on-line. Os recursos padrão do Wo­o­Com­merce deixam pouco espaço para páginas de produtos per­so­na­li­za­das. Não se preocupe, além dos recursos in­te­gra­dos do WordPress, plugins como o Sto­re­Cus­to­mi­zer ou cons­tru­to­res de páginas como o Elementor oferecem con­fi­gu­ra­ções e designs flexíveis. Vamos dar uma olhada na edição de uma página de produto do Wo­o­Com­merce.

Por que é vantajoso editar uma página de produto do Wo­o­Com­merce?

A resposta é simples: Um estilo in­di­vi­dual, uma marca de produto con­sis­tente e uma ex­pe­ri­ên­cia do usuário amigável darão à sua loja on-line uma certa cre­di­bi­li­dade e ajudarão nas con­ver­sões de vendas. Assim como acontece com as vitrines das lojas, a maneira como um produto se exibe é quase tão im­por­tante quanto sua qualidade. Os vi­si­tan­tes serão per­su­a­di­dos a comprar um produto de forma mais confiável se ele tiver uma marca e uma boa apre­sen­ta­ção.

Se você usar as páginas de produtos padrão do Wo­o­Com­merce, perceberá ra­pi­da­mente que as opções de con­fi­gu­ra­ções per­so­na­li­za­das são limitadas. No entanto, você não precisa se contentar com o design padrão se quiser in­cre­men­tar sua loja on-line. Como é re­la­ti­va­mente com­pli­cado e não isento de riscos re­de­se­nhar as páginas de produtos com al­te­ra­ções no código-fonte, re­co­men­da­mos vários plugins gratuitos , bem como recursos que já estão incluídos no WordPress e Wo­o­Com­merce.

Métodos para per­so­na­li­zar uma página de produto do Wo­o­Com­merce

Dos modelos de página de produto do Wo­o­Com­merce para o WordPress. Use as seguintes opções para per­so­na­li­zar as páginas de produtos conforme ne­ces­sá­rio:

Por meio de plug-ins ( Usando o Sto­re­Cus­to­mi­zer como exemplo)

A maneira mais fácil de editar sua loja on-line, inclusive as páginas de produtos, são plug-ins como o SeedProd, Sto­re­Cus­to­mi­zer ou Wo­o­Buil­der, que funcionam de maneira se­me­lhante aos cons­tru­to­res de páginas. O SeedProd é um dos cons­tru­to­res de páginas mais populares, é atu­a­li­zado re­gu­lar­mente e já foi instalado por mais de um milhão de usuários. No entanto, as funções mais im­por­tan­tes para páginas de produtos só estão dis­po­ní­veis na versão Pro paga. Portanto, usando o Sto­re­Cus­to­mi­zer como exemplo, ex­pli­ca­re­mos como editar suas páginas de produtos com um plugin de arrastar e soltar to­tal­mente gratuito. Observe que você não pode instalar plug-ins com o plano gratuito do WordPress.com.

Passo 1: Instale o plug-in Sto­re­Cus­to­mi­zer do site do fa­bri­cante ou di­re­ta­mente da página de download de WordPress-Plugins. Após a ins­ta­la­ção, você precisa ativar o plug-in.

Passo 2: Agora, vá para “Design” na página da sua loja Wo­o­Com­merce e depois para “Customize” > “Sto­re­Cus­to­mi­zer” > “Wo­o­Com­merce Store Page”. Você pode usar di­fe­ren­tes recursos do plug-in para per­so­na­li­zar a página. Você pode encontrar todas as con­fi­gu­ra­ções e recursos na barra de menu à esquerda. Isso inclui con­fi­gu­ra­ções de tamanho de fonte, cores, design e layout da página.

Etapa 3: Um recurso im­por­tante do Sto­re­Cus­to­mi­zer inclui remoção de elementos de página do Wo­o­Com­merce pré-ins­ta­la­dos como títulos de lojas ou re­sul­ta­dos de clas­si­fi­ca­ção. Basta colocar uma marca de seleção ao lado dos elementos que deseja remover.

Passo 4: Você também pode definir o número de produtos exibidos por página e por linha e adicionar um rótulo para novos produtos com “New badge for recently added products”. Para isso, você es­pe­ci­fica por quanto tempo os itens são con­si­de­ra­dos novos após serem adi­ci­o­na­dos. Você também pode ativar es­ta­tís­ti­cas de vendas de front-end para produtos a fim de destacar os mais vendidos.

Etapa 5: Use as funções do editor para per­so­na­li­zar os botões da loja ou as des­cri­ções dos produtos, ou altere o design dos botões da loja ou dos elementos da página, como banners e margens.

Etapa 6: Para páginas de produtos, o Sto­re­Cus­to­mi­zer oferece per­so­na­li­za­ção para todos os elementos da página. Isso inclui as guias de produtos, o botão do carrinho de compras, o preço do produto, a foto do produto, o número de produtos vendidos, a descrição e a exibição de produtos se­me­lhan­tes ou análises de produtos.

Sem plug-ins (Usando o editor, a per­so­na­li­za­ção e a co­di­fi­ca­ção CSS)

Se não quiser instalar plug-ins, use três dos recursos internos do WordPress, que podem ser en­con­tra­dos no menu do painel esquerdo em “Design”: os recursos Editor, Per­so­na­li­zar e CSS adicional.

WordPress-Editor

Com a edição integrada de site completo do editor de blocos do WordPress, é possível fazer ajustes per­so­na­li­za­dos nas páginas da loja. O editor funciona na versão beta de acordo com o princípio de arrastar e soltar. Os elementos da página, como pa­rá­gra­fos, imagens ou vídeos, podem ser inseridos e editados como blocos.

Passo 1: Clique em “Design” e em “Editor” na barra de menu à esquerda.

Passo 2: Para adicionar um novo bloco de conteúdo, clique no ícone “mais” no editor.

Passo 3: Agora você verá uma lista de blocos com di­fe­ren­tes opções para posts e elementos de página. Se você quiser usar um elemento na página, clique e arraste-o para o bloco de página apro­pri­ado. Os elementos possíveis incluem con­tri­bui­ções de texto, como pa­rá­gra­fos, listas, tabelas ou citações.

Etapa 4: Outros elementos de página incluem elementos de mídia, várias opções de design/layout e widgets.


Per­so­na­li­zar

O recurso “Customize” permite que você faça al­te­ra­ções no layout, no design ou nos elementos da página em páginas exis­ten­tes.


As con­fi­gu­ra­ções dis­po­ní­veis para você com “Customize” incluem opções para con­fi­gu­ra­ções de cores, fontes ou até mesmo CSS per­so­na­li­zado.


CSS adicional

Com a opção “Ad­di­ti­o­nal CSS”, al­te­ra­ções simples também podem ser feitas ma­nu­al­mente por meio de CSS com as ha­bi­li­da­des de co­di­fi­ca­ção adequadas. No entanto, para isso, você deve ter pelo menos começado a aprender pro­gra­ma­ção ou já ter ha­bi­li­da­des básicas de pro­gra­ma­ção. Para “Ad­di­ti­o­nal CSS” é ne­ces­sá­rio o plano Pro pago do WordPress.com.

 permite que você edite in­di­vi­du­al­mente uma página de produto do WordPress.”)

Via fer­ra­men­tas do cons­tru­tor de páginas

Se você já estiver usando um cons­tru­tor de páginas do WordPress como Elementor ou Divi, também poderá usá-lo para con­fi­gu­rar suas páginas de produtos. No entanto, cer­ti­fi­que-se de que seu cons­tru­tor de páginas ofereça recursos de bloco es­pe­cí­fi­cos para o Wo­o­Com­merce. O Elementor, por exemplo, inclui modelos pré-car­re­ga­dos do Wo­o­Com­merce para páginas de produtos que o ajudarão a apre­sen­tar seus produtos de forma atraente em pouco tempo. Como regra geral, os bons criadores de páginas são pagos ou os recursos para páginas do Wo­o­Com­merce só podem ser usados em planos pagos.

Re­co­men­da­mos os poderosos cons­tru­to­res de páginas:

• Elementor
• Visual Composer
• WPBakery
• Oxygen
• Beaver Builder
• Divi

Extensões/plugins práticos do Wo­o­Com­merce para páginas de produtos

O próprio Wo­o­Com­merce oferece várias extensões e plugins que adicionam uma variedade de recursos à sua página de produto. Re­co­men­da­mos as seguintes extensões:

• Add-ons para produtos: Com add-ons como Product Add-Ons, você pode oferecer serviços adi­ci­o­nais, como embrulho para presente, mensagens de saudação per­so­na­li­za­das, gravação, doações ou similares. Os vi­si­tan­tes do seu site sim­ples­mente marcam os add-ons se­le­ci­o­ná­veis para adicioná-los.
• Imagens al­ter­na­ti­vas de produtos: Sejam cores, im­pres­sões, tamanhos ou formas di­fe­ren­tes, se você oferecer um produto em versões di­fe­ren­tes, é re­co­men­dá­vel integrar também imagens al­ter­na­ti­vas de produtos e galerias de imagens. Isso pode ser feito, por exemplo, com o plug-in Ad­di­ti­o­nal Variation Images.
• Revisões e re­co­men­da­ções: Com uma extensão como Re­com­men­da­tion Engine, você inclui extras como revisões de produtos, re­co­men­da­ções de produtos se­me­lhan­tes ou mer­ca­do­rias fre­quen­te­mente compradas no conjunto.
• Vídeos de produtos: Por padrão, você só pode adicionar imagens de produtos no Wo­o­Com­merce, mas uma fer­ra­menta como Product Video cria a pos­si­bi­li­dade de incluir vídeos de produtos do YouTube, Facebook ou até mesmo do Vimeo para ilustrar o uso ou o design dos seus produtos.
• Badges & Labels: Se você realiza ofertas especiais e promoções de desconto com frequên­cia, elas podem ser iden­ti­fi­ca­das com emblemas e rótulos especiais em um design di­fe­ren­ci­ado. Use um plug-in como Product Badges para essa fi­na­li­dade.

Esses detalhes são obri­ga­tó­rios para qualquer loja on-line

Para criar uma loja on-line com o WordPress, você precisa saber o que deve constar em uma página de produto. Os seguintes aspectos são im­por­tan­tes para uma boa apre­sen­ta­ção do produto:

• Foto do produto: Cer­ti­fi­que-se de ter suas próprias fotos pro­fis­si­o­nais de produtos que combinem com o estilo de sua loja ou ofereçam valor estético. Isso fortalece a cre­di­bi­li­dade de sua marca. Várias pers­pec­ti­vas de seu produto, de pre­fe­rên­cia de todos os lados, são ideais.
• Título do produto: O título deve conter as in­for­ma­ções mais im­por­tan­tes sobre o produto e ge­ral­mente é exibido nas SERPs dos me­ca­nis­mos de busca. Lembre-se de que um produto deve soar atraente no Google.
• Preço, ofertas especiais, custos de envio: Preços visíveis, incluindo imposto sobre vendas, são par­ti­cu­lar­mente im­por­tan­tes. In­di­ca­ções visíveis de ofertas especiais, descontos e custos de envio devem ser cla­ra­mente exibidos.
• Descrição do produto: Cer­ti­fi­que-se de que você tenha uma descrição detalhada e com­pre­en­sí­vel do produto que transmita todas as in­for­ma­ções im­por­tan­tes de maneira fácil de entender e convença os clientes he­si­tan­tes de que essa é a decisão certa.
• In­for­ma­ções adi­ci­o­nais sobre o produto e a remessa: De­pen­dendo do tipo de produto, in­for­ma­ções adi­ci­o­nais sobre peso, dimensões, material ou origem são um acréscimo im­por­tante para uma compra informada. Di­fe­ren­tes opções de envio ou custos de envio de­pen­den­tes do peso podem ser exibidos ou cal­cu­la­dos por plug-ins.
• Métodos de pagamento/checkout: Se possível, ofereça aos vi­si­tan­tes do seu site os Wo­o­Com­merce-payment-methods mais im­por­tan­tes e comuns para não deixar que a compra fracasse devido à falta de opções de pagamento.
• Posição, cor e tamanho do botão de compras: Dica pri­vi­le­gi­ada! O botão de compras, também conhecido como botão do carrinho de compras, pode mudar o jogo. O ideal é que o botão seja colocado próximo à imagem e ao título do produto e acima da descrição do produto. Se ele só for en­con­trado ao rolar a tela até a parte inferior da página, você estará perdendo vendas. Uma cor atraente e um design vívido também podem gerar mais vendas.
• Produtos similares/vendas cruzadas: Uma “página de produtos similares” pode convidar os clientes a comprar outras coisas em sua loja, ofe­re­cendo al­ter­na­ti­vas. Ela permite que você exiba mais produtos em uma página de produto sem so­bre­car­re­gar a página. As vendas cruzadas, que são produtos re­co­men­da­dos que com­ple­men­tam o produto exibido, também podem aumentar as vendas.
• Ava­li­a­ções: As ava­li­a­ções de outros clientes e con­su­mi­do­res são, muitas vezes, fatores decisivos de compra. Es­pe­ci­al­mente quando bons produtos recebem ava­li­a­ções positivas, seria uma opor­tu­ni­dade perdida não colocar essas ava­li­a­ções na página do produto, por exemplo, na forma de estrelas ou citações. As ava­li­a­ções podem ser in­te­gra­das por meio do WordPress-review-plugins. Você também pode solicitar ava­li­a­ções aos com­pra­do­res e com­pra­do­res ou lembrá-los de avaliar um produto.

Resumo: Como criar uma página de produto in­con­fun­dí­vel no Wo­o­Com­merce

O WordPress e o plugin Wo­o­Com­merce são fer­ra­men­tas poderosas, mas temas do WordPress, um web design com um esquema de cores eficaz ou uma grande seleção de produtos não tornam uma loja on-line bem-sucedida. Portanto, lembre-se de que isso também depende da apre­sen­ta­ção de seus produtos com páginas de produtos claras e modernas e recursos adequados.

Use plugins como o Sto­re­Cus­to­mi­zer ou o SeedProd para editar as páginas de seus produtos ou use um poderoso cons­tru­tor de páginas como o Elementor. Recursos in­te­gra­dos do WordPress como o “Editor”, “Per­so­na­li­zar” ou “CSS adicional” também podem ser su­fi­ci­en­tes para per­so­na­li­za­ções rápidas e efi­ci­en­tes. Nunca se esqueça de que páginas de produtos atraentes podem con­quis­tar seus clientes e gerar mais vendas.