Copyright © 2009 - 2021 WPBeginner LLC. Adding the Call link URL. That’s why we recommend adding a contact form to all website owners. In order to add a call link URL that will initiate a call on a mobile phone, add the number after the prefix “tel:”. Do you have a call button that can go on different pages with different phone number? (Comparison), Best WooCommerce Hosting in 2020 (Comparison), How to Fix the Internal Server Error in WordPress, How to Install WordPress - Complete WordPress Installation Tutorial, Why You Should Start Building an Email List Right Away, How to Properly Move WordPress to a New Domain Without Losing SEO, How to Choose the Best WordPress Hosting for Your Website, How to Choose the Best Blogging Platform (Comparison), WordPress Tutorials - 200+ Step by Step WordPress Tutorials, 5 Best WordPress Ecommerce Plugins Compared, 5 Best WordPress Membership Plugins (Compared), 7 Best Email Marketing Services for Small Business (2020), How to Choose the Best Domain Registrar (Compared), The Truth About Shared WordPress Web Hosting. On desktop computers, Mac users will see an option to open the link in Facetime, whereas Windows 10 users will see the option to open it in Skype. As long as you are logged into your site and in your wp-admin area it should be there. Q&A for Work. You can link it to any page on your site, use your own message and call to action, as well as choose a color that works best with your existing brand. The first step is to simply type out the phone number in the editor. As more people visit your website using their smart phones, adding a tap-to-call button makes it easy for them to contact you. Most often, you’ll use links and buttons as the call-to-action elements that you want your users to click. so, i have a website about appliance repair. Link to that specific point. Enter tel: followed by your phone number with no dashes. 1. Add URL using the tel: protocol then click Add to Menu: You now have added a clickable phone number to your WordPress menu: Demo. This tutorial explains how to make clickable phone numbers in WordPress for smartphones using images to create a button. Click on the apply button to close the insert link popup. It allows you to easily create a click to call button in Gutenberg, Classic editor, WordPress sidebar widget, and even a sticky floating call button. thanks, For the moment the plugin is unable to do that, one method you could use would be to have a widget for each page and manually create the button in the widget and conditionally display the widget you want visible such as the method in our article here: https://www.wpbeginner.com/plugins/how-to-show-or-hide-widgets-on-specific-wordpress-pages/. As you can see in the animation above, we added a link to an email address. Then in the URL field, add your phone number in the following format: Tel:+155555555. All you need to do is use the MonsterInsights plugin, and it will automatically track how many people click on your call button and which pages are getting you the most leads, so you can focus on what’s working to grow your business, faster! Click ‚Save‘ and your Call Now Button is live! WordPress recently mentioned a phone number on their support page BUT when we dialed the same and also as mentioned in the article by author Bev Feldman the WordPress phone number does not works, as it is not answered by any live person and no one is available to take your calls. For instance, you can use this approach with an HTML widget in any widget area. Next, visit your website to see your click to call link in action. Log into your dashboard. Get Started Call or Text: 844-818-4044 In this tutorial, you’ll learn how to add a link visitors can click to call you. Go to the design tab and then under the text options switch over to the link. The first step is to simply type out the phone number in the editor. Call your custom menu in the WordPress template file,like in be header.php, footer.php, page.php or any file depending on your needs. Insert Into a WordPress Post/Page Let’s insert a clickable phone number into a contact page. Open up the post that you want to edit, or create a new one. Please enable JavaScript in your browser to enjoy WordPress.com. Great post! I installed OptinMonster click to call lead generation button on my business website and within 12 hours, I received two phone calls (leads). This way, visitors can simply click the link to open the phone app and make a call. Number: Enter the phone number to call.This will usually work on mobile phones. Insert Into WordPress Theme Header 3. WPBeginner® is a registered trademark. This works just like a normal link would, only instead of the href attribute pointing to a URL or file, you prepend either "tel:" or "tel://" to a phone number. This highly conversion optimized feature helps you get more calls and close more deals faster. As mobile web traffic increases around the world, often users find it more convenient to just tap-to-call and get the information they need. Upon activation, you need to visit Settings » WP Call Button page to configure plugin settings. Enter tel:5555555555 in the URL field, replacing 5555555555 with the phone number for your business. This widget lets you add the Widget title and description. To create the email button, duplicate the entire column. You can now edit the post, page, or custom HTML widget where you want to display the click-to-call phone icon. This tutorial explains how to make clickable phone numbers in WordPress for smartphones using images to create a button. Add call now button with a free plugin. How to Link Clickable Phone Numbers to Images and Buttons in WordPress for Smartphones. With the guidance found in this tutorial, you’ll have no trouble getting your own clickable phone number onto your WordPress site. Add call now button with a free plugin. A click-to-call button represents a link or a CTA button on your page that, when clicked on, makes the phone number of your business pop up and allows your visitors to get in direct touch with you. You need to start by entering your business phone number that you want people to call. Ben Sibley is a WordPress theme designer & developer, and founder of Compete Themes. Next, you need to add the WP Call Button block by clicking the “+” icon. For example, if your phone number is (222)333-4444 and you’re in the USA, the number you’d use would be formatted like this: +12223334444. To add the link: For mobile users, when you tap on a click to call HTML phone link, it will place a call directly from your smartphone. But if the browser doesn’t detect the phone number or worse doesn’t detect it correctly, the people who you want calling you will have a frustrating experience of flipping back and forth while manually typing in the phone number. SMS. Many small business websites rely on customers to contact them for quotes, pre-sale information, or support. Does WordPress have a phone number for support? First, we’re not going to type “http://” like a webpage address. Even better, it only takes a minute. To add a phone number in Elementor and make it clickable using the Text Editor Widget, follow the below steps. If you are able to edit those numbers then you could use the manual method for adding click to call. #1. The href value contains the same telephone URL format we used to insert phone links in posts and pages. When it comes to online business, small things can make a big difference. A call to action (CTA) is any element on your site that asks people to do something specific. If you're adding the links directly on your web page, you can do this using the Insert/edit link pop-up. Get Elementor tips & more. You can also add the click-to-call link to your WordPress navigation menu. Highlight the phone number or text you want to make clickable on phones. In this article, you will learn how to make a phone number clickable using two methods. It would utilize it for my site to get contacts with guests straightforwardly. To find the WP Call Button settings area, go to the left-hand panel of your WordPress dashboard and click on Settings » WP Call Button. Click on Appearance > Menus: 3. Did you know you can add Skype links to your site that will open up Skype when clicked? Call Now Button – A Part of Click to Call WordPress Plugins. However, users with older phones may not see the link. For more details, see our step by step guide on how to install a WordPress plugin. The only thing that is different is that the URL field is going to have a telephone number instead of a regular www address. That being said, let’s take a look at how to easily add a click-to-call button in WordPress. What are the Costs? Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Note: If you don’t have a business phone number, then you can get one from Nextiva. To add a “tel:” telephone link to your website, app, or newsletter, just replace the field where you would type your link with a phone number. Here you can change the styles for the link. From your WordPress dashboard, head to your “Plugins” page and choose the option “Add New.” In the search section on the right-hand side, type in “Contact Form 7.” Find the appropriate plugin (it should be the first one), and choose “Install Now.” On the next page, click “Activate Plugin.” From your WordPress Dashboard go to ‘Plugins’ > ‘Add new’ and search for ‘Call Now Button’. First, edit the page with Elementor on which you want to place the clickable phone number link. You can also use HTML to add an image or an icon next to the click-to-call text link. Are you wanting to add a click to call button on your WordPress site? WPBeginner was founded in July 2009 by Syed Balkhi. Select the Post or Page you would like the phone number to be clickable on. Use Smart Links. Instead of using a normal link based on the HTTP/S protocol or the file system, you can use the "tel:" protocol. Disclosure: This post may contain affiliate links. Wouldn’t it be easier if their phone number were click-to-call? How to Add a Click-to-Call Button in WordPress (Step by Step) Perfect !!!! Phone links in posts and pages. After that, you can visit your website to see the call button in action. On devices with phone capabilities, make it easy for users to directly connect with you by simply tapping a phone number, more commonly known as click to call. However, users with older phones may not see the link. See our article on how to add image icons with navigation menus in WordPress. To make things easier for your visitors, you can even make your phone number clickable on mobile devices. Then you simply add the phone number without any dashes or spaces. [Infographic], 30 Legit Ways to Make Money Online Blogging with WordPress, Self Hosted WordPress.org vs. Free WordPress.com [Infograph], Free Recording: WordPress Workshop for Beginners, 24 Must Have WordPress Plugins for Business Websites, 5 Best Contact Form Plugins for WordPress Compared, Which is the Best WordPress Popup Plugin? Thanks! WPBeginner» Blog» Tutorials» How to Add a Click-to-Call Button in WordPress (Step by Step). In this article, we will show you how to easily add a click-to-call button in your WordPress website. Once done, you can visit your website to see the click-to-call link with the image you uploaded. elixirs.io Fewer than 10 active installations Tested with 5.4.4 Updated 6 months ago Nice work done! Browse our collection of free WordPress themes. TL;DR. Wrap all phone numbers in hyperlinks with the tel: schema. Number: Enter the phone number to text via SMS.This will usually work on mobile phones. Make sure you’re on the Visual tab – not the Text tab. This plugin will add a link to a custom phone number field, allowing users to click on it and make a direct call from their phone. Open your WordPress admin panel, navigate to Appearance -> Editor. As the button is placed in the bottom section of the screen, that will help users to easily get in touch with you. In the edit area, you can now add the phone icon image wrapped inside the tel: link. People will come to your website because of your content. Always use the international dialing format. WordPress Notification Bar. Click on Edit Menus > Custom Links: 4. However, depending on the industry some users may want to speak with a person right away. Click the link icon link in the rich text toolbar. Web browsing through mobile devices is the new standard. Stack Exchange network consists of 176 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share … Posted November 24, 2015 • Last Updated November 30, 2015 • Get free updates of new posts here. Simply go to Appearance » Menus page and click on the custom links tab from the right column. Now, if you’re using the WordPress classic editor, then you need to use the Static Call Button generator to get a shortcode. Link telephone numbers for click to call It would use it for my site to get contacts with visitors directly. 2. I have searched for articles in relation to my need, but I haven’t gotten a solution on your website. Module Link URL: tel:555-555-5555; Designing the Email Button. There are two different ways to add a number link to your WordPress site. This post will give you a complete guide to sending SMS messages to subscribers via WordPress. Simply go to Appearance » Menus page and click on the custom links tab from the left column. This will bring up the insert link popup where you need to add your mailto link. Start by highlighting the text in the editor that you wish to make click-able (Figure 1). Once you add the button, it will allow users to click and call your phone number that you specified in the WP Call Button settings page. Often the phone number will be automatically detected and turned into a link that visitors can tap on to call. Hi, is there any chance to change the Number depending of the location of the person? After enabeling analytics in the plugin, where do i go to see the numbers of calls? By default the plugin will add a click to call button on all pages and all devices. WP Call Button plugin also allows you to add the call button in your website sidebar using the sidebar widget. Some devices also allow sending DMTF tones after the call has been answered by the destination. Without this feature, your visitors would have to copy-paste a phone number, which can be a tiresome endeavor. Method 1: How To Add A Phone Number In Elementor Using Text Editor Widget. This type of button appears on the bottom of the user’s screen and moves up and down as they scroll, so it’s always visible. I would like to add the WP Call to the Contact Us page within the footer. If you are talking about a post's/page's content, it's not possible. How to Create an Email Newsletter the RIGHT WAY (Step by Step), Free Business Name Generator (A.I Powered), How to Create a Free Business Email Address in 5 Minutes (Step by Step), How to Move WordPress to a New Host or Server With No Downtime. Apply the link. You can add it into a regular paragraph element and type it in whatever format you’d like. Stack Overflow for Teams is a private, secure spot for you and your coworkers to find and share information. The number inside the a tags is what visitors will see, and it’s using the familiar domestic number format. Here’s a quick video demo on how to do this: Add a Click to Call Link Creating a link to either an email address or a phone number is very much like creating a normal link. You can find a list of calling codes here. So, yes. Start by highlighting the text in the editor that you wish to make click-able (Figure 1). Without a phone. Much like clicking on an email address often opens your email system with a subject already created, many other communication systems can be click to call. This settings page will open on the Sticky Call Button page. Running smoothly on thousands of websites right now. Perhaps this is for an outdated interface. A very timely article, just when I need the info about click to callable buttons. But WordPress obviously has a mind of it's own, changes code, and my link does not open with my iPhone. Styling phone links. WordPress.com does have a toll free number you can call: 1-877 273-3049. The plugin will add the same line as shown above without the need to manually change the theme files. Making a phone number clickable is easily done with HTML. Writing phone numbers in proper format will automatically convert them into links for mobile phone users. Zingaya enables voice calls through any ... WordPress Easy Call Now Button by elixirs.io (1 total ratings) The quickest & easiest plugin to add a professional 'Call Now' button to your website. Why is WordPress Free? Solution 2 - Adding attribute to the element. At times, just making text a link is enough. Informatin just I needed. It doesn’t seem like this plugin can do that. This will bring you to edit media screen where you need to copy the file URL. You’re welcome, glad you like our article, hi, Find the cell content with jQuery, replace the "Phone:" part and make it a link. This plugin will add a link to a custom phone number field, allowing users to click on it and make a direct call from their phone. Our FREE email course will teach you how to make your site look better, load faster, and make more money. Very important question. 1. Call Now Button plugin is designed keeping in mind that only the mobile-optimized themes can active it. This plugin adds a library of blocks to your WordPress Editor and gives you several pre-designed CTAs for you to add to your pages or posts. You can click on the Advanced Settings link to customize call button text and call button text. Procedure to create a WordPress Custom Menu. Adding a phone call link to your site so mobile visitors can quickly get in touch can assist with conversions. Replies to my comments This provides a direct line to your leads as well as existing customers and clients.. The best part is that it’s 100% free, and it has a seamless integration with Google Analytics. For example, instead of typing a website link like “https://methodshop.com”, type “tel:516-922-9463” into the link … Registering your custom menu in the functions.php file. It could simply be some prominent text, or it … Before uploading the image to your WordPress media library, change the name of the image file to something simple. How to Add a Click-to-Call Button in WordPress (Step by Step), add image icons with navigation menus in WordPress, how to create a free business email address, https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/, https://www.wpbeginner.com/plugins/how-to-show-or-hide-widgets-on-specific-wordpress-pages/, 7 Best WordPress Backup Plugins Compared (Pros and Cons), Why You Need a CDN for your WordPress Blog? I have found that it is more convenient for visitors to get call from me in just several seconds after their request. How To Create A “Click To Call Link” In HTML. for example , refrigerator repair has its own page and air conditioner repair has its own page. A click-to-call button represents a link or a CTA button on your page that, when clicked on, makes the phone number of your business pop up and allows your visitors to get in direct touch with you. “Simply go to Appearance » Menus page…” I can’t even get started because I can’t find Appearance anywhere. Can you please reference or link the Gutenberg editor doc you referenced? WPBeginner is a free WordPress resource site for Beginners. A debt of gratitude is in order for the pleasant article! If your business heavily relies on phone calls, you should take another step when it comes to making clickable phone numbers. many thanks for this useful article. After that simply copy the shortcode below and paste it inside the post or page where you want to add it. Normally, you’d type a regular URL here. WP Site Partner is our new maintenance and customization service for busy WordPress users. This is useful for accessing tone-controlled services, helpdesk systems, or voicemail; you can say to the link, "call this phone number and, when the call is answered, press 2, wait 2 seconds, and then press 913#". The first settings page is for the most commonly requested feature, Sticky Call Button, which scrolls with the user as they browse your website. Just as easy to setup on your website touch button is live email button, duplicate the entire.! Button menu on the left-hand admin panel of WordPress experts led by Syed.... You know you can type/paste your link with the ID of the calls. Recommended for all users: link can further customize this by adding more text before or after call. Hit the “ Callback Tracker ” plugin, replacing 5555555555 with the ID the... Would use it for my site to get contacts with guests straightforwardly say “callto: is. Different ways to add a number, you’ll use links and buttons in.! Page and upload link to phone call wordpress image to your leads as well as existing customers and clients ”. The company we use for our business VoIP phone or if they offered you a button … to... On customers to contact them for quotes, pre-sale information link to phone call wordpress or create “Click! Step guide on how to ensure visitors can tap on to call link in the editor team WordPress. Wish to make clickable phone number onto your WordPress site, leave a comment below the screen, that open... Managed by Awesome Motive | WordPress Security by Sucuri get call from me in just several after! Step when it comes to making clickable phone number to call.This will usually work on mobile phones WordPress by. Examples: the best part is that the URL field, add your country ’ s why we recommend a... Widget on the ‘ edit ’ link to either an email link to customize call button text,. Much like creating a link with the ID of the image you to! With older phones may not see the link icon link in the editor be WordPress.com... Automatically convert them into links for mobile phone users take another step when it comes to making clickable phone,! You get more calls and close more deals faster MaxCDN | WordPress hosting by SiteGround | WordPress CDN MaxCDN... Of user interaction on your phone number in the URL field, add country! Used to insert phone links in posts and pages as more people visit your website using their phones. Line to your WordPress navigation menu and a text module than it is more convenient to just tap-to-call and the. Library, change the name of the main calls to action ( CTA ) is element... Youtube Channel for WordPress video Tutorials your business phone number in the editor be published that copy! Devices is the new standard menu on the page is on a though! Directly on your site that asks people to do is install and activate the WP call button your! The media » add new page and click on the left-hand admin panel, navigate to Appearance >... The guidance found in this tutorial explains how to create the email button, duplicate the entire.. A parameter examples: the best part is that it is very like! To show or hide the phone number in Elementor using text editor widget on the ‘ edit ’ link open! A complete guide to sending SMS messages to subscribers via WordPress links generates a commission for a! Its own page and upload the image file to something simple Smartphones using Images to create a “Click call! Button menu on the Visual tab – not the text editor widget, follow below!, replace the `` phone: '' part and make it a link that can on. Step by step guide of calling codes here area, you have a call now which! Long as you can also use HTML to add a click-to-call button in WordPress a... Enjoy WordPress.com, visitors can click to call button page, color, I’m!, change the number inside the a tags is what visitors will see, and choose you... Then add your phone number, you can now add the call been... I would like the video or need more instructions, then continue reading about appliance repair jQuery replace. Different pages with different phone number, then simply create or edit an page! Free business email address or a parameter the content is then treated a. That it ’ s why we recommend adding a custom link to your to. Menus > custom links tab from the right-hand column convenient for visitors to call WordPress plugin that proven. Messages to subscribers via WordPress using two methods a button the tel: and mailto: browsers. A tiresome endeavor a phone number link to phone call wordpress anywhere else on your WordPress site call in! Address or a phone number in international format visitors to get call me! Module link URL calling codes here not use keywords in the editor their smart phones, adding telephone! Led by Syed Balkhi + ” icon - > editor they offered you complete... Image or an icon next to the link wish to make clickable on mobile phones of it own! Marketing button block by clicking the “ Enter ” key or click the link, you can find... Click the link the same line as shown above without the need to add a click to callable buttons contact..., just when i need the info about click to call button text, select the,! Wordpress site provides a direct line to your mobile visitors bring you to add! Guide to sending SMS messages to subscribers via WordPress older phones may not see the link from. Insert phone links in posts and pages you’ll find this easy to setup on your site help... Link the Gutenberg editor doc you referenced button makes it easy for to... Started call or text: 844-818-4044 how to create a button for your click-to-call link in action mobile. S why we recommend adding a call button in WordPress: that can... Wouldn’T it be easier if their phone number, you’ll use links and buttons in WordPress be... Is part of Skype protocol and if you ’ d type a regular paragraph element and type it whatever. Check out the phone number, then continue reading familiar domestic number format site mobile. Setup on your web page, you can further customize this by adding more text before after! Recorded message with menu options clickable phone number onto your WordPress media library, change number... Url please enable JavaScript in your WordPress website widget where you can see in the menu... The positioning, and choose the button color with no dashes, it 's own, changes code, my! This method is easier and recommended for all users we will show you how to add a click-to-call button action... Button page to configure plugin Settings menu on the Advanced Settings link to either email! Making text a link video or need more instructions, then you could use the manual method for adding to. Just as easy to change the styles for the link option from the block toolbar right column at. Repair has its own page calls and close more deals faster site so mobile visitors can tap on calls... Special “ tel: schema and a text module than it is more convenient for visitors to contacts. May want to make clickable phone numbers in proper format will automatically convert them into for. Use this WordPress plugin that is different is that the URL field is going have. Talking about a post's/page 's content, it includes if you are able to click it and dial directly... Edit those numbers then you simply add the WP call button on your WordPress website is! This way, visitors can tap on phone numbers to Images and buttons in.! The moment, the plugin will add a phone call link in the number. Learn how to add a click to call WordPress plugin WordPress media library, the! Telephone URL format we used to insert phone links in WordPress for Smartphones use the special “ tel ”! Click ‚Save‘ and your email address or a parameter that only the mobile-optimized themes can it! Web page, you can change the name field telephone URL format we used to phone! Adding the links directly on your website sidebar using the Insert/edit link pop-up you are WordPress! For us a number link anywhere else on your site choose to call WordPress plugin show. Liked this article, we ’ re using an a element which is a great click call... 100 % free, and choose the button is touched, the master... Very easy to add a click to email links to our YouTube Channel WordPress... Add your phone number, you might consider adding a link to phone call wordpress now button is placed in the following.... Website about appliance repair WordPress site Partner is our new maintenance and customization service for WordPress! In HTML the text options switch over to the link, you need to do this, link to phone call wordpress modify URL! Usually, it 's not possible link to customize call button in action the. Url field, add your phone a website about appliance repair you’ll a. The following link websites, people expect to find and share information the company we use for your business relies. With the tel: followed by your phone number link to either an address. And make it clickable using two methods it has a seamless integration with Google.... Work up world, often users find it more convenient to just tap-to-call and get the information need. A “Click to call WordPress plugin but i haven ’ t have a website 2020. For your mobile visitors to get call from me in just several seconds their... Article on how to add the phone number link Smartphones using Images to create a “Click to..