# How To Link A Button Or A Page To Another Page In Elementor?

Here are the steps to link a button or a page to another page in Elementor. You can also use these steps to link Headings, Images, Icons, etc. to a page.

Author: Abhijit Rawool
Source: https://abhijitrawool.com/how-to-link-a-button-or-a-page-to-another-page-in-elementor/
Published: 2020-06-08T08:29:23Z
Updated: 2020-07-01T09:45:43Z

Do you want to link a button to another page in Elementor? Or just link one page to another page?

**Given below are the steps to link a button or a page to another page in Elementor:**

1.  **Edit the page on which you want to place the button.**
2.  **Click the Edit with Elementor button to edit the page with Elementor.**
3.  **Drag-and-drop the Button widget on the page from the left-side Elementor panel.**
4.  **The Button widget settings will display in the left-side panel.**
5.  **In the Link field, start entering the name of the page to which you want to link the button.**
6.  **The page name will appear in the drop-down. Select the page you want. The button will get linked to that page.**
7.  **Save your changes.**

Let’s take a detailed look at each of these steps now.  
  

## 1\. Edit The Page With Elementor

First, edit the page from which you want to link to another page.

[

<img loading="lazy" decoding="async" width="1024" height="829" src="/wp-content/uploads/2020/06/edit-page-1024x829.png" alt="Edit page">

](/wp-content/uploads/2020/06/edit-page.png)

Then, click on the Edit with Elementor button to edit the page using Elementor.

[

<img loading="lazy" decoding="async" width="1024" height="829" src="/wp-content/uploads/2020/06/edit-with-elementor-1024x829.png" alt="Edit with Elementor">

](/wp-content/uploads/2020/06/edit-with-elementor.png)

  

## 2\. Add The Button To The Page

On clicking the Edit with Elementor button, you will be taken to the front-end of your website with Elementor active.

Now, drag-and-drop the Button widget on the page.

[

<img loading="lazy" decoding="async" width="829" height="1024" src="/wp-content/uploads/2020/06/drag-and-drop-button-widget-829x1024.png" alt="Drag-and-drop Button widget">

](/wp-content/uploads/2020/06/drag-and-drop-button-widget.png)

  

## 3\. Link The Button To Another Page

After adding the Button widget to the page, you will see the Button widget settings on the left-side panel.

In the Link field, start typing the name of the page to which you want to link the button. Select the page you want to link to from the drop-down.

[

<img loading="lazy" decoding="async" width="829" height="1024" src="/wp-content/uploads/2020/06/link-button-to-page-829x1024.png" alt="Link button to a page">

](/wp-content/uploads/2020/06/link-button-to-page.png)

Once you select the page, save your changes.

And that’s it!

You have now successfully linked one page to another page using Elementor. Now, if anyone clicks on the button, they will be taken to the other page.

Alright! What Next?  
  

## How To Link Headings, Images, Icons, etc. To A Page In Elementor?

The process of linking the headings, images, icons, etc. to another page in Elementor is the same as linking the button to a page.

You will have to use the Link field of the Heading, Image, Icon, etc. widgets to link them to a page.

Follow the steps given above for the Button widget. The only difference is that instead of the Button widget, you will use the Heading, Image, Icon, etc. widgets.

**Related Further Reading:**

-   [Is Elementor SEO Friendly? (Proven With Facts And Stats)](/is-elementor-seo-friendly/)
-   [How To Add Alt Text To Images In Elementor? (Step-by-Step)](/how-to-add-alt-text-to-images-in-elementor/)
-   [2 Ways To Add A Phone Number In Elementor And Make It Clickable](/how-to-add-phone-a-number-in-elementor/)
-   [How To Hide A Section Or Widget In Elementor? (The Easy Way)](/how-to-hide-a-section-or-widget-in-elementor/)
-   [How To Add Contact Form 7 Form In Elementor Without Any Plugin](/how-to-add-contact-form-7-form-in-elementor/)  
      
    

## Video Tutorial

<iframe loading="lazy" title="Link A Button Or A Page To Another Page In Elementor Tutorial" width="500" height="281" src="https://www.youtube.com/embed/A6OfrxX_rdY?feature=oembed" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

[Download Website Builders’ Toolbox](/toolbox/)

  

## Before You Go!

Linking a page to another page in Elementor using Button, Heading, Image, etc. widgets is straightforward. Just follow the steps I have outlined above.

And if you still have any questions, then I am always here.

Finally, if you liked this small tutorial, then please share it with your friends, I will really appreciate it.
