Script
Botão Comprar e Checkout — p/ Nuvemshop
Adicione um botão de compra rápida na descrição do produto e direcione o cliente ao checkout com um clique.
Atenção: este script foi testado nos layouts Simple, Amazonas, Lima, Recife e Toluga. Caso sua loja utilize outro layout ou tenha o FTP aberto com alterações no código original do layout, pode ser que o script não funcione automaticamente. Neste caso, solicite ao nosso suporte para analisar a possibilidade de adaptar o código para o seu tema ou fazermos a devolução da sua compra, caso esteja dentro do prazo de 7 dias.
O código
A instalação do script abaixo deve ser feita através do Google Tag Manager, conforme mostrado no vídeo tutorial.
<!-- Cria botões para add no carrinho quando encontrar os shortcodes [bt-comprar-1] e [bt-comprar-2] -->
<script>
window.appPlanweb = {}
if(LS.template == 'product'){
window.appPlanweb.conteudo = document.getElementsByTagName('body')[0];
window.appPlanweb.addCart = function(){
if(LS.variants.length > 1){
window.location.href='#';
alert('Esse produto tem variações, confira se escolheu a opção desejada e depois clique em comprar.');
}else{
document.getElementById('product_form').submit();
}
}
// Adiciona no carrinho pelo parametro #add na url
if(window.location.hash && window.location.hash == '#add'){
window.appPlanweb.addCart();
}
// Botão 1 - Padrão do tema
window.appPlanweb.btn1 = '<button onclick="window.appPlanweb.addCart()" class="btn btn-primary btn-block mb-4 cart" style="text-align: center;" title="Adicionar no carrinho">COMPRAR</button>';
// Botão 2 - Imagem
window.appPlanweb.btn2 = '<a href="#" onclick="window.appPlanweb.addCart()" style="text-align: center;" title="Adicionar no carrinho"><img alt="Comprar" src="//d26lpennugtm8s.cloudfront.net/stores/001/087/406/rte/comprar.png" style="width: 393px; height: 162px;"></a>';
// Substitui os shortcodes [bt-comprar-1] e [bt-comprar-2] pelos botões
if(window.appPlanweb.conteudo){
window.appPlanweb.conteudo.innerHTML = window.appPlanweb.conteudo.innerHTML.replaceAll('[bt-comprar-1]', window.appPlanweb.btn1);
window.appPlanweb.conteudo.innerHTML = window.appPlanweb.conteudo.innerHTML.replaceAll('[bt-comprar-2]', window.appPlanweb.btn2);
}
}
</script>Código para o botão 1 — Padrão do tema
Cole o shortcode abaixo na descrição do produto onde deseja exibir o botão padrão do tema.
[bt-comprar-1]Código para o botão 2 — Modelo com imagem
Cole o shortcode abaixo na descrição do produto onde deseja exibir o botão em formato de imagem.
[bt-comprar-2]Atenção: este material, incluindo o script, é de uso individual e exclusivo, sendo proibido a revenda, cópia total ou parcial e o compartilhamento sem a autorização por escrito da Planweb Interativa. Jackson Tecnologia Ltda.