# OPTION URL feature

### I. **What is Option URL feature**

Using **Option URL feature** will facilitate customers in ***seamlessly transitioning*** between different sites. \
They can choose products that share certain commonalities (e.g., design, print, etc.) but differ in other aspects (e.g., materials, product types, colors, etc.), or putting in different URLs to share more information about the product. These are the examples that you can check:

### II. How to set it up?

**Step 1:** Go to Avis Option, click on Create Option Set

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FLWhFLsSNRNXggCghHvA6%2Fimage.png?alt=media&#x26;token=7328ab80-563d-4673-a749-64b78e4c84ea" alt=""><figcaption></figcaption></figure>

**Step 2:** Add Options, you can pick any Option types in the Single Selection (Dropdown, Color/Image Swatches, Radio Button). \
\&#xNAN;*Note: The feature "Allowed open URL" will also be available on the Multiple Selections Option types.*&#x20;

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F5YnNq0wbwfOcbZCatvvt%2Fimage.png?alt=media&#x26;token=972fc1b5-4582-4c65-ac45-8ebd3a32699f" alt=""><figcaption></figcaption></figure>

**Step 3:** Fill in the Option values\
You can fill in the preferable number of values that you want to have, and it's worth noting that **Group product and Only URL** feature will not work with "Add charge" and "Bundle variant".

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FImtVmXjGWQJR4bt3wWa3%2Fimage.png?alt=media&#x26;token=cb6417ab-78cd-48d2-8564-9061767c7965" alt=""><figcaption></figcaption></figure>

**Step 4:** Assign Products/URLs to the values.&#x20;

1. **Product Group**

After filling in the values, clicking on "Add products" to assign the products to those values successfully. Additionally, you can still "Add products" without option values.&#x20;

{% hint style="info" %}
The set up of it can be seen in this vid: <https://youtu.be/pPX-zl4I74M>
{% endhint %}

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FD8KwuJXCPYCFmfsuA5wa%2Fimage.png?alt=media&#x26;token=9a1d28a6-412f-41f9-89c5-13b5f3621fd9" alt=""><figcaption></figcaption></figure>

This feature enables seamless navigation between products within your store, as demonstrated in the first section of the product page.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FDAYsP4Hs0CjQoPj5GwhV%2Fimage.png?alt=media&#x26;token=eccb3153-bed5-414e-9a74-7786d6d41127" alt=""><figcaption></figcaption></figure>

2. **Only URL**

After filling in the values, putting in the URL that you want to have in the blank boxes besides the option values. This could be any links that you want, no restrictions in forms, origins, etc.

{% hint style="info" %}
The set up of it can be seen in this vid:&#x20;
{% endhint %}

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FX5VefT6lLeL2WZaCU74z%2Fimage.png?alt=media&#x26;token=32994f5b-940f-434d-8a58-a89f8fe7d5ff" alt=""><figcaption></figcaption></figure>

The feature helps directing customer to the broader space where you can share the main ideas of the product with them or directing the customer to another section of the store.&#x20;

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FeBwRVgDuK2O0Yc8XsN2K%2Fimage.png?alt=media&#x26;token=60bdb321-1fda-4789-b5f5-3325472c6d52" alt=""><figcaption></figcaption></figure>

3. **Allowed opened URL**

After filling in the values, putting in the URL that you want in the blank boxes besides the option value, which is similar to only URL. You can either choose "Clickable option value" (a hyperlink text), or "Separate URL label" (Divide the value into 2 lines, one is the variant title and the other is a hyperlink text)

\
This feature share the main function with the Only URL feature, however, it can be added to cart. \
So it will be the combination between Only URL and the normal option value. \
And you can check out how it works on the last section here

{% hint style="info" %}
The set up of it can be seen in this vid: <https://youtu.be/g6HyzGOYk90>
{% endhint %}

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FF2jPsn1ETKLeMunHoPpT%2Fimage.png?alt=media&#x26;token=2fe7b398-ade0-4589-8cc5-7725a58a667f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FkJtRphQa5XWrzeMefg7K%2Fimage.png?alt=media&#x26;token=a8c9ae1a-ab1b-4b0a-a473-6c3cd4da7a49" alt=""><figcaption></figcaption></figure>

**Step 5:** Choose the Assigned products and hit "Save"

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FQ9gkZlY9ZvHdehBvCSNL%2Fimage.png?alt=media&#x26;token=40752238-3609-4300-b0b9-941cbfb9559d" alt=""><figcaption></figcaption></figure>

### III. Differences between the 3 Types of Option URL

<table><thead><tr><th width="172.00006103515625">Feature / Behavior</th><th>Product Group</th><th>Only URL</th><th>Allowed Opened URL</th></tr></thead><tbody><tr><td><strong>Purpose</strong></td><td>Link option values to other products in your store</td><td>Redirect customers to any internal or external URL</td><td>Combine URL redirection with option selection (can still be added to cart)</td></tr><tr><td><strong>Navigation</strong></td><td>Seamless switching between related products</td><td>Opens the assigned link directly</td><td>Opens the assigned link directly (hyperlink), while keeping the option selectable</td></tr><tr><td><strong>Add to Cart</strong></td><td>Yes, customers can add the selected product</td><td>No, clicking redirects to the link only</td><td>Yes, option value can still be added to cart along with the linked URL</td></tr><tr><td><strong>Use Cases</strong></td><td>Variants across products (e.g., Shoe 1, Shoe 2, Shoe 3)</td><td>Redirect to collection pages, product guides, or external resources</td><td>Show extra info (e.g., size guide link) while still letting customers purchase the option</td></tr><tr><td><strong>Display Options</strong></td><td>Standard option value</td><td>Standard option value + linked URL</td><td>- <strong>Clickable Option Value</strong> (turns value into hyperlink)<br>- <strong>Separate URL Label</strong> (value + hyperlink)</td></tr></tbody></table>
