> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/options/selection-option-type/product-links.md).

# Product Links

The **Product Links** 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.

***

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

### 🧩 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 Product Links Element**

In your option set, add a new **Product Links** 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@globo.io**](mailto:contact@globo.io)**.**