I’ve previously written about how to make the Divi header phone number into a clickable link. But what if you want to be able to trigger an SMS instead?

Unfortunately, the technique described in that post won’t work as Divi strips the SMS protocol from links added via the phone number field.

We can instead add a new link alongside the phone / email links, using the following JavaScript code:

jQuery(function($){
	$('#et-info').prepend('SMS me');
});

See this post for more info on the format of SMS links.

You may also wish to add an icon to your SMS link, a speech bubble icon for example. You can do that with the following CSS:

.et-info-sms:before { 
	content: '76';
	font-family: 'ETModules';
    margin-right: 4px;
}

Source