Anchor links are used to link to a specific block/item on a page. Two main aspects are involved in creating an anchor link. Firstly, you will have to assign an ID to the section you want to specifically link to. Secondly, you will have to add the anchor link behind the button/text you want to link from.

We will use the following example:

“Hotel 1 wants to link from there homepage, directly to the section on the Rooms-page, that describes the different room types.”

An anchor link can also be created for a title, paragraph or specific button – almost every element that you can access in Elementor.

1. Add / Assign an (CSS) ID to the Section

  1. Navigate to the specific section you want to create the ID for. In this case, the Rooms Type-section. Make sure the blue lines covers the whole section you want to create the ID for.
  2. Right-click on this section > ‘Edit Section’. (If you want to create the ID for a specific title or button, you right-click on this and press ‘Edit’. The next steps are the same) 
  3. On the left side a menu appears. Press ‘Advanced’
  4. CSS ID > In this field you can assign the ID. In this example we assigned the ID: rooms-types.
  5. Go to the bottom of the page to save your changes > ‘Update'

2. Creating the Anchor Link

  1. In this example, we want to link from a button on the homepage, to this seciton on the Rooms-page.
  2. We add the link like we would add any link. If you need help, how to, you can read this article: Adding Internal and External Links. In this case we have the URL: https://hotel1.com/rooms
  3. The only thing that is left to do, is to add the ID you have just created for the section, after a hashtag: #rooms-types.
  4. The complete URL that you will add is then: https://hotel1.com/rooms/#rooms-types
  5. Save your changes at the bottom of the page by pressing ‘Update’.


You have now created the anchor link!