In the UI editor, links are another type of element that you can add to the UI canvas. As you might guess, the purpose of this link element is to enable you to add links to other domains on the UI canvas, and ultimately, your future website.

How do you add a link into the UI canvas?

Adding a link element to the UI canvas is as simple as adding basic layout elements like blocks and grids. However, links have specific features that can be edited in the "link" section of the inspector panel once the link element is selected. Note that the link function will not redirect you when clicked inside the UI editor. It will only work when published or in preview mode.

1. Switch to the UI editor.
2. Click on the "Add elements" button in the top left corner.
3. Hover over the "Basic" section on the pop-up to open another pop-up.
4. In the new pop-up, you should see an "other" section with three elements.
5. Click on the "Link" element to add a text box to the UI canvas.
6. Double-click on the link element to enter the editing state and type your chosen text. Click elsewhere or press enter to exit editing mode and save the text.

You can also make other elements clickable links by adding them as child objects of the link element. If you're unsure about managing the hierarchy view, visit the managing scene hierarchy section.

Untitled

How do you edit link specific settings in the UI canvas?

After adding text to the UI canvas, there are specific link-only settings you can modify. To view these, click on the added link element and scroll down to the last section on the right-side inspector panel. These options include:

• Link to: Enter the URL of the website you want to link to in this field. The link element will not work without a valid URL.
• New tab: Select this option if you want the link to open in a new tab when clicked.

Untitled

👉 Want to learn about how Smooth Scrolling works?

Smooth Scrolling