You Just Wrote a Great Blog Post, But Something Is Missing
You have crafted the perfect paragraph in your WordPress editor. You are referencing a helpful study, mentioning a crucial product, or pointing readers to a deeper guide on your site. You know a simple clickable link would make all the difference, turning passive text into an interactive pathway.
Yet, your cursor blinks on the word or phrase, and for a moment, you hesitate. Should you paste the full, messy URL right into the text? That looks unprofessional. Should you use some complicated HTML code? That seems daunting. The truth is, adding a hyperlink in WordPress is one of the most fundamental and powerful skills for any website owner, blogger, or business professional.
Whether you want to link to another page on your site to keep visitors engaged, reference an external authority to build trust, or create a clear call-to-action that drives sales, mastering the hyperlink is non-negotiable. This guide will walk you through every method, from the simplest click to advanced techniques, ensuring your links always work perfectly and look professional.
Understanding the Two Faces of the WordPress Editor
Before you add your first link, it is essential to know which editor you are using. WordPress offers two primary editing experiences: the Block Editor (often called Gutenberg) and the Classic Editor. The process is similar in spirit but differs in the specific buttons and panels you will use.
The Block Editor, the default for new WordPress installations, treats every piece of content—a paragraph, image, heading—as a distinct “block.” Each block has its own toolbar when selected. The Classic Editor, which many long-time users prefer, presents a single, unified toolbar above a large text area, much like older word processors.
Do not worry if you are unsure. The core principle is universal: you select the text you want to turn into a link, then you tell WordPress what URL that text should point to. We will cover both editors in detail. First, let us start with the most common scenario in the modern WordPress experience.
Adding a Link in the Block Editor (Gutenberg)
Imagine you are writing a post about email marketing best practices. You want the phrase “A/B testing subject lines” to link to a more detailed guide on your site.
Start by typing or ensuring that phrase is within a Paragraph block. Click directly on the text to select the Paragraph block. You will see a toolbar appear just above the selected block. Now, use your mouse to highlight the specific text you want to link—in this case, “A/B testing subject lines.”
With the text highlighted, look for the link icon in the block toolbar. It looks like a chain link. Click it. A small input field will appear directly below the highlighted text.
You have two main options here. You can paste a URL you have copied from your browser’s address bar. Simply click in the field and paste (Ctrl+V or Cmd+V). Alternatively, you can search for existing content on your own website. Start typing the title of the page or post you want to link to, and WordPress will show a dropdown list of suggestions. Click the correct one to automatically insert the link.
Once the URL is in the field, press the Enter key on your keyboard or click the small “Apply” arrow (a right-facing arrow) next to the field. Instantly, your highlighted text will turn into a clickable hyperlink, usually styled with your theme’s link color and an underline.
But what if you need to adjust the link after creating it? Click anywhere on the linked text. The same toolbar link icon will appear, now filled in to indicate an active link. Click it again to reopen the link settings. Here, you can edit the URL, or click the “Unlink” button (a broken chain icon) to remove the hyperlink entirely while keeping your text.
Adding a Link in the Classic Editor
If your site still uses the Classic Editor plugin or an older theme, the process is just as straightforward. Open the post or page where you want to add the link. In the main editing area, type your text and highlight the portion you wish to hyperlink.
Look at the editor toolbar above the text area. Find the button that looks like a chain link. It is often next to the alignment buttons. Clicking this button will open the “Insert/edit link” pop-up window.
A familiar field labeled “URL” will be present. Paste your web address here. Below it, you will see a “Link text” field, which should already be populated with the text you highlighted. You can also check a box labeled “Open link in a new tab,” which we will discuss in detail later.
Just like in the Block Editor, you can click the gear icon or a “Link options” button to search for internal posts and pages. After entering the URL, click the “Add Link” button at the bottom of the pop-up. Your text is now linked. To edit it later, simply click on the linked text and press the chain link button in the toolbar again to reopen the settings.
Going Beyond the Basics: Essential Link Settings
Creating a clickable link is just the first step. Professional web publishers use a few key settings to control how links behave. Ignoring these can lead to a poor user experience.
Should Your Link Open in a New Tab?
This is one of the most common questions. The “Open in new tab” option, when checked, tells the browser to open the linked page in a brand new browser tab or window, keeping your original page open in the background.
When to use it? It is generally considered good practice for external links—links that point to a different website. Why? Because it keeps your site open in the visitor’s browser. If they click an external link that opens in the same tab, they have effectively left your site, and they might not hit the back button to return. By opening external links in a new tab, you preserve the user’s place on your site, encouraging them to come back and continue reading or exploring after they have checked out the external resource.
For internal links—links to other pages on your own website—the best practice is usually to open in the same tab. This provides a seamless, familiar browsing experience within your site, similar to how navigation menus work. Users can still use their browser’s back button if needed.
In the Block Editor, after inserting a link, click on the linked text. In the pop-up that appears, click the “Link options” dropdown (it might look like a gear or down arrow). You will see a toggle switch for “Open in new tab.” In the Classic Editor, this is a simple checkbox in the link insertion pop-up window.
Adding a Title Attribute for Clarity
The title attribute is a small piece of text that appears as a tooltip when a user hovers their mouse over the link for a second. It can provide additional context. For example, a link text might say “Download the guide,” and the title attribute could be “Download our 2024 SEO Beginner’s Guide (PDF, 2.1 MB).”
While not always necessary for clear link text, it can enhance accessibility and user understanding. To add it in the Block Editor, you often need to switch to the HTML view of the block or use an “Advanced” panel in the link settings, depending on your theme. In the Classic Editor’s link pop-up, there is typically a dedicated “Title” field.
How to Create a Hyperlink to an Email Address or Phone Number
Hyperlinks are not just for web pages. You can create clickable links that trigger a user’s default email client or phone dialer, making it incredibly easy for visitors to contact you.
To create an email link, you still follow the same initial step: highlight the text you want to use (e.g., “Contact our support team”). In the URL field, instead of typing “https://…”, you type “mailto:” followed by the email address, with no spaces. For example: mailto:support@yourwebsite.com.
When a visitor clicks this link, their device will open their default email application (like Outlook or Apple Mail) and start a new email with the “To:” field already populated with that address. You can even pre-fill the subject line by adding “?subject=” to the URL. Example: mailto:support@site.com?subject=Help%20with%20Login. Note that spaces in the subject are often replaced with “%20”.
For a phone number link, the principle is the same. Highlight text like “Call us now” and in the URL field, type “tel:” followed by the full phone number, including the country code. For a US number, it would look like: tel:+1-555-123-4567. On mobile devices, clicking this link will prompt the user to call the number.
Troubleshooting Common Hyperlink Problems
Even with a simple process, things can go wrong. Here are solutions to the most frequent issues you might encounter.
The Link Is Not Clickable or Appears as Plain Text
This usually happens if the link was not properly applied. Ensure you pressed Enter or clicked the “Apply” button after pasting the URL. In the Block Editor, click the linked text and check if the link icon in the toolbar is filled in. If it is not, the link is not active. Re-highlight the text and re-enter the URL.
Another cause is editing in the “Code” or “HTML” view of the editor. If you see something like <a href="https://example.com">My Link</a>, the link is correctly coded. If you see just the raw URL, you are not in the visual editor. Switch back to the visual view to edit links easily.
The Link Points to the Wrong Page
This is typically a simple typo in the URL. The fastest fix is to click the link and edit the URL field. Double-check for missing “https://” at the beginning, or incorrect slashes. For internal links created by searching, ensure you selected the correct page from the dropdown list. If you linked to a page you later deleted or moved, you will need to update the link to point to the new URL or a relevant alternative.
How to Find and Edit All Links on a Page
If you need to update many links, like changing an old domain name to a new one, manually editing each one is tedious. For site-wide changes, a plugin like “Better Search Replace” or a database update (for advanced users) is necessary. However, for updating several links within a single post, the Block Editor makes it manageable. Scroll through your post and click on each linked text block to view and edit its URL in the block toolbar.
In the Classic Editor, you are essentially looking at the raw HTML. You can use the “Find” function (Ctrl+F or Cmd+F) to search for “href=” which will highlight all link codes in the text, allowing you to review them one by one.
Strategic Use of Hyperlinks for SEO and Engagement
Adding links is not just a technical task; it is a content strategy. Search engines like Google use links to discover new pages and understand the context and authority of your content.
Internal linking, the practice of linking to other relevant pages on your own site, is a powerful SEO tactic. It helps distribute “link equity” throughout your site, guides visitors to deeper content, and reduces bounce rates. When you write a new post, ask yourself: “Which of my older, authoritative posts are related to this topic?” Then, link to them using descriptive anchor text—the clickable words themselves. Avoid generic anchor text like “click here.” Instead, use descriptive phrases like “learn more about WordPress security plugins.”
External linking to high-quality, authoritative sources (like official documentation, reputable studies, or established news sites) signals to search engines that your content is well-researched and trustworthy. It builds credibility with your readers. Just remember to set those external links to “open in new tab” to keep users on your site.
Finally, always test your links before publishing. After adding them, use the “Preview” function in WordPress. Click every single link to verify it goes to the correct destination and that external pages are still live. A broken link, often showing a 404 error page, creates a terrible user experience and can harm your site’s credibility.
Your Next Steps for Mastering WordPress Links
Now that you know how to effortlessly add a hyperlink in WordPress, the power to create a richly connected website is in your hands. Start by revisiting your last three blog posts. Look for opportunities to add one or two strategic internal links to your cornerstone content. Check your “Contact Us” page to ensure your email address is a clickable mailto link.
As you write your next piece of content, make linking a part of your writing habit. When you mention a concept you have covered before, pause and add the link. When you cite a source, link to it. This practice will transform your static articles into dynamic hubs of information, keeping readers engaged, supporting your SEO efforts, and establishing your site as a truly helpful resource.
The technical barrier is gone. It is time to focus on what matters most: using this simple tool to build a better, more connected website for your audience.
