How to Add a Click-to-Call Number to Your WordPress Website
You’ve probably heard of click-to-call features on websites that connect customers to salespeople. Although you may not need such a feature on your site specifically, you can use it as an example of how to implement a click-to-call number on your WordPress site.
Before You Begin
Before you begin, you need to ensure that you have followed the correct steps to build the site. You should have built the site with the WordPress SEO tools so that it can properly be indexed by search engines like Google. Additionally, you should have set up a Google Analytics account for your site so that you can see how visitors are interacting with the site. Finally, you should have linked the Google Analytics account to your Google Ads, so that every time a visitor performs an action (such as making a purchase or using your referral link to visit a different site), you know about it. If you didn’t set this up correctly, you could find out the hard way that you are losing potential revenue because visitors can’t find what they’re looking for or leave without making a purchase.
Step 1: Add A Text Field To The Form
The first step is to add a text field to the contact form on your WordPress site. When a visitor submits the form, they will see a button that says “Call Me”. When they click on it, they will be taken to a telephone number that they can use to contact you directly.
To add a text field to your contact form, go to the “Build” tab at the top of your WordPress dashboard and then click on “Contact Form 7”. Select the “Text Area” option from the “Field” menu.
Step 2: Make The Number Unclickable
The next step is to take the number and make it unclickable. Unclickable means that when a visitor clicks on it, they will not be taken to a separate page like a phone book or call directory like they would if the number were links. They will stay on your site.
To make a text field unclickable, you need to go to the “Design” tab at the top of your WordPress dashboard and then click on “Contact Form 7”. Select the “Number Field” option from the “Field” menu, then scroll down to the “Toggle Effect” section.
Step 3: Decide Where To Put The Number
The third step is to decide where to put the number. There are a few options, but you should opt for a location that is most convenient for the visitor. You could put the number at the top of the form, below the fold, or right next to the field.
Step 4: Activate The Plugin
After you add the number to your contact form, you need to activate the plugin that added it to your site. You can do this by clicking on the “Plugins” tab at the top of your WordPress dashboard and then scrolling down to the “Contact Form 7” plugin. Click on the “+” sign to the right of “Activate”.
Step 5: Style The Form With Css
The fifth step is to style the form with CSS. CSS stands for Cascading Style Sheets, which is a type of code that lets you change the look and feel of your site. When you activate the Contact Form 7 plugin, you will see a button that says “Style With CSS”. Select this option and you will see the form styled with your favorite CSS library (you can search for a free one at sites like CSS Choice).
Step 6: Customize The Number
The sixth step is to customize the number. Go to the “Design” tab at the top of your WordPress dashboard and then click on “Contact Form 7”. You can now add any information you want in the form. You can type in a message, add a photo, or put in a phone number and click on “Save”, then “Update Number”.
That’s it! This is how you add a click-to-call number to your WordPress site. You can find additional resources on how to properly set up a Google Analytics account, optimize your content, and design a WordPress dashboard on sites like WP Beginner and WordPress.com.