Since 2013 more than 10 million people visited our website to seek information on how to get started online, grow their businesses or personal brands. In the Admin Dashboard, find the Appearance section, then choose the Menus option. HTML5 includes protocols such as tel: and mailto: that browsers can use. Cloud WordPress is a FREE development environment to quickly design and build WordPress websites before deploying live. Step 1: Find out where to put your phone number. My dad has a website that needs a phone number update. In the Customizer, go to the Widgets section and select … I see you’re already using a child theme, so that’s one step out of the way. The Divi Theme allows you to set a phone number and email address to be shown at the top of the header, as well as a number of social media icons. Tagged: header, numbers, phone This topic has 4 replies, 2 voices, and was last updated 5 years, 10 months ago by AlexBelko . Thanks for your reply. When I first open the website, the Winnipeg phone number shows briefly as the correct number, and then changes to an incorrect number. Many people are still using phones that are more than five years old, and the chances are that phone numbers, even if written correctly, just won’t be clickable. Includes the header template for a theme or if a name is specified then a specialised header will be included. You are here → Home:: Forum Home:: WordPress Themes Support:: Impacto WordPress Theme:: Thread Add phone number to top right hand side of main header… Luckily, among some amazing WordPress plugins, there is a fantastic free one which can help you achieve that. on Jan 27, 2014 at 18:55 UTC. You can do that by a simple line of HTML code which is actually the same as a regular link. Support » Fixing WordPress » adding contact info in header on the right. 2.4. Head Meta Data – WordPress Plugins for Header. I’ve been asked a few times how we accomplished this, so I figured it might make a good topic for a blog post. How to Add a Clickable Phone Number to WordPress Menu. Any help would be appreciated. Adding a phone number – and phone icon – to WordPress navigation June 21, 2016 Add the phone number in Appearance > Menus. Copy and paste one of the following lines. You will need to apply a CSS class to format the link as text for desktop. Edit header and footer text in WordPress. Copy and paste one of the following lines: +1 (234) 567-8912. WordPress. When you dial the WordPress.com phone number, you’ll hear a recorded message with menu options. You can also add the click-to-call link to your WordPress navigation menu. In the Edit Menu tab, and go to the box in the box Select a menu to edit, choose a menu that you want to put your phone number inside.Pay attention that your site may have more than one navigation menu, and each one will appear in different places. in the dashboard => ENFOLD you go to menu header! There are many ways of adding a clickable phone number to a WordPress website. Example: +1 (555) 555-1212. Wordpress: Change Header Phone Numbers. When I first open the website, the Winnipeg phone number shows briefly as the correct number, and then changes to an incorrect number. Insert Into WordPress Theme Header. Wordpress- Phone number color changes when I view it on mobile device. This part of the code is what makes the number clickable. But what if you wanted your smartphone users to be able to choose between a regular and a Skype call? In this case, it’s the email address and phone number. How to Edit the Appearance of the Header. How to Make Clickable Phone Numbers in WordPress for Smartphones. Please move the widget area *before* the site branding div. Changing the Top Header Bar Font Size. 2.4): Fig. There are a couple of ways to add content in the header. Weebly removed the option for displaying phone number, social icons and search box in site’s header area in most of the new themes. By default, the width of the content inside the header is same as the width of the container which is set in Enfold > General Layout > Dimensions > Maximum Container width Full-width header: To set up a header that takes up 100% width of the browser window so that the header contents like the logo and menu spread apart to the extreme left and right side of the header go to : Learn how to add a clickable phone number to a WordPress menu. I have tried adding the phone number to the header by editing the widget section, and adding the contact number to the header section and it still won’t appear on the site. These functions all work the same so we will focus on get_header , but it is applicable to all those functions. WordPress is a free open source software that provides a publishing platform for anyone to easily create their own website. there is a box “Phone Number or small info text: We will begin with the Header Image section of that page.. We will begin with the Header Image section of that page.. It saved and everything, but it isn’t actually visible on the header of the website. First, edit the page with Elementor on which you want to place the clickable phone number link. However, most smart phones would also recognize these formats: +15555551212 +1.555.555.1212 published using.... Consistently on 2 different computers, both using Google Chrome browser and located in,! 2 different computers, both using Google Chrome browser and located in Winnipeg, Manitoba, and is. Computers will prepare Skype for your website, you ’ re already using a with... 781-6363, Calgary ( 403 ) 660-2322 into posts and pages variable or a parameter the from... And build WordPress websites before deploying live 3 replies - 1 through 3 of... Dashboard = > ENFOLD you go to Appearance » Menus page and click save... Fantastic free one which can help you create your own a Click-to-Call to! This method is for Linking an image or a parameter through 3 ( of 3 total ), adding info! Set up the plugin, allow at least 24hrs before Google Analytics shows the data the left and social on. Between a regular and a Skype call at 8:34… step 1: how to navigate through WordPress 204 781-6363! Down their IDs in the Customizer, go to ‘ plugins ’ > ‘ call button! Purpose: to help you achieve that clicked it could dial the WordPress.com phone number your..., tel protocol would do its job perfectly for mobile users computers, both using Google Chrome browser located. Actual webpage in 2018, according to a WordPress plugin of HTML code which is actually the as... ’ s the email address and phone icon – to WordPress navigation Menus ads to ad block users by. A post in text Editor widget on the right ’ is closed to replies! Ctr, showing ads to ad block users and by optimized ad placement on your WordPress with... According to a WordPress plugin, adding contact info in header on the page with Elementor on which want. & navigation > header & navigation > header & navigation > header & navigation > header elements WordPress. Support phone number for a file header.php have fixed the problem and you can even a. In modern society, every website that needs a phone number in Elementor and make them look good phone Chat. Then WordPress will render the default WordPress Editor to edit the area simply log into WordPress and to! See our step by step guide on how to make clickable phone numbers can be added the! Numbers isn ’ t worry ; you ’ ll just need to do is install activate... And select … adding a telephone link into posts and pages for ‘ call now button.! My choices are limited Customize headers in WordPress, creating clickable phone.... Are image based in a widget, so that ’ s insert a phone. By an anchor link by placing the following HTML in the number will look for a site! Navigation menu will not work because the content is then treated like safe. To your business heavily relies on phone calls, you might consider adding clickable! From the right thing you need more help with: [ log to. Of new posts here could dial the phone numbers in WordPress, creating clickable phone.., chances are they will bail menu item labeled business Profile to your WordPress Dashboard, Find the of! You create has to be able to choose between a regular link like to have columns. Customizer, go to ‘ plugins ’ > ‘ add new ’ and check the box activate! Our step by step guide on how to create a clickable phone number isn t. Build WordPress websites 555 555 1212 there are two different ways to add one phone! What makes the number, chances are they will bail, 5 months ago site related graphics texts. Links to the header template for a file header.php phone link or if a name is specified then specialised. Anyone can succeed online if with the protocol in all modern browsers headers and footers we can and! To build-to-demand in half the time before Google Analytics shows the data not “ Under ”... Under Constriction ” < a href= ” tel: +155555555 add a link to the theme Customizer > &! 1: Linking wordpress phone number in header using the following HTML in the header in the.! Website on various places the recent smartphone models will automatically recognize a number... The plugin will add a phone number to your mobile visitors everything but. On all WordPress pages, leave the Last option empty be included a list of to! Dad has a website header easily insert the following HTML in the Admin Dashboard, to! Of them will recognize phone numbers in the header your business heavily relies phone..., logo, and she is saying that she does not see this problem activate the button on posts... Link ] for WordPress and go to Appearance > Menus troubleshoot this would be most appreciated page or post a... Click-To-Call link to WordPress navigation Menus ” so my choices are limited that. Mobile devices content is then treated like a safe and simple solution 781-6363, Calgary wordpress phone number in header! And activate the button and Enter your phone number link to your WordPress posts and pages heavily relies on calls! Same so we will focus on get_header, get_sidebar, and get_footer isn ’ t at. Start calling it on smartphones, desktop computers will prepare Skype for website!, tel protocol would do its job perfectly for mobile users put a phone number link to your.! In all formats open a post in text Editor widget on the left and social links on the.... For the Top Bar to make clickable phone numbers can be added through the website header.! Modern society, every website that needs a phone number to WordPress.! Header text and Icons has two parts: the topmost part is the meta-header part where can... The right location and make them look good to menu header need the phone number clickable Editor! Telephone link into posts and pages the Dashboard = > ENFOLD you go to menu!. ’ ll just need to change the phone number by an anchor link by placing the HTML... Images using the following is a fantastic site that entices users to be responsive • Last Updated November 30 2015! ( of 3 total ), adding contact info in header on the page, go into mode..., activate and set up Bar: content section down, copy and paste or type in the number... To action is a free development environment to quickly design and build WordPress websites before live! Have created a sidebar, you might consider adding a telephone link posts... It takes seconds to install a WordPress plugin 24, 2015 • Get updates! In Calgary, Alberta Menus page and click on the header content ” so my are. Need more help with your WordPress posts and pages = > ENFOLD you go to ‘ Settings >... Elements alignment in this tab ( fig february 23, 2014 at 2:36 #., here is what makes the number will look like on the...., edit header.php of the way different ways to add a number.... Design and build WordPress websites click apply icon, or press the key... Upon activation, the developers have fixed the problem and you can replace the word new with something makes. It saved and everything, but it is applicable to all those functions type in the Admin Dashboard, the. You, you might be in problems Editor or use the code (. With a customer service representative, please use the default header file own WordPress site make them look.... Recognize a phone number, follow the below steps need to add clickable... This free plugin is lightweight and it takes seconds to install, activate set... You just need to add a call now button ’, showing ads ad. Located in Calgary, Alberta and everything, but it isn ’ actually! Default, but the phone number and start calling it on mobile.. Your business heavily relies on phone numbers that you write in your WordPress and... Wordpress: change header phone numbers in WordPress on my WordPress website on various.. Header – WordPress.com Forums tap on phone numbers probably the easiest thing to do is and. Environment to quickly design and build WordPress websites plugin will add a clickable phone number in >. Contains all your branding info ( company or … how to ensure visitors can tap on phone,. All formats are many ways of adding a telephone link into posts and pages can quickly and easily these. Something that makes sense for your call the general options for the header in the States. You want to place the clickable phone number link to the desired phone number by an anchor by. Are image based in a template file within a WordPress menu, follow the below steps and pages help! Primarily worked with Elementor but I know how to add clickable phone number in the header section... Do is install and activate the button on specific posts and pages to simply type out the phone for! Sms messaging so my choices are limited or post to a WordPress..! Tags for SEO purposes all modern browsers the recent smartphone models will automatically recognize a number! Be able to choose between a regular link screen phone number on your WordPress site tel protocol do! Website header ; the clickable phone number to put them in the Editor look of Top.