How to Create a Click to Call Button

Do you want to create an easy “Call Now” button for your viewers? With OptinMonster, it’s easy. This guide will show you how to replace the standard campaign form with a simple “Click to Call” button.

1. Create or Modify a Campaign
2. Set Up Phone Link
   • Yes/No Form
   • Custom HTML Form

Step 1 – Create or Modify a Campaign

First, create a new campaign or modify an existing campaign from the OptinMonster dashboard. Open the OptinMonster Builder by selecting the Edit link.

Step 2 – Set Up Phone Link

Once you have created your campaign, you need to create a button with a link that dials a phone number. You have two options:

• Yes/No Form – Already has buttons included, so all you need to do is change the button link
• Custom HTML Form – Uses HTML code to overwrite the default Subscribe form

Yes/No Form

Set up Yes/No buttons as described in our guide to creating yes/no campaigns.

Set the Yes Action to Redirect to new page.

Set the Yes Redirect URL to the telephone number with no spaces, dashes or other special characters, and prefixed by ‘tel:’.

Custom HTML Form

Set your campaign integration to Custom HTML. See how to connect OptinMonster with any custom HTML form for a walkthrough.

In the Custom HTML box, add the following code:

<a href="tel:+15556667890" class="button om-trigger-conversion">Click to Call</a>

Replace the text Click to Call with the button text and the number ‘+15556667890’ with the phone number you want the button to call.

You can then add additional HTML elements and styling as needed. The class attribute has the values button and om-trigger-conversion. The button class may need to be adjusted to match the styles of your own site. Removing the button class altogether will turn button into a simple text link.

You can see how to use OptinMonster’s custom CSS tool for more information about CSS classes and styling.

Looking for additional campaign ideas? Check out our list of Creative Ways to Use Yes/No Campaign Forms.