{"id":6323,"date":"2020-04-13T15:00:06","date_gmt":"2020-04-13T13:00:06","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=6323"},"modified":"2020-09-04T01:30:56","modified_gmt":"2020-09-03T23:30:56","slug":"make-clickable-phone-number-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/make-clickable-phone-number-in-wordpress\/","title":{"rendered":"How to Make a Clickable Phone Number in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]In this day and age, you\u2019d have a hard time finding a person who doesn\u2019t possess a smartphone. More and more people use these convenient devices to browse the web, on top of the \u201cconventional\u201d phone functions. And this is exactly why you might want to make a clickable phone number in WordPress. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]A click-to-call button represents a link or a CTA button on your page that, when clicked on, <strong>makes the phone number of your business pop up and allows your visitors to get in direct touch with you<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/1-Phone-Number-in-WordPress-min.jpg\" class=\"attachment-full size-full\" alt=\"Phone Number in WordPress\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/1-Phone-Number-in-WordPress-min.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/1-Phone-Number-in-WordPress-min-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/1-Phone-Number-in-WordPress-min-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Just as <a href=\"https:\/\/qodeinteractive.com\/magazine\/add-favicon-wordpress\/\">adding a favicon to your WordPress website<\/a> is good for the visibility of your brand, adding a Click-to-Call phone number can be a great boost for your business. In this article, we\u2019ll show <strong>you how to display a clickable phone number in WordPress using three different methods<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Read on as we cover the following:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#why-you-should-add-a-clickable-phone-number\">Why you Should Add a Clickable Phone Number to Your WordPress Site<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-a-clickable-phone-number-with-the-plugin\">Adding a Clickable Phone Number With the Help of a Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-a-clickable-phone-number-to-the-wordpress-navigation-menu\">Adding a Clickable Phone Number to the WordPress Navigation Menu<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-a-clickable-phone-number-using-custom-code\">Adding a Clickable Phone Number Using Custom Code<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"why-you-should-add-a-clickable-phone-number\"><\/a>Why you Should Add a Clickable Phone Number to Your WordPress Site<\/h2>\n<p>[\/vc_column_text][vc_column_text]As we already mentioned, with many people using their smartphones to access websites nowadays, a clickable phone number can be an extremely convenient tool. No matter your business type, <strong>if you prefer to have a direct line of communication with your potential clients, then a clickable phone number can help them reach you more quickly and efficiently<\/strong>. All they have to do is click the button with the number that you put up on your webpage, and the dialer will instantly be brought up on their smartphone. Since the task itself is practically hassle-free, it can make people more inclined to contact you, which in turn means a huge potential to boost your sales and make your business grow.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]That being said, let\u2019s get into the details of how you can add a clickable phone number in WordPress. We\u2019ll show you three different ways you can do this \u2013 with the help of a plugin, by adding it to a WordPress navigation menu, and by doing it manually.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-a-clickable-phone-number-with-the-plugin\"><\/a>Adding a Clickable Phone Number With the Help of a Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]<strong>Using a plugin is probably the easiest way to add a clickable phone number to your WordPress website<\/strong>. If you use a <a href=\"https:\/\/wordpress.org\/plugins\/wp-call-button\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Call Button plugin<\/a>, you will be able to add this button anywhere on your page or post, or as a widget in your sidebar.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Let\u2019s start by taking care of installation and some settings first, and then we\u2019ll show you how to use this plugin to add click-to-call buttons for Gutenberg and for the Classic Editor. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/2-WP-Call-Button.jpg\" class=\"attachment-full size-full\" alt=\"WP Call Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/2-WP-Call-Button.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/2-WP-Call-Button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/2-WP-Call-Button-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]First things first, <strong>you need to install and activate the WP Call Button plugin by going to <em>Plugins &gt; Add New<\/em><\/strong> and finding the WP Call Button plugin in the search bar.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/3-Install-WP-Call-Button-plugin.jpg\" class=\"attachment-full size-full\" alt=\"Install WP Call Button plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/3-Install-WP-Call-Button-plugin.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/3-Install-WP-Call-Button-plugin-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/3-Install-WP-Call-Button-plugin-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next, go to <em>Settings &gt; WP Call Button<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/4-WP-Call-Button-Settings.jpg\" class=\"attachment-full size-full\" alt=\"WP Call Button Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/4-WP-Call-Button-Settings.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/4-WP-Call-Button-Settings-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/4-WP-Call-Button-Settings-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once there, you can choose if you want to add a <em>Sticky Call Button<\/em> (which \u201csticks\u201d as the users scroll through your website) or a <em>Static Call Button<\/em> (which you can add to your pages and posts). The former option is the best for getting more conversions, but, of course, you can decide which option works best for you according to your preferences.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/5-Call-Button.jpg\" class=\"attachment-full size-full\" alt=\"Call Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/5-Call-Button.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/5-Call-Button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/5-Call-Button-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the <em>Sticky Call Button<\/em> tab, you need to switch the <em>Call Now Button Status to Active<\/em> first. This will allow your Call Now button to be displayed on your WordPress website. We have to note, however, that if you don\u2019t enable this setting here, the call button won\u2019t show up on your site even if you\u2019ve decided to create a Static Call button instead. In other words, <strong>this is where you should activate both call button types<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/6-Activate-both-call-button-types.jpg\" class=\"attachment-full size-full\" alt=\"Activate both call button types\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/6-Activate-both-call-button-types.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/6-Activate-both-call-button-types-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/6-Activate-both-call-button-types-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, in the <em>Phone Number<\/em> field, you can add the phone number of your business that your visitors will be able to call when they click on the button. You should also select the area code depending on the country your business is located in. Just like the previous setting, this is where you enter the phone number both for the Sticky and for the Static Call Button type. This means that the number will automatically be pulled from this setting, whether you decide to insert the call button on every page of your website or only on specific pages\/posts.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/7-Phone-Number-field.jpg\" class=\"attachment-full size-full\" alt=\"Phone Number field\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/7-Phone-Number-field.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/7-Phone-Number-field-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/7-Phone-Number-field-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]As the name suggests,<strong> the <em>Call Button Text<\/em> field allows you to insert any text you want to be displayed on your site<\/strong>. Just keep in mind that this field will work properly only if you set the <em>Call Button Position<\/em> to <em>Full Width<\/em>, which is the option you can find right under the <em>Call Button<\/em> Text field.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/8-Call-Button-Text-field.jpg\" class=\"attachment-full size-full\" alt=\"Call Button Text field\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/8-Call-Button-Text-field.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/8-Call-Button-Text-field-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/8-Call-Button-Text-field-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In this tab, you can also <strong>set the color of your button, as well as determine the Call Button Visibility<\/strong>. Choose from <em>Show everywhere<\/em> (which is the default setting), <em>Show only on certain posts \/pages and Hide everywhere else<\/em>, and <em>Hide on certain posts \/ pages but show everywhere else<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Just a quick note \u2013 if you plan to add a Static Call Button to any specific page or post, then we recommend that you choose the <em>Show only on certain posts\/pages<\/em> option so as to avoid having two types of Click-to-Call buttons on one page or post.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/9-Determine-the-Call-Button-Visibility.jpg\" class=\"attachment-full size-full\" alt=\"Determine the Call Button Visibility\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/9-Determine-the-Call-Button-Visibility.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/9-Determine-the-Call-Button-Visibility-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/9-Determine-the-Call-Button-Visibility-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, you can also choose whether you want the button to be shown to mobile devices only or not. We will turn this setting off. Don\u2019t forget to click on <em>Save Changes<\/em> when you\u2019re done.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/10-Show-to-mobile-devices-or-not.jpg\" class=\"attachment-full size-full\" alt=\"Show to mobile devices or not\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/10-Show-to-mobile-devices-or-not.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/10-Show-to-mobile-devices-or-not-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/10-Show-to-mobile-devices-or-not-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And here\u2019s what your button will look like on your website:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/11-Button-on-your-website.jpg\" class=\"attachment-full size-full\" alt=\"Button on your website\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/11-Button-on-your-website.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/11-Button-on-your-website-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/11-Button-on-your-website-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;82px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h4\">Adding the Static Call Button to Your Page\/Post in Gutenberg<\/h3>\n<p>[\/vc_column_text][vc_column_text]If you\u2019re using the Gutenberg editor and wish to add a static call button to your page or post, go to <em>Posts &gt; All Posts<\/em> (or <em>Pages &gt; All Pages<\/em>) and edit the post\/page you wish to add the button to. Or, go to <em>Posts\/Pages &gt; Add New<\/em> if you want to add a button to a completely new page\/post.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Then, you can simply <strong>click on the \u201c+\u201d icon in the page\/post in question and find and add the WP Call Button block in the editor<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/12-WP-Call-Button-block.jpg\" class=\"attachment-full size-full\" alt=\"WP Call Button block\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/12-WP-Call-Button-block.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/12-WP-Call-Button-block-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/12-WP-Call-Button-block-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The WP Call Button block allows you to change the Call Button color, text color, and font size for the page\/post in question. Additionally, you can choose to show or hide the phone icon and enable center alignment of the call button. If you want, you can even add an additional CSS class (or classes) in the <em>Advanced<\/em> field.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]As we mentioned earlier, your phone number will be automatically pulled from the <em>Sticky Call Button<\/em> settings tab.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/13-Sticky-Call-Button-settings-tab.jpg\" class=\"attachment-full size-full\" alt=\"Sticky Call Button settings tab\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/13-Sticky-Call-Button-settings-tab.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/13-Sticky-Call-Button-settings-tab-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/13-Sticky-Call-Button-settings-tab-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you add your Static Call Button, you can <strong>click on <em>Publish\/Update<\/em> to save your changes<\/strong>, and then go and check your page\/post to see what your button will look like.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/14-Check-your-page.jpg\" class=\"attachment-full size-full\" alt=\"Check your page\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/14-Check-your-page.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/14-Check-your-page-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/14-Check-your-page-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;82px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h4\">Adding the Static Call Button on Your Page\/Post in the Classic Editor<\/h3>\n<p>[\/vc_column_text][vc_column_text]If you want to add a static call button using the Classic editor, you need to <strong>access the options that can be found in <em>Settings &gt; WP Call Button &gt; Static Call Button<\/em> first<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Here you have the options to enter the text of your Static Call button, change the button color, and enable or disable the option to <em>Hide the phone icon from your call button<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/15-Adding-the-Static-Call-Button-in-the-Classic-Editor.jpg\" class=\"attachment-full size-full\" alt=\"Adding the Static Call Button in the Classic Editor\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/15-Adding-the-Static-Call-Button-in-the-Classic-Editor.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/15-Adding-the-Static-Call-Button-in-the-Classic-Editor-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/15-Adding-the-Static-Call-Button-in-the-Classic-Editor-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Below these options, you will <strong>find the option to copy the shortcode which you can then insert on any page or post<\/strong>. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/16-Copy-the-shortcode.jpg\" class=\"attachment-full size-full\" alt=\"Copy the shortcode\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/16-Copy-the-shortcode.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/16-Copy-the-shortcode-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/16-Copy-the-shortcode-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you\u2019re done with copying the shortcode, access the page or post you wish to edit (or create a new one), switch to the Text editing mode and paste the shortcode in the editor.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/17-Paste-the-shortcode-in-the-editor.jpg\" class=\"attachment-full size-full\" alt=\"Paste the shortcode in the editor\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/17-Paste-the-shortcode-in-the-editor.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/17-Paste-the-shortcode-in-the-editor-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/17-Paste-the-shortcode-in-the-editor-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Don\u2019t forget to hit <em>Update\/Publish<\/em> when you\u2019re done, and that\u2019s it \u2013 you can go and preview your button on the page\/post itself.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/18-Go-and-preview-your-button.jpg\" class=\"attachment-full size-full\" alt=\"Go and preview your button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/18-Go-and-preview-your-button.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/18-Go-and-preview-your-button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/18-Go-and-preview-your-button-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;82px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h4\">Adding the Static Call Button to Your Sidebar With the Help of the WP Call Button Widget<\/h3>\n<p>[\/vc_column_text][vc_column_text]The WP Call Button plugin also <strong>allows you to add a Call Button to the sidebar area with the help of the WP Call Button Widget<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To do this, simply go to <em>Appearance\/Widgets<\/em> and add the WP Call Button widget in the sidebar widget area. You can either drag it with your mouse to the sidebar area or click on the widget itself and then select <em>Add Widget<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/19-Sidebar-Widget-Call-Button.jpg\" class=\"attachment-full size-full\" alt=\"Sidebar Widget Call Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/19-Sidebar-Widget-Call-Button.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/19-Sidebar-Widget-Call-Button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/19-Sidebar-Widget-Call-Button-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]When you select the \u201c<em>Show Advanced Settings<\/em>\u201d option, you will see that the widget itself also contains all the necessary options, such as the Call Button text, color, text color, and the option to show\/hide the phone icon.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/20-Sidebar-Call-Button.jpg\" class=\"attachment-full size-full\" alt=\"Sidebar Call Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/20-Sidebar-Call-Button.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/20-Sidebar-Call-Button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/20-Sidebar-Call-Button-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;90px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;top-picks-banner&#8221;][vc_empty_space height=&#8221;28px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-a-clickable-phone-number-to-the-wordpress-navigation-menu\"><\/a>Adding a Clickable Phone Number to the WordPress Navigation Menu<\/h2>\n<p>[\/vc_column_text][vc_column_text]Another location where you can add a Clickable Phone Number in WordPress is your website\u2019s navigation menu[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Access Appearance &gt; Menus, and click on the Custom Links tab. The Link field is where you should add your phone number and the Link Text, just like we did in the picture below:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Menus.jpg\" class=\"attachment-full size-full\" alt=\"Appearance Menus\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Menus.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Menus-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Menus-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;60px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/21-Add-your-phone-number-and-the-link-text.jpg\" class=\"attachment-full size-full\" alt=\"Add your phone number and the link text\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/21-Add-your-phone-number-and-the-link-text.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/21-Add-your-phone-number-and-the-link-text-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/21-Add-your-phone-number-and-the-link-text-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Click on <em>Add to Menu<\/em> once you\u2019re done, and that\u2019s it \u2013 your call button link will appear in your navigation menu. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/22-Menu-Call-Button.jpg\" class=\"attachment-full size-full\" alt=\"Menu Call Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/22-Menu-Call-Button.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/22-Menu-Call-Button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/22-Menu-Call-Button-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;79px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-a-clickable-phone-number-using-custom-code\"><\/a>Adding a Clickable Phone Number Using Custom Code<\/h2>\n<p>[\/vc_column_text][vc_column_text]Last but not least, you can add a Clickable Phone Number on your WordPress website manually, using a short piece of code. You can also easily add a phone icon image by using HTML.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To start, go to <em>Media &gt; Add New<\/em> and upload your image. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/23-Media-Add-New-Item.jpg\" class=\"attachment-full size-full\" alt=\"Media Add New Item\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/23-Media-Add-New-Item.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/23-Media-Add-New-Item-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/23-Media-Add-New-Item-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, click on your image and copy the file URL that you can find on the right side of the screen.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/24-Copy-the-file-URL.jpg\" class=\"attachment-full size-full\" alt=\"Copy the file URL\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/24-Copy-the-file-URL.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/24-Copy-the-file-URL-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/24-Copy-the-file-URL-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now, you can <strong>add the telephone number link and wrap the phone icon image inside it<\/strong>. This is the code if you want to add the Click-to-Call link and the icon to your page or post:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;a href=\"tel:your phone number\"&gt;Your Message&lt;\/a&gt;\r\n&lt;img src=\"Your Image URL\" \/&gt;&lt;\/a&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;18px&#8221;][vc_column_text]To do this in the Gutenberg editor, simply click on the \u201c+\u201d icon in the editor and find the Custom HTML block. Then, add the code in the block like we did (of course, with your own phone number, message and image URL).[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/25-Adding-a-Clickable-Phone-Number-Using-Custom-Code.jpg\" class=\"attachment-full size-full\" alt=\"Adding a Clickable Phone Number Using Custom Code\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/25-Adding-a-Clickable-Phone-Number-Using-Custom-Code.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/25-Adding-a-Clickable-Phone-Number-Using-Custom-Code-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/25-Adding-a-Clickable-Phone-Number-Using-Custom-Code-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And here\u2019s the final look once you click on Update\/Publish:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/26-Final-look.jpg\" class=\"attachment-full size-full\" alt=\"Final look\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/26-Final-look.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/26-Final-look-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/26-Final-look-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you\u2019re using the Classic editor, you will add the same piece of code in your editor field &#8211; just make sure it\u2019s switched to <em>Text<\/em> mode.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/27-add-piece-of-code-in-your-editor-field.jpg\" class=\"attachment-full size-full\" alt=\"Add piece of code in your editor field\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/27-add-piece-of-code-in-your-editor-field.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/27-add-piece-of-code-in-your-editor-field-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/27-add-piece-of-code-in-your-editor-field-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, to add the phone link with the icon in your sidebar, head to <em>Appearance &gt; Widgets<\/em>, drag the Custom HTML Widget to your sidebar widget area and add the following code:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;a href=\"tel:Your Phone Number\"&gt;&lt;img src=\"Your Image URL\" alt=\"Your Message\" \/&gt;&lt;\/a&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;18px&#8221;][vc_column_text]Here\u2019s how we did it:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/28-Custom-HTML-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Custom HTML Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/28-Custom-HTML-Widget.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/28-Custom-HTML-Widget-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/28-Custom-HTML-Widget-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And here\u2019s the final result:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/29-Adding-a-Clickable-Phone-Number-Using-Custom-Code.jpg\" class=\"attachment-full size-full\" alt=\"Adding a Clickable Phone Number Using Custom Code\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/29-Adding-a-Clickable-Phone-Number-Using-Custom-Code.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/29-Adding-a-Clickable-Phone-Number-Using-Custom-Code-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/04\/29-Adding-a-Clickable-Phone-Number-Using-Custom-Code-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]We have to note that <strong>these links will open the phone app for mobile users, while on desktop they will launch either Skype (for Windows users) or FaceTime (for Mac iOS users)<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final Thoughts<\/h2>\n<p>[\/vc_column_text][vc_column_text]And that concludes all the different ways in which you can add a clickable phone number in WordPress. Whether you go for the manual method or you decide to use a plugin, you can easily add a Click-to-Call button anywhere you want on your website \u2013 a page, a post, or your sidebar area. Incorporating a Click-to-Call link to your navigation menu can also make it easy to find, in turn helping boost your conversions. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you opt for a plugin, you can even make your button sticky, which makes it highly visible and brings the potential for more phone calls from potential clients.Whatever method you decide to go with, you certainly won\u2019t make the wrong decision. We wish you luck with growing your business! [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>A Click-to-Call button can provide a boost to your business. Here are three different ways in which you can add a clickable phone number in WordPress.<\/p>\n","protected":false},"author":2,"featured_media":8030,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[29,15,4,13],"class_list":["post-6323","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-business","tag-plugins","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/6323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=6323"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/6323\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/8030"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=6323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=6323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=6323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}