> For the complete documentation index, see [llms.txt](https://help.parta.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.parta.io/editor/edit-elements/set-interactive-elements/link.md).

# Link

## What is a Link Element?

A **link** is a clickable element that directs users to another web page or online resource.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FeTE4IqvnWj09FQNbbpss%2FScreenshot_4.png?alt=media&amp;token=031c7faa-c435-48cb-b361-3704c36b325f" alt=""><figcaption></figcaption></figure>

## Edit General Link Element Settings

[Open](/editor/edit-elements.md) a link element settings window to start editing.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FzeQMZO03kL5iEki3q6JW%2FLink.01.png?alt=media&amp;token=682d5c37-06b8-4b2b-b92c-4ac4dd95b70f" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

### Link address

Enter the link to go to.
{% endstep %}

{% step %}

### Link text

Enter the text displayed instead of the link address.
{% endstep %}

{% step %}

### Open in same tab

Click **Yes** to open the link in the same browser tab.
{% endstep %}

{% step %}

### Announcement

Click **Yes** to display an additional window under the link that contains a description and/or an image representing the page the link refers to.
{% endstep %}
{% endstepper %}

The changes will be saved automatically.

## Edit Link Announcement Settings

[Enable](#announcement) announcement setting to start editing.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FIeJosE7QrGNrPDrIZ33U%2FLink.02.png?alt=media&amp;token=4913cd7f-46c4-4a73-b6b4-ab729478b6be" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

### Heading

Enter the announcement title.
{% endstep %}

{% step %}

### Description

Enter the announcement details that describe the page the link directs to.
{% endstep %}

{% step %}

### Upload

Click **Yes** to open the [image uploading settings](/editor/edit-elements/set-media-and-content-elements/image.md) window.
{% endstep %}

{% step %}

### Overlay

Click **+** to add the preview image overlay color and its intensity by using a hex color code or selecting a shade from the palette or **Branding** color list.
{% endstep %}

{% step %}

### Apply autocomplete

Click the **Apply autocomplete** button to automatically generate the announcement title, description, and preview image.
{% endstep %}
{% endstepper %}

The changes will be saved automatically.

## Brand a Reflection Element

[Set corporate branding for a link element.](broken://pages/nUuBYBiaKrlNJVNjldky)

{% hint style="success" %}
Use the [pro mode](/no-code-editor/work-in-the-no-code-editor.md) of the editor to set an element branding different from the corporate branding template.
{% endhint %}