How to Add Hyperlinks (Links) in Blog Posts or Pages of a WordPress Website?

The tools and plugins recommend in the site are the ones we use, have tried or tested ourselves and recommend to our readers. Marketing With WP is supported by readers like yourself. If you take an action (such as a purchase) we might earn an affiliate revenue at no extra cost to you.

A hyperlink is simply a link that directs users to another piece of content with a unique permalink within the same domain or a different one.

A hyperlink is embedded to the content on the pages and posts that redirects the users to the URL address with a simple click.

In this post, we will see how you can add hyperlinks to content on your WordPress pages and posts.

So, let’s start with adding a link to the text.

Step 1) Add or Edit a Post/Page

Start with opening a page or a post that you want to add the link to. It could be a new one or just edit an existing one.

For now, let’s edit an existing post.

edit a post from all posts screen add link in wordpress
edit a post from the posts dashboard

This will open the post on the Gutenberg editor.

Now, select the text that you want to add the link to.

And then, click on the link button on the options bar for the text. Or, you can also use the shortcut key ‘Ctrl + K’.

select text to add link in wordpress editor settings
select text to add link in the WordPress editor

Step 3) Enter the URL and Save

After that, a text box will appear to insert the link. So, simply enter the link URL there. After that, click on the Submit button.

enter the link URL and save the link
enter the link URL and save the link

If you want the link to open on a new tab, then click on the toggle button labeled ‘Open in new tab’ before saving.

select open link in new tab text link
select open link in new tab

Adding links to buttons is similar to adding links to simple text. Anyway, here’s how to do it.

Step 1) Add a button block

First, add a button block from the Gutenberg block library and type in the button text.

add a button in wordpress editor
add a button in WordPress editor

Step 2) Select the Button Text

Now, select the button text and click on the link button. Or, you can use the shortcut key ‘Ctrl + K’ after selecting the text.

click on the button link icon settings
click on the button link

Now, enter the URL for the link and click on the Submit button.

enter link url in button
enter the button link url

If you want the link to open in a new tab, then turn on the toggle button labeled ‘Open in new tab’ before submitting.

select open button link in new tab
select open button link in new tab

Next up, we will see adding a link to images.

Step 1) Add an Image

First, add an image using the image block in Gutenberg.

add image in wordpress editor
add image in WordPress editor

After that, click on the Insert Link button for the image block.

insert link button for image
click on insert link button for image

This will open a text box to enter the link URL.

Now, enter the web page’sURL that you want to link to the image. And then, submit it by clicking on the Apply button.

enter link url in image
enter link url on the image

If you want the link to open in a new tab, then click on the dropdown arrow and turn on the toggle button before saving.

select image link open in new tab option
select image link open in new tab option
Ankit S J B Rana

Ankit S J B Rana

Ankit S J B Rana is a marketing enthusiast originally from the Himalayas of Nepal and currently based out of Bangkok, Thailand.

He is currently the Marketing Director at Mbrella Films and Filma.io

Marketing With WP is Ankit's blog full of marketing insights to turn your website into a 24 hour marketing machine.

Articles: 163