Ir para o conteúdo principal
Móvel

Integrar Whatsapp Clique para conversar no WordPress

por 27 de julho de 2020#!31Sex, 07 Ago 2020 17:24:57 +0200+02:005731#31Sex, 07 Ago 2020 17:24:57 +0200+02:00-5Europe/Rome3131Europe/Rome202031 07pm31pm-31Sex, 07 Ago 2020 17:24:57 +0200+02:005Europe/Rome3131Europe/Rome2020312020Sex, 07 Ago 2020 17:24:57 +0200245248pmSexta-feira=3831#!31Sex, 07 Ago 2020 17:24:57 +0200+02:00Europe/Rome8#Agosto 7th, 2020#!31Sex, 07 Ago 2020 17:24:57 +0200+02:005731#/31Sex, 07 Ago 2020 17:24:57 +0200+02:00-5Europe/Rome3131Europe/Rome202031#!31Sex, 07 Ago 2020 17:24:57 +0200+02:00Europe/Rome8#Sem comentarios

1. Encontre um ícone do Whatsapp

Prima di tutto abbiamo bisogno di un’icona per consentire all’utente di fare clic su. Ci sono molti siti di immagini royalty free tra cui puoi scegliere. Scarica un’icona che ti piace, caricala nella sezione media e metti l’URL sul lato per ora.

2. Defina os parâmetros

Existem 2 parâmetros que você precisa decidir:

  1. O número de telefone para o qual você deseja enviar a mensagem whatsapp
  2. Il messaggio che ti verrà inviato

3. Junte tudo

Aqui está o seu botão:

< A href = "Https://api.whatsapp.com/send?phone=00155555555&text=I Estou interessado em seu serviço" alvo = "_Em branco" classe = "Whatsapp" >
< img src = "Https://site.com/wp-content/uploads/2018/07/whatsapp.png" alt = "Whatsapp" >
< / para >

Copie o texto acima, mas certifique-se de alterar o número de telefone e a mensagem.

4. Cole o código

Para fins deste tutorial, colocaremos o ícone no canto inferior esquerdo da tela e daremos a ele uma posição fixa para que você não o perca.

Quindi, per fare ciò, incollerò il codice dall’alto nel mio footer.phparquivo antes do corpotag di chiusura .

Una volta salvato il mio file e aggiornato il mio browser, sarò in grado di vedere l’icona in fondo alla pagina. Ora andremo avanti e lo modelleremo.

5. Desenhe o botão Whatsapp

Tutto quello che devi fare è scrivere alcune righe CSSe cole no seu style.cssArquivo.

.Whatsapp {
posição: fixa;
esquerda: 5px;
inferior: 65px;
}

Come puoi vedere, ho posizionato la mia icona a 5 pixel dalla sinistra dello schermo e 65 pixel dalla parte inferiore. La ragione per cui l’ho fatto è il fatto che ha bloccato del testo sul mio piè di pagina quando ho fatto scorrere fino alla fine della mia pagina, ma puoi giocarci come desideri.

6. Il momento della verità

Tutto ciò che dovresti fare ora è aggiornare la pagina, assicurarti che ti piaccia il luogo in cui è posizionata l’icona, fare clic su di essa e assicurarti di essere trasferito su Whatsapp per inviare il tuo messaggio.

Anche se questo tutorial dovrebbe essere incredibilmente facile da fare sul tuo sito, se hai ancora bisogno di un plug-in, ecco un plug-in che ti aiuterà a implementare un pulsante click to call di Whatsapp.

Clique em Bate-papo para bate-papo de WhatsApp

Clique em Bate-papo para bate-papo do WhatsApp

Questo plugin ha 10 stili di design diversi ed è davvero facile da usare. Ecco alcune altre funzionalità:

  • Escolha o seu ícone / imagem
  • animações
  • Estilo em uma página / postagem específica
  • Defina sua mensagem
  • Supporto per Google Analytics e Tag Manger Event
  • Suporte para eventos do Facebook

Deixe uma resposta