Listify: Adicione um botão do WhatsApp nos campos de cada listagem

Neste tutorial, adicionaremos um botão do WhatsApp a cada listagem em nosso site feita com o modelo Listify.

O botão WhatsApp estará totalmente funcional e quando você clicar nele, o WhatsApp será aberto e nossos usuários poderão enviar um WhatsApp para o número que colocamos

Para poder seguir o tutorial, você precisará do plug-in pago WP Job Manager Field Editor, o plug-in custa US $ 39, mas você o disponibiliza gratuitamente na área premium.

Se você não está inscrito na Zona Premium, você pode dar inscreva-se por 10€/mês aqui

Aqui está o tutorial em vídeo:

Inscreva-se no meu canal:  

O resultado que vamos obter é um botão na lateral com a possibilidade de enviar WhatsApp. Algo como o seguinte:

listar whatsapp

E quando clicarmos no botão, o WhatsApp abrirá para poder enviar a mensagem:

web whatsapp

A primeira coisa que precisamos é instalar o plugin WP Job Manager Field Editor. Uma vez instalado dentro do menu de listagens, novas opções aparecerão para poder criar campos em cada anúncio:

editor de arquivo de listagens de menu

Entramos nos campos da empresa e clicamos em “Adicionar campo da empresa”

adicionar listagem de campos listify

E preencha os seguintes campos:

Config:

  • meta-chave: emprego_whatsapp
  • tipo: Quadro de texto
  • tag: WhatsApp

Confira:

  • Confira: Plano de fundo do widget de mapa de listagem exclusivo
  • Saída como: Link: Caixa de texto
  • legenda: enviar whatsapp
  • Classes: íon-social-whatsapp

Aqui está uma captura de tela da tela de configuração:

adicionar configuração de listagem de campos

Aqui está uma captura de tela da tela de saída:

adicionar saída de listagem de campo

Se você chegou até aqui, agora ao editar uma lista você terá um novo campo, o campo WhatsApp:

lista de campos do whatsapp

Ótimo, mas como preenchê-lo? Muito fácil, você vai ver 😉

O próprio WhatsApp nos diz como na página a seguir:

https://faq.whatsapp.com/en/android/26000030/?category=5245251

Precisamos adicionar um link como o seguinte:
https://api.whatsapp.com/send?phone=15551234567

Temos que ter cuidado com o código do país, não precisamos adicionar o sinal de mais

Em outras palavras, para um celular da Espanha, colocaríamos algo assim:

https://api.whatsapp.com/send?phone=34600000000
sem o sinal +

E agora sim, já temos um botão em cada lista para poder enviar WhatsApp.

Espero que tenham gostado 😉

Deixe um comentário