Como aumentar meus leads whatsapp?

Aprenda como direcionar melhor seus leads para o Whatsapp! Seus clientes estão entrando no seu site, mas não estão clicando para efetuar a compra? Então essa solução pode te ajudar e conseguir mais cliques no seu Whatsapp.

Para isso, vamos utilizar um código html e css que vai mostrar o ícone do wpp no seu site, mas não é só isso! Ele terá um efeito piscante e após alguns segundo ele mostrará o número 1 como se tivesse chegado uma mensagem.

Dessa forma despertaremos a curiosidade do usuário para clicar no botão e já ser direcionado para o seu Whatsapp. E para facilitar a vida do seu cliente deixaremos uma mensagem pronta, precisando ser apenas enviada por ele.

Disponibilizaremos o código aqui em baixo, dessa forma, será necessário apenas alterar o número do Whatsapp. Para isso, veja a parte destacada do código em negrito e troque para o seu número, lembre-se de manter a estrutura e não apagar nada além do número.

Observação: mantenha o 55, pois, é o código do Brasil. Altere o 11 para o código do seu Estado e após isso vem o seu número, com ou sem o 9.

<!-- WPP-flutuante -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div class="fundo-wpp-float"></div>
<div class="wpp-float-msg">1</div>


<a class="wpp-float" href="https://api.whatsapp.com/send?phone=5511999999999&amp;text=Ol%C3%A1!%20Tenho%20interesse!" target="_blank">


<i style="margin-top:16px" class="fa fa-whatsapp"></i>
<span class="wpp-float-info">Entre em contato agora mesmo!</span></a>

<style type="text/css">
	@keyframes wpp-float{
	to{
		transform: scale(2.0);
		opacity: 0;
	}
}

@keyframes chegar-esquerda{
	to{
		transform: translateX(0px)
	}
}

@keyframes wpp-float-msg{
	to{
		opacity: 1;
	}
}

.wpp-float, .fundo-wpp-float, .wpp-float-msg{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF!important;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 1px 1px 2px #888;
  z-index:1000;	
}
.wpp-float{z-index: 10000;}
.wpp-float-msg{
	z-index: 99999;
    background: red;
    width: 25px;
    height: 25px;
    bottom: 83px;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Circular-Loom';
    line-height: 25px;
    opacity: 0;
    animation: wpp-float-msg 1s both;
    animation-delay: 6s;
}

.fundo-wpp-float{
	animation: wpp-float 1s infinite;
}
.wpp-float-info{
	color: #25d366;
    font-weight: bold;
	opacity: 0;
    position: absolute;
    right: -10px;
    font-size: 16px;
    width: 200px;
    line-height: 1;
    top: 15px;
    box-shadow: 0px 0px 15px 0px rgb(37 211 104 / 50%);
    padding: 4px 10px;
    border-radius: 100px;
    transition-property: right;
    transition-duration: .5s;
    background: #333;
}
.wpp-float:hover .wpp-float-info{
	opacity: 1;
	right: 95px;
}
</style>

Agora para este código funcionar no seu site, adicione-o no arquivo “‘footer” via ftp ou instale o plugin “Headers and Footers” do WordPress e copie e cole no arquivo footer. Caso tenha sido um desenvolvedor que criou seu site, envie esse código solicitando a adição dele.

Plugin Header and Footers – leads whatsapp

Vá para adicionar no plugin e pesquise por “Wp insert” e encontre esse plugin, intale e ative. E após isso vamos para a configuração.

No menu da esquerda, clique em “configurações” e depois “Insert Headers and Footers”. Após isso vá para a opção “Scripts in Footer” e cole o código com as alterações já feitas anteriormente. Agora basta aproveitar seus leads whatsapp aumentando.

Ainda não tem um site e deseja receber um orçamento gratuito? Entre em contato conosco!

Redator - Formado em Gestão de T.I.

Sou Alex de Meira, com experiência de mais de 3 anos em Wordpress e Soluções WEB, visando sempre uma boa experiência de usuário. Acompanhe-nos para estar informado e atualizado.

Veja todos os posts

Veja também

COMO APARECER NO GOOGLE - 2023

20/01/2023

COMO ESTILIZAR SEU FORMULÁRIO - CSS

20/01/2023

ESTRUTURA QUE FAZ SEU INFOPRODUTO VENDER

20/01/2023

WORDPRESS LOCALHOST (NO SEU PC)

20/01/2023