September 6, 2023

How to Link Elementor Text and Open Pages in a New Tab

Play Video

Wondering how to make your text in Elementor clickable? Well, today we’re showing you exactly that. We’ll cover how to link Elementor text and also how to make those links open in a new tab. So, let’s roll up our sleeves and get started!


Elementor is a fantastic tool for building websites. One of its many features is the ability to make text clickable, which is super useful for your site’s navigation. We’ll also touch on how to make those links open in a new tab.

Opening a Page in Elementor

Before you can link Elementor text, you’ll need a page to work on. You can either edit an existing page or create a new one.

  1. Open your WordPress dashboard.
  2. Navigate to Pages and select the page you want to edit.
  3. Click on “Edit with Elementor.”

You’re now ready to start editing!

How to Link Elementor Text

Highlighting Text

  1. Find the text you want to make clickable.
  2. Highlight it.

Adding the Link

  1. With the text highlighted, click on the link icon that appears.
  2. A small box will pop up. Enter the URL you want to link to.
  3. Press Enter.

Your text is now a clickable link.

Styling the Link

If you want your link to stand out, you can change its style.

  1. Go to the styling options in Elementor.
  2. Adjust the colors, hover effects, etc., as you like.

Adding Links Using the Editor on the Left

You can also add links using the editor on the left-hand side.

  1. Highlight the text you want to make clickable.
  2. Click on the link icon in the editor on the left.
  3. Add the URL and hit Enter.

Viewing the Changes on the Front End

After adding your links, you’ll want to see how they look on the front end of your website.

  1. Click on “Update” in Elementor to save your changes.
  2. Preview your page to see your clickable text in action.

Making Links Open in a New Tab

Accessing Link Options

  1. In Elementor, find the link you want to edit.
  2. Click on the pencil icon next to it.
  3. Then click on the gear icon that appears.

Enabling “Open in a New Tab”

  1. Look for the option that says “Open in a New Tab.”
  2. Enable it.

Now, when someone clicks on this link, it’ll open in a new tab, keeping your website open in the original tab.

Linking to Internal Pages

If you want to link to other pages on your own site, Elementor makes it easy.

  1. Highlight the text for linking.
  2. Click on the link icon.
  3. Start typing the name of the page you want to link to.
  4. Elementor will show you a list of matching pages. Click on the one you want.

You now know how to link Elementor text and make those links open in a new tab. It’s a small but impactful way to improve your site’s navigation. Have fun experimenting!

Required Resources

Elementor Logo
Free Options
Credit to WPLearningLab
WPLearningLab is a YouTube channel dedicated to providing comprehensive WordPress tutorials and resources for users of all skill levels. With a focus on simplifying complex concepts, the channel offers valuable insights on themes, plugins, and site optimization, as well as troubleshooting tips and best practices for creating and maintaining a successful WordPress website.
How to Link Elementor Text and Open Pages in a New Tab
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.