Code by Day | Explore By Weekend

How To Create A Click To Call Or Text Button Link In Divi Tutorial by Pee Aye Creative 1

How To Create A Click To Call Or Send Text Button Link In Divi

In this tutorial I show you how to add a click to call or send sms text button link in Divi that will automatically open the user's phone or texting app.

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”

27
Last updated Oct 27, 2020 @ 3:43 pm

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.
Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Recent Posts

Leave A Response!

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Divi Tutorials On YouTube

Join over 4,800 others and subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

0

Your Cart