# Plan Picker

{% hint style="warning" %}
App blocks are only supported on Shopify Online 2.0 themes if you aren't using a Shopify Online 2.0 theme, please proceed to the [manual setup section](broken://pages/0CpiDdlJKzqnk8hG3qPD)
{% endhint %}

## Adding the Skio Plan Picker to your product pages

1. Navigate to your Shopify Admin Dashboard and select Online Store located in the Sales Channels section
2. Duplicate the live theme of your store to safely make changes without affecting the live site
3. Click customize on the newly created duplicate theme
4. Navigate to your product page template 

<figure><img src="/files/31MZXQsfIOQbhV1ajUzZ" alt="" width="563"><figcaption></figcaption></figure>

5. Under Product information, select add new block, then select Skio Subscriptions

<figure><img src="/files/4Ylm2bnWoZBszFmlUb9Y" alt="" width="563"><figcaption></figcaption></figure>

6. Adjust the placement of the Skio Plan Picker to where you would like&#x20;
7. Customize the Skio Plan Picker to your liking and then click save

{% hint style="info" %}
Ensure the Form ID syntax matches that of the form ID in your theme. This is already configured for Dawn based themes, but may require adjustments for others.&#x20;
{% endhint %}

<figure><img src="/files/OpfoClQB5aMLwpeLgZGe" alt="" width="563"><figcaption></figcaption></figure>

8. Preview the duplicate theme and ensure everything is working properly. You can do this by selecting a subscription using the Skio Plan Picker and navigating to checkout. If you see an interval under the selected product everything is working properly!&#x20;
9. When ready, publish the new theme to start selling subscriptions with Skio!&#x20;


---

# 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://integrate.skio.com/skio/app-block-setup/plan-picker.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.