# 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FhWXT0LJvGXepEycTRNMI%2Fimage.png?alt=media&#x26;token=6c97fcc9-65e0-43c8-a4be-8223c839cc81" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FOO1T7qYL8RDun8u7Oahc%2Fimage.png?alt=media&#x26;token=19f9fc90-3b3d-415e-a37a-6a3b850b390a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FMGLQKj11Agkx2HfrQylv%2Fimage.png?alt=media&#x26;token=c4c480cf-68dc-4c85-8c67-55c3fcf3569e" alt=""><figcaption></figcaption></figure>

* **Button** – Modern, clickable buttons

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2F8FEy6ZhbYqLJ6uOalPho%2Fimage.png?alt=media&#x26;token=c22f83ef-722c-483a-a804-126318f38a37" alt=""><figcaption></figcaption></figure>

* **Color Swatch** – Visual color options

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FP71Aru3I0KpEOZuio39f%2Fimage.png?alt=media&#x26;token=2a58577d-363b-4c2d-bb14-b8cff878c387" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2F4XlIXkWTZmWOk2WTZA3E%2Fimage.png?alt=media&#x26;token=e2856c34-82f1-4531-8408-350f79933075" 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>**.