Last Updated on October 6, 2021 by Oluwatuyi
Do you want to add a link to your WordPress.
If you have been following us on WpressBeginner, you should have a little knowledge on what links are, you might not understand hyperlinks but you should have seen some links on our website.
Let make it simple, the URL or keywords you search for on search engines are links to this website.
Recently, one of our users asked us how to add a link in WordPress, we explain how to and he was really thankful, but we will love to show every other WordPress beginners how to add links in WordPress.
There are several different ways to add links in WordPress. You can add links either in your posts, pages, navigation menu, sidebar widgets, footer area, and more.
In this open beginner’s guide, we will show you how to add a link in WordPress posts, pages, widgets, navigation menus, and more.
- 1 What is Hyperlink
- 2 Types of Hyperlinks
- 3 Why you need Hyperlink on wordpress
- 4 How to Add Links in WordPress Posts and Pages
- 5 Another way to add link in both gutenberg and classic editor
- 6 How to Add Links in WordPress Text Widgets
- 7 How to Add Title and Nofollow in WordPress Links
- 8 How to Add Link Buttons in WordPress
- 9 How to Embed Linked Content in WordPress
- 10 How to Add Affiliate Links in WordPress
- 11 How to Manually Add a Link in HTML
- 12 How to Easily Add Anchor Links in WordPress
- 13 How to Easily Add Social Share Links in WordPress
A hyperlink is an icon, graphic, or text that links to another file or object. So simple and straight forward. links are use as a redirection to what you want to read about. Links are the bloodstream of the internet, which makes them really important. Imagine visiting a web page with no link for you to click on. You’ll have no option but to click on the back button in your browser.
At the time of this content, we have four types of hyperlinks on wordpress and they are:
- Text hyperlink – Uses a word or phrase to take visitors to another page, file or document.
- Image hyperlink – Uses an image to take visitors to another page, file or document.
- Bookmark hyperlink – Uses text or an image to take visitors to another part of a web page.
- E-mail hyperlink – Allows visitors to send an e-mail message to the displayed e-mail address.
Properly placing links on your website allows you to increase the time users spend on your website.
It also helps users discover more content, make a purchase on your online store, or subscribe to your email newsletter.
For individual websites, links tell your users where to click to view more information.
These are the hyperlinked text, buttons, and other elements that you click to go from one page to another or from one website to another. Never forget that all links start with W.W.W.
How to Add Links in WordPress Posts and Pages
Adding Link in New WordPress Editor
As a beginner on WordPress, It makes it really easy to add links in your blog posts and pages using the gutenberg block editor, Simply edit your post or page, or create a new one, then highlight the text that you want to attach the link to. the link text that is selected is called anchor text. You will see a box below where you can enter a url of the website.
Let me use this, how to start a wordpress site, just copy and paste the UrL of the post or page you want to link to.
If you’re linking to content on your own site, then it might be quicker to search for it.
Type a word or two from your content title, and WordPress will find it:
Click on the title of the page or post you want to link to, and the URL will be automatically added for you. Again, you’ll need to click the Apply button to put the link into your post.
If you want to set your link to open in a new tab, then click the arrow on the right. You can then click the toggle and set your link to open in a new tab.
We recommend that you only use this option for links to third-party websites. This way your users don’t leave your website while visiting it.
Adding Link in Old WordPress Editor
If you are using the older classic editor instead of the gutenberg block editor, then the process for adding a link is quite similar.
Open up the post that you want to edit, or create a new one. Find the text you want to use as the link’s anchor and highlight it. Then, click the ‘Link’ button which should appear in the first row of toolbar buttons.
You can then copy and paste the URL you want to link to, or search for it, as in the block editor.
Another, Faster, quicker way to add a link in both the block editor and classic editor is to simply paste the URL onto the anchor text.
First, copy the URL you want to link to. Then, highlight your chosen anchor text in your post.
Next, you can either right-click and select ‘Paste’. WordPress will automatically detect that you’re pasting a URL, not text, and will turn the anchor text into a link.
How to Add Links in WordPress Text Widgets
WordPress allows you to add widgets to your site’s non-content areas like sidebar, footer, or other widget areas. These widgets are automated and do not have many options. For example, the Recent Posts widget will automatically show links to your recent posts. You don’t need to do anything extra. if you want to add some custom text with links in your sidebar, then you can use the Text Widget. Go to the Appearance » Widgets page and then drag ‘Text’ widget into your sidebar or other widget area. You can then type in your text and add a link just as you would when adding one to a post or page.
How to Add Title and Nofollow in WordPress Links
It’s often useful to give your links a title. This is the text that appears when someone runs their mouse cursor over the link.
Why you need to Add Title and NOfollow in WordPress
Adding a title often makes it clear where the link leads to. It can be helpful or even reassuring for your readers. WordPress does not allow you to add title to the links with the default editor. You can still add it, and we’ll show you how to do that in a bit. You may also want to add a nofollow tag to external links. This tells search engines not to pass your site’s SEO score to that link because you don’t own or control the content on that website. You may also want to add a nofollow tag to external links. This tells search engines not to pass your site’s SEO score to that link because you don’t own or control the content on that website.
Methods of adding Links on WordPress
Method 1. Use RankMath plugin in Gutenberg
All in Rankmath SEO plugin for WordPress automatically adds the title, nofollow, sponsored, and UGC attributes to your links. so you don’t need to bother yourself too much.
Method 2. Use HTML code in Gutenberg
If you’re using the Gutenberg editor, and don’t want to use RankMath, then you’ll need to manually edit the HTML to add title and nofollow attributes to your links.
First, add your link within your paragraph block in the usual way. Next, click on the three vertical dots and select ‘Edit as HTML’
You’ll now see the HTML code for your block.
You can add a title and/or a nofollow attribute to the link. You can find out more about our company on our About Us page.
For the title, you can change “About Us” to be whatever you want. With the nofollow attribute, this should always be rel=”nofollow”. Don’t forget the double quotation marks around the title and the “nofollow” as your link won’t work correctly without them.
Method 3. Use a Plugin with the Classic Editor
If you’re using the Classic Editor, you can install and activate the the Title and Nofollow for Links plugin. This plugin will add title, nofollow, and sponsored checkbox options to the insert link popup. Highlight your anchor text and click the ‘Link’ button, then click the cog:
You’ll then see the additional options
How to Add Link Buttons in WordPress
Sometimes, you need to add a button to your WordPress posts or pages? There are many ways you can do this.
The easiest is using WordPress’s built-in Button block. Create a new post or page, or edit an existing one. Then, click the (+) icon to create a new block. Select ‘Button’ from the ‘Layout Elements’ options, or simply search for the Button block. You can type the text for your button by clicking in the colored area. Enter the URL that the button should go to in the ‘Link’ box. To change the button’s alignment, or to make the text bold or italic, just use the controls at the top of the block itself.
You can make more changes to how the button looks in the block options on the right-hand side of your screen. You can also change the link settings here. You can set your link to open in a new tab, and if you want, you can also add the ‘nofollow’ attribute to the link by typing it in the ‘Link rel’ box.
How to Embed Linked Content in WordPress
It is easy to embed certain types of content in WordPress by simply inserting its URL in your post.
This is sometimes called creating a “content card” in your post. Just paste the whole URL into its own paragraph block. The whole tweet, including images, likes, timestamp, and more will be embedded like this:
The process is the same for YouTube and Vimeo videos. Simply find the video you want to use on YouTube or vimeo and copy the URL from the top of your browser window.
Next, paste the link into your post or page. It’ll automatically embed the video.
As well as being great for Twitter posts, Facebook and YouTube videos, this method also works for many other types of content.
How to Add Affiliate Links in WordPress
Do you want to increase your site’s revenue by using affiliate links? Affiliate marketing provides a steady income to many blogs and websites.
All you need to do is add special referral links to products and services that you recommend. When your visitors purchase these products after clicking your links, you get a commission.
The problem that most we beginners face is that each product or website they want to recommend has a different URL. It’s tricky to keep track of these, especially if you’re recommending lots of products.
Both of these plugins work by creating redirect links such as www.yourlink.com/refer/partnersitename that send people to your special affiliate link.
The plugins will add a new option to your WordPress menu where you can add your affiliate links. You can set specific options for your link on the right hand side, deciding whether to nofollow it, open it in a new window/tab, and more.
Once you’re done, click ‘Save Link’.
After you’ve set up your affiliate links, you can easily add them into your posts and pages. In a paragraph block, click the down arrow then select the ‘Affiliate Link’ option
Next, type in the start of whatever you named that affiliate link.
You can then click the name and click ‘Apply’ to add the affiliate link to your post.
If you ever need to change an affiliate link (e.g. if the company you’re linking to moves to a different affiliate program) then that’s really easy to do. You just change it once in your dashboard, under “ThirstyAffiliates” or “Pretty Links”. The redirect link stays the same as before, but it’ll now redirect to the new affiliate link everywhere it’s used.
How to Manually Add a Link in HTML
Occasionally, you might want to add a link to your site using HTML code. This could happen if you need to use a custom HTML block or widget.
You might also need to directly edit a link in your theme file. Just make sure you always use a child theme so you don’t lose your changes when you update the parent theme. It’s easy to create a link in HTML.
To try it, add a custom HTML block to a post or page. You can find this block under ‘Formatting’ or you can search for it using the search bar. Next, you’ll see a box where you can write HTML. Copy this code into the box:
How to Easily Add Anchor Links in WordPress
An anchor link is a type of link on the page that brings you to a specific place on that same page. It allows users to jump to the section they’re most interested in.
These type of links are really helpful when writing longer tutorials or content, so your users can easily jump to the section they’re most interested in.
These links make it easy for your users to share your content on their favorite social networks. Sometimes social share links or buttons are also accompanied by total share count.
We hope this article helped you learn how to add a link in WordPress. If you have any issue on this, you can use our comment session or join our delegate on facebook to solve any issues related to WordPress and subscribe to our YouTube Channel for WordPress video tutorials.