How to Create a Click to Call Button for Mobile Devices on WordPress

You need to install a few plugins:
wp mobile detect by Jesse Friedman
wp twitter bootstrap (be sure to activate and pick latest version of bootstrap)

In the video I mention adding Bootstrap Shortcodes.  THIS IS NOT NEEDED. I use them elsewhere.

Here is the code that is needed for your button to work.


.floatingfooter {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1;

.btn-block {
font-size: 28px;
border-radius: 0 !important;


HTML: (version 1)

<div class=”floatingfooter”>
<a href=”tel://+17755441112″
class=”btn btn-primary btn-lg btn-block btn-success”><span class=”glyphicon glyphicon-earphone” aria-hidden=”true”></span></a>


HTML: (version 2)

Put the code in a wrapper like this:

<div class=”floatingfooter”>
<a href=”tel://++17755441112″
class=”btn btn-primary btn-lg btn-block btn-success”>CLICK-2-CALL <span class=”glyphicon glyphicon-earphone” aria-hidden=”true”></span></a>


HTML: (version 3)

OR Put it in the Main Settings code box at bottom of page.

[phone]<div class=”floatingfooter”><a href=”tel://+1+17755441112″class=”btn btn-primary btn-lg btn-block btn-success”>CLICK-2-CALL<span class=”glyphicon glyphicon-earphone”></span></a></div>[/phone]

Leave a Reply

Your email address will not be published. Required fields are marked *