# Link to Element on different page - URL

**URL:** <https://community.sitejet.io/t/link-to-element-on-different-page-url/3989>\
**Category:** Website Builder\
**Tags:** cms\_element\
**Created:** [November 20, 2024, 2:17pm UTC](https://community.sitejet.io/t/link-to-element-on-different-page-url/3989 "2024-11-20T14:17:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Richard\_Honey](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/richard_honey/32/2905_2.png) [@Richard\_Honey](https://community.sitejet.io/u/Richard_Honey)\
**Post date:** [November 20, 2024, 2:17pm UTC](https://community.sitejet.io/t/link-to-element-on-different-page-url/3989/1 "2024-11-20T14:17:54Z")

</div>

#cms_element

On [this page](https://av-authority.webhive.co.za/speakers/), I linked a button element to an element on the home page. Screenshot:

 ![link to element](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/3/314fbc187debf67d863f7a882cab63813479b1fa.jpeg)

It didn’t work in preview mode when I inserted the URL like Martin explained here:

> [Link to an Element on another page?](https://community.sitejet.io/t/link-to-an-element-on-another-page/1761)

I am not sure what Martin meant with the URL. There are three options:

1. `https://cms.sitehub.io/1014044/#elementnumber`
2. `https://42ca4a-f791c.preview.sitehub.io/#elementnumber`
3. `https://av-authority.webhive.co.za/#elementnumber`

💡Note: Using URL format number 3, the effect cannot be tested/previewed, **unless the site is published** , probably because the URL doesn’t exist yet.

So, my question:  
In development, before publishing, which one of the other two URL formats should be used, and which one will be converted in the correct URL after publishing? Number 1 or 2? Or should number 3 be used like I did?

Thank you

---

<div class="post-metadata">

**Author:** ![SinaR](https://avatars.discourse-cdn.com/v4/letter/s/d07c76/32.png) [@SinaR](https://community.sitejet.io/u/SinaR)\
**Post date:** [November 22, 2024, 1:46am UTC](https://community.sitejet.io/t/link-to-element-on-different-page-url/3989/2 "2024-11-22T01:46:45Z")

</div>

Using the format below, omitting the domain part, should dynamically pick up the base URL in both in preview or published modes:

`/#elementnumber`

---

<div class="post-metadata">

**Author:** ![Richard\_Honey](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/richard_honey/32/2905_2.png) [@Richard\_Honey](https://community.sitejet.io/u/Richard_Honey)\
**Post date:** [November 22, 2024, 9:05am UTC](https://community.sitejet.io/t/link-to-element-on-different-page-url/3989/3 "2024-11-22T09:05:56Z")

</div>

A-ha!  
Thank you, Sina - it works perfectly 🙏