How to Add a Click-to-Call Button in WordPress: Step-by-Step Guide

Want to make it easy for mobile visitors to call your business directly from your WordPress site? A click-to-call button simplifies contact, boosting engagement and conversions. As experts who've helped thousands of sites optimize for mobile, we'll walk you through proven methods to add this feature.

Why Add a Click-to-Call Button to WordPress?

Small businesses often depend on customer inquiries for quotes, support, or sales. While contact forms are essential, some industries thrive on immediate phone conversations.

With mobile traffic dominating worldwide, a tap-to-call button offers unmatched convenience, letting users dial instantly without typing.

For new businesses, we recommend a professional phone service like virtual numbers that forward calls, support teams, and work seamlessly on mobiles—no landline needed.

Now, let's implement it effectively.

Video Walkthrough

Subscribe to WPBeginner for more tutorials. Prefer reading? Scroll down for the detailed steps.

Method 1: Add a Click-to-Call Button Using a Plugin (Mobile-Optimized)

This beginner-friendly approach shows the button primarily on mobile devices. For site-wide display, use Method 2.

Install and activate the Call Now Button plugin. See our guide to installing plugins for details.

Head to Settings » Call Now Button to configure.

Enable the button, enter your phone number (e.g., +1-555-555-1212), and optionally customize the label. Default is a phone icon.

Click Advanced Settings for positioning, tracking, and exclusions.

Match your theme's colors, enable Google Analytics tracking to monitor clicks, and hide on specific pages/posts.

Save changes, then test on mobile—your button is live!

Method 2: Manually Add Click-to-Call Links Anywhere

This flexible method works across devices and placements.

Use the tel: protocol: <a href="tel:+15555551212">Call Now</a>. It triggers phone apps on mobile, FaceTime on Mac, or Skype on Windows.

For icons, upload an image via Media » Add New, copy its URL, then embed:

<a href="tel:+15555551212">
  <img src="YOUR_IMAGE_URL" alt="Call icon" /> Call Us
</a>

Test on your site:

Style with CSS and add surrounding text for polish.

Add Click-to-Call to Navigation Menus

Enhance headers: Go to Appearance » Menus, select Custom Links.

URL: tel:+15555551212
Link Text: "Call Us"
Click Add to Menu.

Preview:

For icons in menus, check our guide on adding image icons to menus.

This has equipped you to add click-to-call functionality seamlessly. Next, explore free business email setup.

Subscribe to our YouTube channel, follow on Twitter and Facebook for more expert WordPress tips.