Get Phone Calls And Text Messages!
While many people are using contact forms, there are some times and some business that require a more direct or urgent contact. This is where a traditional phone call or even a text message can come in really handy, and even vital, depending on your business type. This tutorial will show you how to easily set up a button link in Divi that opens the user’s phone app when clicked.Â
Join subscribers on our YouTube channel and enjoy other Divi video tutorials!
Add A Click To Call Button In Divi
Add A Button Module
The first button we will create today is one that opens the phone app on the user’s phone. So to start, you simply need to add a Divi Button module to your layout. You may want this in your Theme Builder header or footer, or anywhere else on the page.Â
Add The Button TextÂ
The second step is to simply add some button text. You may want to say something like “Call Now” or maybe you want to show the actual phone number like (123) 456-7890.
Add The Phone NumberÂ
The last step is to add the actual phone number without any spaces or other characters. So instead of using parenthesis or dashes, just type the number like “1234567890.”
Add The Tel: Link
Now for the real trick here. In order to make the phone number into a link, you need to add “tel:” to the beginner of teh phone number. It would be like this: “tel:1234567890”
Add A Click To Send SMS Text Button In Divi
The steps to add an SMS text button link in Divi are the same as the previous steps for a phone link, with only one change.Â
Add The SMS: Link
Instead of using tel: which opens the phone app, you can use sms: to open the default texting app on the users phone. So all you need to do is add the phone number and add “sms:” to the beginner like this: “sms:1234567890”
Nice to learn this useful thing. thanks for sharing and please keep it up.
Thanks Amy, I will do that!
Thanks for sharing. Please can you also share how to add whatsapp in custom button.
Thanks
Hi Sakshi,
We got your query and as of now we haven’t created any code for that but as soon as we do, we will get back to you.
Let us know if you have any other queries. 🙂
Thank you SO much for this!! Talk about easy but I wouldn’t have known how to do it without your step-by-step. You helped me impress my client because it seems like something that would be hard to do 😉
You’re welcome, I’m so glad you like this and could impress your client!