Nexym
  • Business
  • Finance
  • Technology
  • Health
  • Life
  • More
    • Auto
    • Food
    • Health
    • Home
    • Space
    • Travel

Subscribe to Updates

Get the latest creative news from FooBar about art, design and business.

What's Hot
Flywheel Logo

Flywheel review in 2023

June 8, 2023
Mutual funds are a popular way to invest in today's stock market. Learn what mutual funds are and how they work, as well as their benefits and drawbacks.

What are mutual funds and how to use them

October 1, 2023
Learn more about Daylight Saving Time (DST), why it exists, how we came up with this idea, and why some countries don't follow DST.

Daylight Saving Time: How did we start changing clock

September 30, 2023
Facebook X (Twitter) Instagram
Nexym
  • Business
    Learn more about Daylight Saving Time (DST), why it exists, how we came up with this idea, and why some countries don't follow DST.

    Daylight Saving Time: How did we start changing clock

    September 30, 2023
    protectteamabusivecustomers featureimage min

    How to protect your team from an abusive customer

    September 7, 2023
    Learn the skills you need to become a great content writer. From writing, editing, and researching to storytelling and creative thinking.

    Top skills you need to become a great content writer

    August 20, 2023
    featured business

    How to see the bigger picture in business

    August 9, 2023
    What is a corporation? What does it mean to be incorporated? How do you start one? Read the definition of corporation, learn the different types of corporations and how to incorporate them.

    What is a corporation? Definition, meaning, types and more

    August 8, 2023
  • Finance
    Mutual funds are a popular way to invest in today's stock market. Learn what mutual funds are and how they work, as well as their benefits and drawbacks.

    What are mutual funds and how to use them

    October 1, 2023
    Find out more about the tax implications of your retirement income based on your yearly taxable earnings.

    Do you pay taxes as a retiree if you earn extra money?

    September 9, 2023
    Learn areas to reduce or eliminate your tax obligation when you receive a settlement.

    How to decrease or eliminate your tax burden on lawsuit settlements

    September 8, 2023
    Learn about the IRS TREAS 310 deposit refund from Social Security and how it relates to your tax return.

    What is a Social Security IRS TREAS 310 deposit?

    September 8, 2023
    Find out what's holding up the tax return process and how you can get access to your money faster.

    Learn why your tax return money is delayed

    September 3, 2023
  • Technology
    Flywheel Logo

    Flywheel review in 2023

    June 8, 2023
    Find out how the Xbox Series S compares to more advanced alternatives! We'll tell you everything you need to know, including specs and features.

    How Xbox Series S compares to more advanced alternatives

    September 9, 2023
    How to embed Tik Tok

    How to embed TikTok videos into your WordPress website

    September 7, 2023
    reviewsitewp featureimage min

    How to build a review site in WordPress

    September 7, 2023
    Choosing color scheme for your website

    How to choose the perfect color scheme for your WordPress website

    September 7, 2023
  • Health
  • Life
    Find out which New Balance running shoes are best for your foot type, and how to match them with the other features you're looking for in a shoe.

    5 of the best New Balance running shoes for each foot type and need

    September 9, 2023
    If you're looking for a stylish and comfortable athletic swimsuit fitted for large breasts, check out our list of the top 10 athletic swimsuits.

    The 10 best athletic swimsuits for larger chests

    September 4, 2023
    Learn about the recent rate hikes by Verizon and AT&T, what this means for consumers and how to keep your cell phone bill in check.

    Inflation has finally caught up with cell phone bills – Verizon and AT&T new increased rates

    September 3, 2023
    Spring is almost here, and Walmart has got you covered with the latest trends! Check out these fabulous finds that won't break the bank!

    Surprise! Walmart has awesome spring fashion items

    August 28, 2023
    Find the perfect birthday messages and quotes for a special friend. Share them with your best friend on their birthday!

    28 creative birthday wishes for your best friend

    August 26, 2023
  • More
    • Auto
    • Food
    • Health
    • Home
    • Space
    • Travel
Facebook X (Twitter) Instagram
Trending
  • Flywheel review in 2023
  • What are mutual funds and how to use them
  • Daylight Saving Time: How did we start changing clock
  • Is life insurance with no medical exam viable for healthy people?
  • Why Ford’s electric F-150 Lightning is excellent for road trips
  • The best outdoor chairs you can find on Amazon
  • Check out these discounts for 7 all-inclusive Caribbean resorts
  • Here are the best shoes for travel and airports
