Provador virtual de joias para WooCommerce
No WooCommerce você tem controle total, e é justamente por isso que vale instalar do jeito certo: por hook, num tema filho. Assim uma atualização do tema não apaga o provador, e quem cuidar do site depois de você encontra o código no lugar esperado.
- Como se instala
- PHP e hooks do WooCommerce, no tema filho
- Quem usa WooCommerce
- Joalherias com site próprio em WordPress, quase sempre construído por agência.
Passo a passo na WooCommerce
- 1
Pegue a sua chave pública
No painel do Provador de Joias, em Integração e API.
- 2
Confirme que existe um tema filho
Se o site usa o tema pai direto, crie um tema filho antes. Sem isso, a próxima atualização do tema apaga o que você escrever.
- 3
Use um hook do produto
No functions.php do tema filho, engate no woocommerce_single_product_summary para o botão aparecer junto do preço, ou no wp_footer para carregar o script.
- 4
Teste com um produto de rascunho
Crie um produto em rascunho com uma foto de joia e prove nele antes de mostrar para o público.
<script src="https://provadordejoias.com.br/widget.js"
data-pvj-api-key="pk_sua_chave"></script>
<button data-pvj-image="wp_get_attachment_url( $product->get_image_id() )"
data-pvj-name="$product->get_name()">
Provar em mim
</button>O que muda na WooCommerce
Particularidades da plataforma que valem saber antes de instalar.
Tema filho não é preciosismo
É a diferença entre o provador sobreviver ou sumir na próxima atualização do tema. Se você não tiver um, um plugin de inserir código no cabeçalho e rodapé resolve o script, mas o botão ainda precisa ir no template.
Cuidado com plugins de cache e otimização
Plugins que combinam e adiam JavaScript podem atrasar o carregamento do widget. Se o botão não responder ao clique, exclua o script do provador da otimização.
Imagem em tamanho cheio
Aponte para a URL da imagem original do produto, não para a miniatura. Quanto melhor a foto, mais fiel fica a prova.
Perguntas de quem vende joia na WooCommerce
- Existe plugin oficial para WordPress?
- A instalação hoje é por hook no tema filho ou por um plugin de inserção de código. Não é preciso instalar mais um plugin pesado só para isso.
- Meu cache está atrapalhando. O que faço?
- Exclua o script do provador das regras de combinar e adiar JavaScript do seu plugin de cache. Ele é pequeno e precisa estar disponível quando o cliente clicar.
- Funciona com produtos variáveis?
- Sim. O importante é que o botão receba a imagem da variação que está sendo exibida.
- Quem instala: eu ou a minha agência?
- Qualquer uma das duas, e nossa equipe acompanha. É uma alteração pequena e reversível: sai o trecho, some o provador.
Usa outra plataforma? Loja Integrada, Nuvemshop, Tray, Shopify, BW Commerce, VTEX.
Quer que a gente instale com você?
Deixe seu contato que nossa equipe fala com você, faz a instalação na sua WooCommerce e acompanha as primeiras provas. Se preferir, chame direto no WhatsApp.