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

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.

dashboard-edit-campaign

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
REQUIREMENTS: The Yes/No option requires a Pro Subscription, however the Custom HTML option is available with all subscription levels.
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.

builder-yes-action-redirect

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

builder-call-url

NOTE: It’s recommended to include the full international dialing code with the number to ensure the call will be placed regardless of where the visitor is located.
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.

builder-call-html

NOTE: It’s recommended to include the full international dialing code with the number to ensure the call will be placed regardless of where the visitor is located.

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.

IMPORTANT: Do not remove the om-trigger-conversion class since it is needed to register a click on the call button as a conversion.

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.