Nexym
Home » Technology » WordPress
WordPress

How to add a click to call button on a WordPress website

Asih TirtaBy Asih TirtaMay 4, 20235 Mins Read
Facebook Twitter LinkedIn Reddit Telegram WhatsApp Pinterest Email
clicktocallbuttonwp featureimage
Share
Facebook Twitter LinkedIn

Having a website nowadays is all about accessibility and ease of use. You want your website visitors to feel at home and smoothly navigate your site.

Adding a tap-to-call button allows all visitors accessing your website using their smartphones to contact you quickly, and in turn – this helps improve their experience on your site. 

If you’re a small business owner, your customers probably reach out for different reasons – presale information, support, quotes, etc. While it’s useful to have a contact form on your website – sometimes (depending on the type of business you have), it’s more convenient for your visitors to contact you directly and immediately. 

Since most internet traffic comes from mobile phones (50.88% mobile vs. 46.39% desktop in 2022), it’s more convenient for your visitors to tap-to-call and receive information they need right away. 

With that in mind, let’s learn how to add a click-to-call button to your WordPress website!

We’ll cover 2 different methods and cover the steps in each one.

Plugin method

The first method is through using a plugin called WP Call Button. It’s free and the most straightforward method to create a click-to-call button on your WordPress website. 

The WP Call Button lets you create a click-to-call button in the WordPress Classic editor, Gutenberg, WordPress sidebar widget or a sticky floating button with a few clicks.

Install the WP Call Button plugin

Log in to your WordPress dashboard, head to Plugins > Add New, fill in WP Call Button in the top-right search bar, and click Install Now:

1 158

Once installed, click Activate to activate the plugin:

2 165

Next, head to Settings > WP Call Button to configure the plugin.

3 154

The plugin is easy to configure and you can choose between the Sticky Call Button or a Statics Call Button. 

The Sticky Call button scrolls with the user as they browse your website. We recommend using this option to help with conversions since your customers can reach you faster, so you’ll get more calls and maybe even close deals faster.

Sticky call button

Start with filling in your phone number using the smart phone field (simply select your country, and it will add the country code in the correct format).

Next, adjust the call button text, and select the position where you want it to appear on your website. Finally, customize the button color using the plugin’s color picker, and choose if you want the button to show everywhere or have it only on specific pages/posts (or remove it from individual pages/posts). 

If you want to show the button only on smartphones, select the Show Call Button Only on Mobile devices? option. 

When ready, toggle the Call Now Button Status option to active and click Save Changes to save the changes.

4 145

You’ll then be able to see how the call button looks on your website:

5 129

Static call button

If you use the Classic editor in WordPress, head to Settings > WP Call Button and click the Static Call Button tab. Customize the button text and color, and choose if you want to hide the phone icon in the call button. Once ready, click Copy to copy the automatically generated shortcode:

6 114

Now, paste the copied shortcode inside a post or page of your website where you want to add the call button.

Additionally, you can add the button to your website sidebar using the sidebar widget.

Head to Appearance > Widgets, and drag the WP Call Button widget to the desired widget area:

7 87

Fill in the title and description, click Show Advanced Settings to configure the button text, colors, and if you want to display the phone icon in the button.

If you use the new Gutenberg editor, edit an existing one or add a new page.

Click + to add a new block, then click WP Call Button:

8 75

The block comes with many customization options that you can find on the right side of the page:

9 58

You can customize the font size, background, and text colors and hide the phone icon or center align the call button.

The WP Call Button plugin is straightforward to use and it has extensive options that allow you to customize your call button.

The best part is that it’s 100% free and has perfect integration with Google Analytics.

Code method

Another method is to add a call button to your website manually is by using a bit of code. 

Here’s an example:

<a href="tel:+19142130283">+1 (914) 213-0283</a> 
<a href="tel:19142130283">Call Us Anytime!</a>

On phones – these lines of code will open a phone app, while on Macs, they will open the link in FaceTime. On Windows, users will have an option to open it in Skype.

You can also use HTML to add the image/icon to the text. Let’s see how!

Head to Media > Add New and upload the image/icon you want to use.

Once completed, click Edit:

10 51

Next, on the Edit Media screen, click Copy URL to clipboard button to copy the image URL (we’ll need it on the next step):

