# 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&#x26;token=031c7faa-c435-48cb-b361-3704c36b325f" alt=""><figcaption></figcaption></figure>

## Edit General Link Element Settings

[Open](https://help.parta.io/editor/edit-elements) 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&#x26;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&#x26;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](https://help.parta.io/editor/edit-elements/set-media-and-content-elements/image) 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.](https://help.parta.io/branding/create-branding/elements/link)

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