Como criar e usar um cupom / código promocional - Formulário de duas etapas

Construtor de Funil

Usar códigos de cupom / promocional com seu público pode gerar mais vendas e permitir que você ofereça produtos e ofertas específicos para leads ou clientes específicos. Este artigo explica rapidamente como usar um código promocional no Formulário de pedido de 2 etapas no Funil Builder.

Observação : este artigo pressupõe que você já criou um funil, produto (s) associado (s) e tem um formulário de pedido de 2 etapas no funil. Se você ainda não fez esses itens, é altamente recomendável que você confira os outros vídeos na seção Funnel Builder primeiro. Além disso, o recurso de cupom não oferece suporte a produtos de assinatura, apenas produtos de uma vez. No entanto, os Códigos Promocionais funcionarão para compras recorrentes.

Parte 1: Cupons

Passo um: Criar um código de cupom

Navegue até a página de pagamentos e selecione "Cupom"

A partir daqui, preencha os campos necessários

Escolha entre Cupom Fixo e Cupom Percentual

Defina o intervalo de tempo que este cupom está ativo.

Etapa dois: Adicionar ao checkout

Nota: Cupom de 100% de desconto

Seu cliente pode resgatar um código de cupom para obter um desconto de 100% no valor do carrinho.

Eles ainda precisarão 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 nos valores do pedido, isso não funcionará com PayPal. Caso existam Stripe e PayPal, a opção PayPal não aparecerá.

"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 US $ 0

Parte 2: Código Promocional

Passo 1: Você precisará ter dois produtos adicionados ao seu funil. O primeiro produto será o produto de preço total e o segundo será o produto com desconto. O segundo produto será escondido 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.

NOTA: Isso só funcionará com um produto de preço total e um produto com desconto. O código é apenas para produtos de formulário de pedido em duas etapas. Não é para produtos Bump ou Upsell.

Etapa 2: Código personalizado para código promocional

Editar a Etapa do Funil onde reside o formulário Ordem de 2 Etapas

Em Configurações, clique em Código de Rastreamento

Selecionar código de rodapé

Colar em código copiado (na parte inferior deste artigo)

Passo 3: Personalize seu código de cupom

Antes de salvar, role para cima até a parte superior do código

Digite o código de cupom que você deseja usar. Você deve digitar sobre os exemplos 'TESTCODE', 'DISCOUNT', 'PROMO'

NOTA: Se você quiser usar mais de um código de cupom, você pode inserir vários separados por vírgulas. Essa é a configuração padrão no código em que você copiou.

Clique em Sim, Salvar

Etapa 4: Testar seu código

Visualize sua página.

Insira os detalhes para a primeira etapa.

Digite seu código promocional para o segundo passo e veja sua oferta de produto de desconto aparecer!

<estilo>

.d-none_0x4e4858 {

exibição: nenhum !important;

}

</estilo>

<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 = [

/NÃO EDITE NADA ACIMA DESTA LINHA/

"TESTCODE", "DESCONTO", "PROMO" /Digite os códigos promocionais desejados aqui, da mesma forma que mostrado/

/NÃO EDITE NADA ABAIXO DESTA LINHA/

];

function hlpt_apply_coupon_code(product_regular, product_offer, form_base, product_description) {

window.hlpt.mycodes = window.hlpt.mycodes.map(function (a) {

retornar 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");

}

});

}

função hlpt_handle_products_description() {

var product_regular = 'regularprod';

var product_offer = 'cutucada de vítima';

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);

}

$(função () {

var notGloballyApplied = verdadeiro;

if (Array.isArray(window.hlpt.mycodes)) {

var observe = new MutationObserver(função (mutações) {

if ($('.product-cost-total').length != 0 && notGloballyApplied) {

notGloballyApplied = false;

hlpt_handle_products_description();

}

});

observe.observe(document.body, {

childList: verdadeiro,

subárvore: verdadeiro

});

}

});

</script>