How to Add a Link in Elementor

Links do two jobs at once: they help users navigate your site, and they signal to search engines how your content is organized. Internal links — those connecting one page of your site to another — pass authority between pages and keep visitors exploring longer. External links to credible sources can reinforce your content’s authority in Google’s eyes.

From a conversion standpoint, a well-placed link or button can guide users toward the action you actually want them to take, whether that’s signing up, reading more, or buying something. Leaving pages unlinked is one of the most common reasons a new site fails to generate leads.

Elementor makes linking straightforward. You can attach a link to text, headings, buttons, icons, and images — all from the same left-hand panel in the editor. The method you use depends on which element you’re working with.

Open your page in the Elementor editor and drag a Text Editor widget onto the canvas (or click an existing one). In the left panel, you’ll see a content area where you can type or paste your text.

Highlight the specific words you want to turn into a link. A small formatting toolbar will appear above your selected text — click the chain-link icon (Insert/edit link). A small dialog box opens where you paste your URL.

Tips to get right:

• Click the gear icon inside the link dialog to open link settings. Check “Open in new tab” for external links so users don’t leave your site.
• You can also type a page name or post title to search your own site — Elementor will autocomplete internal URLs.
• Use descriptive anchor text (“how to speed up WordPress”) rather than generic phrases like “click here” — it matters for both usability and SEO.

Once you’ve pasted the URL and configured settings, click the blue arrow button to apply. Update your page when done.

Heading elements in Elementor have a built-in Link field that makes adding a hyperlink to an entire heading very simple.

Click on the heading widget in the editor. In the left panel, under the Content tab, you’ll see a Link field. Paste your URL directly into that field.

A few things to know:

• The link wraps the entire heading text — you can’t link part of a heading, only the whole thing.
• Click the settings icon next to the link field to access the “Open in new tab” checkbox and the nofollow/sponsored options.
• Always use HTTPS URLs, not HTTP, especially when linking to your own site or trusted external sources.

This method works well for section headings that introduce a topic or step — for example, linking a heading like “Our WordPress themes” to your themes landing page.

Buttons are the most common way to create a clear call-to-action link in Elementor. To add one, search for the Button widget in the Elementor search bar and drag it onto your page.

In the left panel under the Content tab, you’ll see a Link field immediately below the button label. Paste your destination URL there. You can also link to a phone number (tel:+15550001111), an email address (mailto:[email protected]), or even a file download.

For linking to an image or file:

• Buttons are the right tool when you want a visually prominent link — use them for “Download PDF,” “View Demo,” or “Go to Store”-type links.
• You can also link to a specific section on the same page using an anchor ID: type a hash (#section-id) in the URL field and Elementor will scroll to that section on click.

Click the settings icon next to the Link field to set whether it opens in a new tab, add nofollow attributes, or mark it as sponsored. Click Update when finished.

The Icon widget supports linking, making it useful for social media icons, document links, or any situation where a visual symbol works better than text.

To add an icon with a link, search for “Icon” in the Elementor widget panel and drag it onto the page. In the left panel under the Content tab, find the Link field and paste your URL.

Practical tips:

• Use the Link settings icon to open the URL in a new tab — especially important for social media links where you want users to keep your site open.
• For SEO-conscious linking, you can add a “nofollow” attribute through the link settings. This tells search engines not to pass link authority through that link — useful for affiliate or paid links.
• Anchor links work here too: enter a hash followed by a section ID (e.g., #contact) to create a “jump to section” icon button on the same page.

Images are one of the most common link targets on a website: logos linked to the homepage, product photos linked to product pages, banner graphics linked to a promo page. In Elementor, linking an image is just as straightforward as the other methods.

Drag an Image widget onto the canvas, or click an existing one. In the left panel under the Content tab, find the Link field. Select “Custom URL” from the dropdown and paste your URL.

Getting it right:

• Click the settings icon next to the link field to set “Open in new tab” for external links. Affiliate links and links to third-party sites should always open in a new tab.
• The Link field accepts any URL format: a standard HTTPS URL, a mailto: address, a tel: number, or an anchor link (#section-id).
• If you’ve added an image as a background (not as an Image widget), you cannot link it directly. Use an Image widget instead, or place a transparent Button widget on top of the section.

One note on alt text: if the image functions as a link, write alt text that describes both what the image shows and where it goes. For example: “Astra theme homepage screenshot, visit the Astra website” is more helpful than just “Astra theme.” This helps users on screen readers understand the purpose of the link.