11 42

Lastly, edit the existing post/page or a custom HTML widget and add the following code:

<a href="tel:+19142130283"><img src="https://examplesite.com/wp-content/uploads/2021/02/phone-icon-768x768-1.png" alt="Call Us Anytime!" /></a> 

(Adjust the phone number and paste the link you copied previously)

Once completed, you’ll be able to see the icon with the phone number in the post:

12 36

Call button in your navigation menu

If you want to add the click-to-call button to the WordPress navigation menu, head to Appearance > Menus and click the Custom Links tab on the left.

Add the phone number in the URL field in this format: 

tel:+1234567899

And the custom text in the Link Text field:

13 29

Click Add to Menu to finish the setup.

Once completed, visit your website to see the click to call button in action:

14 20

That’s it!

People also viewed:

paypaldonatebuttonwpsite featureimageHow to add a PayPal donate button to your WordPress website pinterestpinitbuttonwp featureimage minHow to add a Pinterest pin it button to your WordPress website 3bestwaysspeedwpwebsite featureimageThe 3 best ways to speed up your WordPress website howtosetupforumswp featureimageHow to set up forums on WordPress using the bbPress plugin disablewpcronspeedwp featureimageHow to speed up WordPress by disabling WP-cron
button call phone WordPress
Share. Facebook Twitter LinkedIn Reddit Telegram WhatsApp Pinterest Email
Previous ArticleBest newsletter plugins for WordPress
Next Article Best portfolio WordPress plugins for designers and creators
Asih Tirta

Asih is a Nexym Technology writer, she is passionate about how technology can serve people and improve lives. She helps run code camps for K to 12 to teach young girls how to code and open doors to careers in tech for women.

Related Stories

3bestwaysspeedwpwebsite featureimage

The 3 best ways to speed up your WordPress website

September 7, 2023
pinterestpinitbuttonwp featureimage min

How to add a Pinterest pin it button to your WordPress website

July 18, 2023
paypaldonatebuttonwpsite featureimage

How to add a PayPal donate button to your WordPress website

May 4, 2023
howtosetupforumswp featureimage

How to set up forums on WordPress using the bbPress plugin

February 18, 2023

Comments are closed.

Connect
  • Facebook
  • Twitter
  • Pinterest
  • Instagram
  • YouTube
  • LinkedIn
  • Reddit
  • TikTok
Don't Miss
Flywheel Logo Reviews

Flywheel review in 2023

By Matthew Drummond

Flywheel is a fast-growing web host that offers high-performance WordPress hosting for agencies, designers, and developers.

Mutual funds are a popular way to invest in today's stock market. Learn what mutual funds are and how they work, as well as their benefits and drawbacks.

What are mutual funds and how to use them

October 1, 2023
Learn more about Daylight Saving Time (DST), why it exists, how we came up with this idea, and why some countries don't follow DST.

Daylight Saving Time: How did we start changing clock

September 30, 2023
Learn about the benefits of getting life insurance without a medical exam and determine if it's the right choice.

Is life insurance with no medical exam viable for healthy people?

September 29, 2023
  • Auto
    • Auto Reviews
    • Electric
    • Insurance
  • Business
    • Company
    • Government
  • Entertainment
    • Movies
    • Music
  • Finance
    • Credit Cards
    • Crypto
    • Market
    • Personal Finance
  • Food
    • Coffee
    • Drinks
    • Holidays
  • Health
  • Beauty
  • Fitness
  • Food
  • Medical
  • Home
  • Backyard
  • Bathroom
  • Bedroom
  • Cleaning
  • Furniture
  • Home Office
  • Kitchen
  • Life
  • Astrology
  • Family
  • Fashion
  • Outdoors
  • Personal
  • Pets
  • Apple
  • Audio
  • Domain Names
  • Gaming
  • Google
  • Power
  • Reviews
  • Samsung
  • Destinations
  • Gear
  • Services
  • Space
  • Tourism
  • Technology
  • Tutorials
  • Web Hosting
  • WiFi
  • WordPress
  • Travel
  • Shopping
  • Sports
  • Work
  • Stocks
  • Television
  • Web Hosting
Facebook X (Twitter) Instagram Pinterest YouTube LinkedIn Reddit TikTok
© 2023 Nexym Media

Type above and press Enter to search. Press Esc to cancel.