O uso de códigos de cupom/promoção com seu público pode gerar mais vendas e permitir que você ofereça produtos e ofertas específicos a leads ou clientes específicos. Este artigo explica rapidamente como usar um código promocional no formulário de pedido de 2 etapas no Funnel Builder.
OBSERVAÇÃO: este artigo pressupõe que você já tenha criado um funil, associado um ou mais produtos e tenha um Formulário de Pedido em 2 Etapas no funil. Se você ainda não tiver feito esses itens, recomendamos que confira primeiro os outros artigos da seção Construtor de Sites. Além disso, o recurso de cupom não é compatível com produtos de assinatura, apenas com produtos de uso único. No entanto, os códigos promocionais funcionarão para compras recorrentes.
Parte 1: Cupons
Primeira etapa: criar um código de cupom
Navegue até a página de pagamentos e selecione "Cupom"
A partir daí, preencha os campos necessários
Escolha entre Cupom Fixo e Cupom Percentual
Configure o intervalo de tempo em que esse cupom estará ativo.
Segunda etapa: Adicionar ao checkout
Observação: Cupom de 100% de desconto
Seu cliente pode resgatar um código de cupom para obter um desconto de 100% no valor do carrinho.
Ele ainda precisará inserir os detalhes do cartão, caso seja necessário para upsells nas próximas etapas
Somente o Stripe pode ser usado para dar 100% de desconto no valor do pedido; isso não funcionará com o Paypal. Caso o Stripe e o Paypal existam, a opção Paypal não será exibida.
"Os detalhes do cartão serão usados para fins de verificação" será exibido ao lado do elemento do cartão durante o checkout de R$ 0
Parte 2: Código promocional
Etapa 1: Você precisa adicionar dois produtos ao seu funil. O primeiro produto será o produto de preço total e o segundo será o produto com desconto. O segundo produto ficará oculto inicialmente e será revelado como a opção de desconto quando o código for inserido. Isso também ocultará o produto de preço total.
OBSERVAÇÃO: Isso só funciona com um produto de preço total e um produto com desconto. O código é apenas para produtos do Formulário de Pedido em Duas Etapas. Ele não se aplica a produtos Bump ou Upsell.
Etapa 2: Código personalizado para o código promocional
Edite a etapa do funil onde o formulário de pedido em duas etapas está localizado
Em Configurações, clique em Código de Rastreamento
Selecione o código do rodapé
Cole o código copiado (da parte inferior deste artigo)
Etapa 3: Personalize seu código de cupom
Antes de salvar, role a tela até a parte superior do código
Digite o código do cupom que deseja usar. Você deve digitar sobre os exemplos "TESTCODE", "DISCOUNT", "PROMO
OBSERVAÇÃO: se quiser usar mais de um código de cupom, você pode inserir vários códigos separados por vírgulas. Essa é a configuração padrão no código que você copiou.
Clique em Sim, Salvar
Etapa 4: Teste seu código
Visualize sua página.
Insira os detalhes da primeira etapa.
Insira seu código promocional na segunda etapa e veja sua oferta de produto com desconto aparecer!
<style> .d-none_0x4e4858 { display: none !important; }</style><script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script><script> window.hlpt = window.hlpt || {}; window.hlpt.mycodes = [ /DO NOT EDIT ANYTHING ABOVE THIS LINE/ "TESTCODE", "DISCOUNT", "PROMO" /Enter your desired promo codes here, similarly as shown/ /DO NOT EDIT ANYTHING BELOW THIS LINE/ ]; function hlpt_apply_coupon_code(product_regular, product_offer, form_base, product_description) { window.hlpt.mycodes = window.hlpt.mycodes.map(function (a) { return a.toUpperCase(); }); if ($("#promo_code").length == 0) { var coupon_input = '<input type=\'text\' id=\'promo_code\' name=\'promo_code\' placeholder=\'Enter promo code...\' class=\'form-input\'/>'; $('.product-cost-total').last().append(coupon_input); } $(form_base + ' [id=' + product_offer + ']').closest(product_description).addClass("d-none_0x4e4858"); $('body').on('keyup', '#promo_code', function (e) { if (window.hlpt.mycodes.indexOf($('#promo_code').val().toUpperCase()) == -1) { $(form_base + ' [id=' + product_regular + ']').click(); $(form_base + ' [id=' + product_offer + ']').closest(product_description).addClass("d-none_0x4e4858"); $(form_base + ' [id=' + product_regular + ']').closest(product_description).removeClass("d-none_0x4e4858"); } else { $(form_base + ' [id=' + product_offer + ']').click(); $(form_base + ' [id=' + product_regular + ']').closest(product_description).addClass("d-none_0x4e4858"); $(form_base + ' [id=' + product_offer + ']').closest(product_description).removeClass("d-none_0x4e4858"); } }); } function hlpt_handle_products_description() { var product_regular = 'regularprod'; var product_offer = 'offerprod'; var form_base = ".form-payment .product-detail .product-description"; var product_description = ".product-description"; if ($(form_base).length == 0) { form_base = ".form-payment .product-detail .--mobile-product-description"; product_description = ".--mobile-product-description"; } var all_pds = $(form_base); if (all_pds.length > 1){ $(all_pds[0]).find('input[type=radio]').attr('id', product_regular); $(all_pds[1]).find('input[type=radio]').attr('id', product_offer); } hlpt_apply_coupon_code(product_regular, product_offer, form_base, product_description); } $(function () { var notGloballyApplied = true; if (Array.isArray(window.hlpt.mycodes)) { var observe = new MutationObserver(function (mutations) { if ($('.product-cost-total').length != 0 && notGloballyApplied) { notGloballyApplied = false; hlpt_handle_products_description(); } }); observe.observe(document.body, { childList: true, subtree: true }); } });</script>