In this tutorial we are going to add a WhatsApp button to each listing on our website made with the Listify template.
The WhatsApp button will be fully functional and when you click it, WhatsApp will open and our users will be able to send a WhatsApp to the number that we have put
To be able to follow the tutorial you will need the WP Job Manager Field Editor paid plugin, the plugin costs $39 but you have it available in the premium area for free.
Here is the video tutorial:
Subscribe to my channel:
The result that we are going to obtain is a button on the side with the possibility of sending WhatsApp. Something like the following:
And when we click on the button, WhatsApp will open to be able to send the message:
The first thing we need is to install the WP Job Manager Field Editor plugin. Once installed within the listings menu, new options will appear to be able to create fields in each listing:
We enter the company fields and click on "Add Company Field"
And fill in the following fields:
Config:
- meta key: job_whatsapp
- Type: Text box
- TAG: WhatsApp
Starting Line:
- Starting Line: Unique Listing Map Widget Background
- Output as: Link: Text Box
- Caption: Send WhatsApp
- Lessons: ion-social-whatsapp
Here is a screenshot of the Config screen:
Here is a screenshot of the Output screen:
If you have come this far, now when you edit a list you will have a new field, the WhatsApp field:
Great, but how do you fill it? Very easy, you'll see 😉
WhatsApp itself tells us how on the following page:
https://faq.whatsapp.com/en/android/26000030/?category=5245251
We need to add a link like the following:
https://api.whatsapp.com/send?phone=15551234567
We have to be careful with the country code, we don't have to add the plus sign
In other words, for a mobile from Spain we would put something like this:
https://api.whatsapp.com/send?phone=34600000000
without the + sign
And now yes, we already have a button in each listing to be able to send WhatsApp.
I hope you liked it 😉