Press "Enter" to skip to content

How to Add an External Link to Your WordPress Menu

Here’s a quick tutorial today.

If you have a project on another site you want to share, a great way to drive traffic is by adding a link to your menu.

You probably already know how to add Pages to your custom menu, but if not, follow this tutorial first.

Adding external links is simple once you have a custom menu created. The key is to locate the Custom Links section in the Customizer, and there you can add any URLs and Label text you want.

Transcript

In this video, you'll learn how to add external links to your WordPress menu. Now, if you didn't watch my last video on creating custom menus and you don't already have a custom menu created, I'm going to recommend you go ahead and watch that video now. So for anyone who already has a custom menu installed, here's how you can add an external link to it. First, we're going to visit the customizer where we can update or menu in. Watch our changes take place live in case you forgot the menu section will be near the bottom of the customizer down here. Once I open it up I can see my menu locations and all of my menus that I've created. I can also see that the menu that I named primary has been set to the primary menu location, which is right here in Shift. And so I'm going to open up this menu so I can edit it.

Now as you can see I have three menu items and a sub-menu and I'm going to click the add items button to add an additional menu item, which will be the external link. At the top here I have a custom link section. If I open this, it's going to close the pages section and now you can see I have the option to type in a URL, um, to any website I want. So I'll just add a link to Google, which is completely unnecessary for a real website and I'll give the link, text a value of Google and then click add to menu. And you'll see that if I close this, I now have this link going to Google. One note: If I'm in the customizer, I can click on sample page, I can click on the homepage and any of these pages will be opened, uh, within the preview.

This preview is only for navigating within my site. The preview meaning everything you see to the right of the customizer panel, you'll see this cancel icon. If you hover over an external link, that's because you can't open external pages within the customizer. But just to prove that this did work, I'm going to exit out of the customizer, and once I visit the site, I can hover over Google. You'll see that it doesn't have that same notice, and if I click on it, it will take me to the Google homepage. So that's how you can easily add as many external links as you want to your WordPress menu. Just make sure that you already have a custom menu set up first. If you have any questions, please post below. Don't forget to subscribe. If you want to see more WordPress tutorials, and thanks for watching.

Ben Sibley
Ben Sibley

After using WordPress for the last 9 years, I've made dozens of websites, designed and developed 20 themes that have been downloaded more than 1.5 million times, and personally helped thousands of WP users with their sites.

Now I'm sharing everything I know to help make WordPress an easier and more rewarding choice for building a website. If you have a question you want answered, submit your question here.