# Redirect Links Elements

The **Redirect Link element** allows you to redirect customers to a **product page** when they click on an option. This is useful when you want to guide users to other related or recommended products directly from the product page.

***

### 🧩 How It Works

Each option value in this element is linked to a **Shopify product**. When a customer selects an option, they are automatically **redirected to the corresponding product page**.

***

### 🛠️ How to Set It Up

#### 1. **Add the Redirect Link Element**

In your option set, add a new **Redirect Link** element.

#### 2. **Set Up Option Values**

Choose existing products from your Shopify store to assign to each option value. Each value becomes a clickable link to that product page.

<figure><img src="/files/ArPAkRbateoQmHxBypgj" alt=""><figcaption></figcaption></figure>

You can configure the following basic settings:

* **Label / Name** – Set the title that appears above the option.
* **Required Field** – Make it mandatory for the customer to choose an option before proceeding.
* **Hidden Field** – Hide the element from customers (can still be used in logic or for advanced setups).
* **Helptext** – Show supporting information below the label to guide the customer.
* **Placeholder** – Show a default prompt in dropdown-style displays.
* **Default Value** – Pre-select an option on page load (optional).
* **Conditional Logic** – Show or hide this element based on selections made elsewhere on the form.

#### 3. **Choose Display Style**

Select how the options will appear:

* **Dropdown** – Compact list format

<figure><img src="/files/m9WRuDioPa7YFIuAlEhI" alt=""><figcaption></figcaption></figure>

* **Radio Button** – Simple bullet-style choices

<figure><img src="/files/XoIbeuN9Wrdp638k4l5N" alt=""><figcaption></figcaption></figure>

* **Button** – Modern, clickable buttons

<figure><img src="/files/JW6BlVoYv434LXqWwpZr" alt=""><figcaption></figcaption></figure>

* **Color Swatch** – Visual color options

<figure><img src="/files/sqYGkX4I80mROpuUtiO3" alt=""><figcaption></figcaption></figure>

* **Image Swatch** – Image-based options using product photos or you can upload other images for them:&#x20;

<figure><img src="/files/Nt2Fz9xsJyIWd8MMSF9r" alt=""><figcaption></figcaption></figure>

#### 4. **Save & Preview**

After assigning links and setting your display style, save the changes and test it on your storefront.

***

### 💡 Example Use Cases

* Let customers switch between similar styles or related products.
* Use color swatches to link to different color versions of the same product.
* Guide shoppers to alternate designs or editions of a product.

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email **<contact@globosoftware.net>**.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.globo.io/options/selection-option-type/redirect-links-elements.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.