> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/infinite-options/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/infinite-options/welcome/how-to-install.md).

# Turn on Infinite Options for Your Theme

Before your custom options can appear on your storefront, you'll need to turn on the **Infinite Options app embed** in your theme.

This only needs to be completed once for each Shopify theme you use.

Once enabled, Infinite Options automatically displays your options above the Add to Cart button on your product pages. No manual placement required.

{% hint style="info" %}
Want your options to appear at an exact spot on the page instead of above the Add to Cart button? See [**Optional: Manually Position Your Options Within a Product Template**](#optional-manually-position-your-options-within-a-product-form) below.
{% endhint %}

## Enable Infinite Options by Turning on the App Embed

### Step 1: Open the Theme Editor

From your Shopify admin:

* Go to **Online Store > Themes**.
* Click **Customize** next to your current theme.

![](https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2Fgit-blob-bce3450154746f15f4117eedf759251813795000%2Fdocsassets555e25e4e4b027e1978e1c9aimages67c2677a51100a4414b4578efile-kuibfvneui.png?alt=media)

### Step 2: Turn On the Infinite Options App Embed

In the header of the theme editor:

* Click the **App embeds** icon.

<figure><img src="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2FEeV43tYeymQUl7i1zcgK%2Fimage.png?alt=media&amp;token=6c3532ff-55c6-429f-9a12-4b02c2cf1cbf" alt=""><figcaption></figcaption></figure>

* Find **Infinite Options** in the list.
* Toggle it on.

<figure><img src="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2FDYdydodmTj4np67hLh4y%2Fimage.png?alt=media&amp;token=6b05f734-0533-4901-85b9-215f49959b63" alt=""><figcaption></figcaption></figure>

### Step 3: Save Your Changes

Click **Save** in the upper-right corner.

Once saved, your options will automatically appear above the Add to Cart button on your product pages.

## Optional: Manually Position Your Options Within a Product Template

The app embed places your options in the default position, above the Add to Cart button.

Follow the steps below **only if** you want your options to appear at an exact spot instead. This involves the **Infinite Options Fields** block to your product template manually.

{% embed url="<https://youtu.be/jrFaPVsHyEg>" %}

### Step 1: Open the Theme Editor

From your Shopify admin:

* Go to **Online Store > Themes**.
* Click **Customize** next to your current theme.

![](https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2Fgit-blob-bce3450154746f15f4117eedf759251813795000%2Fdocsassets555e25e4e4b027e1978e1c9aimages67c2677a51100a4414b4578efile-kuibfvneui.png?alt=media)

### Step 2: Open Your Product Template

At the top of the theme editor:

* Click the page selector dropdown.
* Select **Products**.
* Choose your product template.

The product template controls how your product pages look. Most merchants use the **Default product** template.

![](https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2Fgit-blob-3bca4c798aa1b341821878376adf3dc54d44c3c5%2Fdocsassets555e25e4e4b027e1978e1c9aimages67c267d16186b86a80db847efile-zdl8iftmdf.png?alt=media)

### Step 3: Add the Infinite Options Fields Block

In the left sidebar:

* Locate the section that contains your product information, such as the title, price, variants, and **Add to Cart** button.
* Click **Add block**.
* Open the **Apps** tab.
* Select **Infinite Options Fields**.

**Note:** Only add one **Infinite Options Fields** block to your product template. It will automatically display every Option Set assigned to that product.

![](https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2Fgit-blob-3fa3b4f25fb9250ae6918f0adc32a4998c029321%2Fdocsassets555e25e4e4b027e1978e1c9aimages67c2680e8d85554a90d68ac8file-xjzmv65yld.png?alt=media)

### Step 4: Save Your Changes

Click **Save** in the upper-right corner.

Once you've saved your changes, any Option Sets you create and assign in Infinite Options will automatically appear on your product pages.

You can now begin creating options.

***

### Where Infinite Options Can Be Displayed

Infinite Options can display on:

* Product pages
* Featured product sections that display a single product

Infinite Options can't display on:

* Collection pages
* Quick view popups
* Sections that display multiple products

### Switching Themes?

If you switch to a new Shopify theme, you'll need re-enable the app embed in the new theme's editor before your options will appear.

Your Option Sets and settings are preserved, but the app embed isn't toggled on automatically between theme changes.

This also applies if you:

* Duplicate a theme and publish the duplicate.
* Install a new theme.
* Have a developer build a new theme for your store.

For step-by-step instructions, see: [Infinite Options After Switching Themes (2.0)](https://shoppad.gitbook.io/infinite-options/welcome/infinite-options-after-switching-themes-2.0)

## Next Steps

Now that Infinite Options is installed, you can:

* [**Create your first Option Set**](broken://pages/IO1OGAx7853cC6d7dKPe)
* [**Add additional costs** ](broken://pages/SGYb79sqsqZphuu2m9uo)with Native Bundling.
* [**Swatches**:](/infinite-options/inputs-and-field-settings/create-swatches.md) Attach images or colors to options
* [**Date Picker**](broken://pages/dtv3wSNbKIdpXb94pesi): Add a calendar option so customers can select a date
* [**Conditional Logic**](/infinite-options/conditional-logic/conditional-logic.md#how-conditional-logic-works): Show or hide options based on previous selections
* [**Creating a Variety Pack**:](/infinite-options/popular-setups/mix-and-match-variety-pack-or-gift-pack-example.md) Allow customers to choose multiple scents or flavors

### Troubleshooting

**My options aren't appearing**

Check that:

* The Option Set is assigned to the correct product.
* The Option Set has been saved.
* The **Infinite Options Fields** block has been added to the correct product template.
* You're viewing the same theme you installed Infinite Options on.

Need more help?

[**My options are not showing**](/infinite-options/troubleshooting/my-options-are-not-showing.md)

<details>

<summary><strong>Do I need more than one Infinite Options Fields block?</strong></summary>

The Infinite Options Fields block is no longer required for your options to display.

However, if you've chosen to [manually position your options within a product form](https://app.gitbook.com/o/J0WU3PPrXnLxLliM5RXF/s/glwgaFVh2VmGBjtIbnDb/~/edit/~/changes/705/welcome/how-to-install#optional-manually-position-your-options-within-a-product-form), each product template only needs one **Infinite Options Fields** block. That single block will display every Option Set assigned to the product.

Adding additional blocks won't display more options and may cause your options to appear multiple times.

</details>

<details>

<summary>My options still aren't appearing</summary>

Try the following:

* Refresh your browser.
* Preview the theme again.
* Confirm you're viewing a product that's assigned to your Option Set.

If everything looks correct and your options still don't appear, contact our support team and we'll be happy to help.

</details>

<details>

<summary><strong>My product page looks different from the examples</strong></summary>

Themes organize product information differently.

Contact our support team if you need assistance.

</details>
