No mundo digital atual, criar um senso de urgência pode ser a chave para impulsionar as conversões. Uma técnica eficaz para isso é a utilização de notificações de escassez. Neste tutorial, vamos explorar como você pode integrar um plugin de notificações de escassez em HTML no seu site WordPress, uma ferramenta valiosa que também funciona com o Elementor. Vamos mergulhar nisso!
Por que usar notificações de escassez?:
As notificações de escassez são cruciais para qualquer negócio online porque:
- Criam Urgência: Elas informam aos visitantes que uma oferta está prestes a acabar, incentivando uma ação rápida.
- Aumentam a Conversão: A urgência leva à ação, aumentando assim as chances de conversão.
- Melhoram a Percepção do Cliente: Produtos ou ofertas limitadas são frequentemente percebidos como mais valiosos.
Como Integrar o Plugin de Notificações de Escassez:
- Copie e Adicione o Código HTML no seu site:
<a href="https://app.monetizze.com.br/checkout/DGN134890"><img name="misto" id="prova-social" src="imagens/n1.png" class="img-responsive">
</a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
<style type="text/css">
#prova-social{position: fixed; bottom: 2%; left: 2%; z-index: 135;}
</style>
<script>
$('#prova-social').hide();
var $doc = $('html, body');
$('.deslisar').click(function() {
$doc.animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 2000);
return false;
});
var nrImagem = 0;
var imagens = [];
var refrescar = 20; // mudar imagem de 1 em 1 segundo
// colocar aqui todas as imagens, seguindo a ordem numérica
imagens[0] = "https://cursodeaph.com/online/imagens/n1.png";
imagens[1] = "https://cursodeaph.com/online/imagens/n2.png";
imagens[2] = "https://cursodeaph.com/online/imagens/n3.png";
imagens[3] = "https://cursodeaph.com/online/imagens/n4.png";
imagens[4] = "https://cursodeaph.com/online/imagens/n5.png";
imagens[5] = "https://cursodeaph.com/online/imagens/n6.png";
imagens[6] = "https://cursodeaph.com/online/imagens/n7.png";
imagens[7] = "https://cursodeaph.com/online/imagens/n8.png";
imagens[8] = "https://cursodeaph.com/online/imagens/n9.png";
imagens[9] = "https://cursodeaph.com/online/imagens/n10.png";
imagens[10] = "https://cursodeaph.com/online/imagens/n11.png";
imagens[11] = "https://cursodeaph.com/online/imagens/n12.png";
imagens[12] = "https://cursodeaph.com/online/imagens/n13.png";
imagens[13] = "https://cursodeaph.com/online/imagens/n14.png";
imagens[14] = "https://cursodeaph.com/online/imagens/n15.png";
//...
function rodarImagens() {
setTimeout(function(){ $('#prova-social').fadeIn(1000); }, 3000);
setTimeout(function(){ $('#prova-social').fadeOut(1000); }, 10000);
document.images["misto"].src = imagens[nrImagem++];
if (nrImagem >= imagens.length)
nrImagem = 0;
setTimeout("rodarImagens()", refrescar * 1000);
}
rodarImagens();
</script>2. Teste as Notificações: Depois de tudo configurado, faça testes para garantir que as notificações apareçam como e onde deveriam.
Conclusão:
Integrar um plugin de notificações de escassez em HTML no seu site WordPress é uma estratégia inteligente para aumentar a urgência e incentivar os visitantes a tomar uma ação. Com este guia, você pode configurar facilmente o seu próprio sistema de notificação e ver suas conversões crescerem.
Não perca mais tempo e comece a usar as notificações de escassez hoje mesmo para transformar visitantes em clientes! Baixe o plugin agora!