Passar para o conteúdo principal

Como inserir um botão flutuante na minha Landing Page?

Como inserir um botão flutuante do WhatsApp nas landing pages do Ramper Marketing (Modelo Pré-Definido), gerando o link e adicionando o script na Customização Avançada.

Escrito por Vinicius Poleti

Quanto mais fácil e rápido o caminho percorrido pelo lead, maior a chance de ele entrar em contato com a sua empresa. Veja como inserir um botão flutuante do WhatsApp nas suas landing pages.

Ferramentas para gerar o link do WhatsApp com mensagem personalizada: Convertte (convertte.com.br/gerador-link-whatsapp) e Nuvemshop (nuvemshop.com.br/ferramentas/gerador-link-whatsapp).

Passo a passo

  1. Acesse o gerador de link (ex.: Convertte) e crie a mensagem personalizada.

  2. Clique em Gerar Link para obter o link de redirecionamento.

  3. Insira o link gerado no lugar de LINK_COM_MENSAGEM_PERSONALIZADA no script abaixo.

var attWpp = `<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="LINK_COM_MENSAGEM_PERSONALIZADA" style="position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow:1px 1px 2px #888;z-index:1000;" target="_blank">
<i style="margin-top:16px" class="fa fa-whatsapp"></i>
</a>`$(document).ready(function() {
  $("body").append(attWpp);
})
  1. Vá até a aba Aparência da sua landing page e adicione o script no final da página, em Customização Avançada - Scripts.

  2. Clique em Salvar. O botão será inserido no canto inferior direito da landing page.

Ainda tem dúvidas?

É só entrar em contato com o nosso time de Suporte pelos canais:

Respondeu à sua pergunta?