# Quick start

In this guide, we'll walk you through the steps to create your first subscription plan for your product. We'll keep things simple and easy to follow, so you can get your subscription plan up and running in no time

## Set up subscription plan

### Step 1: Set up your first subscription

**1.1 Choose a Product for Your Subscription Plan**

Click on ‘Choose product’ in the Setup Guide. This will guide you to the Products page, where you can set up a subscription for your product

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2Fj249HczImdbWyoAY4j17%2Fimage.png?alt=media&#x26;token=4827e016-3118-478e-a8ee-b9b84244b22d" alt=""><figcaption><p>Step 1 setup guide</p></figcaption></figure>

Select the product from your store’s inventory

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2FGvAlVxnw66CNAKqRRW4s%2Fimage.png?alt=media&#x26;token=08e57ea8-9681-43c2-93ab-9755b5b33454" alt=""><figcaption><p>Select product</p></figcaption></figure>

#### 1.2 Understand Subscription Plan Settings

Once you've selected your product, you'll be taken to the subscription plan settings page. Here’s what you’ll see:

* **Product and Variant View:** You can see the product you’ve selected, along with any variants (such as different sizes or colors).
* **Preview Section:** This is where you can preview how the subscription plan will look to your customers.
* **Subscription Plan Settings:** This is where the magic happens! Let’s break down the key options

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2F0DN1ncvdqMkcQfaJB2Nw%2Fimage.png?alt=media&#x26;token=6cb8f402-8b7e-4760-8ff5-3b6e6e3b5402" alt=""><figcaption><p>Overview</p></figcaption></figure>

{% tabs %}
{% tab title="Delivery frequency" %}
**Choose the Payment Type:**

* **Pay as you go:** This option lets subscribers receive their shipments every time they make a payment.
* **Pre-paid:** This option lets subscribers pay in advance for multiple shipments

**Set Delivery Frequency:**&#x20;

Decide how often the product will be delivered to your customers. You can set this to every few days, weeks, or months, depending on what suits your product best

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2FNC1c6jvszawozXyU6CBk%2Fimage.png?alt=media&#x26;token=a7defbb0-9b64-4988-9d5d-1499e88c4f4a" alt=""><figcaption><p>Delivery frequency</p></figcaption></figure>
{% endtab %}

{% tab title="Discount" %}
Offering discounts is a great way to make your subscription plans more appealing to customers

* **Set a Fixed Discount:** You can offer a consistent discount for every order in the subscription
* **Change Discount After X Cycles:** If you want, you can set the discount to change after a certain number of subscription cycles
* **Add Free Shipping:** Consider offering free shipping on all recurring orders (excluding the initial order) to further incentivize your customers

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2FkKRlck1n1PwFVi7VCKC3%2Fimage.png?alt=media&#x26;token=aeb70cde-1aba-4dfc-96f3-562c0d648011" alt=""><figcaption><p>Discount</p></figcaption></figure>
{% endtab %}

{% tab title="Plan description" %}
This section allows you to customize the subscription options that your customers will see.

* **Change Frequency Title:** Customize the title to make it clear and appealing
* **Show Frequency Description:** Add a description to explain how often the customer will receive their subscription

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2Fni94fw4fAHEAhLhFTLAt%2Fimage.png?alt=media&#x26;token=402d8c11-e5da-44f8-ab2c-cf9b55dbff41" alt=""><figcaption><p>Plan description</p></figcaption></figure>
{% endtab %}

{% tab title="Advanced settings" %}
In the Advanced Settings section, you have more control over how the subscription plan works:

* **Apply to All Variants or Specific Variants:** Choose whether this subscription plan should apply to all variants of the product or just specific ones
* **Set Max/Min Orders:** You can set the required minimum or maximum number of orders before a customer can cancel their subscription or before it expires

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2FUSpJbCcn8lwmoYp29ZQS%2Fimage.png?alt=media&#x26;token=291dd8ea-2a4a-4b50-9a08-f1d1db47a17b" alt=""><figcaption><p>Advanced settings</p></figcaption></figure>
{% endtab %}
{% endtabs %}

#### 1.3 Save Your Subscription Plan

After you've set everything up, don't forget to click 'Save' to ensure all your settings are applied

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2FpenokorEIAJSB0vYgCnG%2Fimage.png?alt=media&#x26;token=6a488083-701d-4f8a-add9-206520a4af9a" alt=""><figcaption></figcaption></figure>

### Step 2: Add Subscription widget to your product page

Now that you’ve set up your subscription plan, it’s time to add the subscription widget to your product page. This widget is what your customers will interact with to subscribe to your product

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2F9kxbH2p4IStfybK27KHS%2Fimage.png?alt=media&#x26;token=28c03877-1ab1-4117-87b3-a266f9b61573" alt=""><figcaption><p>Step 2 setup guide</p></figcaption></figure>

{% tabs %}
{% tab title="Enable Joy Subscriptions" %}
First, you need to enable the subscription widget on your product page:

* **Click on ‘Add Widget’ in the Setup Guide:** This will guide you to the Shopify theme editor where you can add the widget
* **Enable the Widget:** In the Shopify theme editor, locate the Joy Subscriptions widget and click ‘Save.’ This action will enable the widget on your product page

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2FMnFGogVoolwQ0QY1R0fS%2Fimage.png?alt=media&#x26;token=654ae4f2-6248-4425-81c9-3466e73e4681" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Choose the Position for the Widget" %}
Next, you’ll want to choose where the subscription widget appears on your product page:

* **Select Widget Position:** You can drag and drop the widget to your desired location on the product page
* **Recommended Position:** Most merchants place the subscription widget **below the quantity selector**. This makes it easy for customers to see their subscription options right after they choose the quantity of the product they want to purchase

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2FpBXmK9ifRBSQ7cEd7Ixj%2Fimage.png?alt=media&#x26;token=ed9ae6c2-d645-44e3-b890-0045dd960b8a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Step 3: See how it looks on your store

After setting everything up, it's important to preview how your subscription widget looks on your product page. This will ensure everything is displaying correctly and aligns with your store’s design

**Click on ‘Go to Online Store’ in the Setup Guide:** This will take you directly to your product page where the subscription widget is now active

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2FvQJhwAnXZMF9v9JIuFJj%2Fimage.png?alt=media&#x26;token=8a136835-fdcb-4715-8c29-cf6d7fd96537" alt=""><figcaption><p>Step 3 setup guide</p></figcaption></figure>

**Review the Layout:** Take a moment to see how the widget looks on your product page. Make sure it's positioned correctly and that all the options are clear and easy for customers to understand

<figure><img src="https://3187547448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F787e7bihi5DEAqHqyely%2Fuploads%2FzLezwsuuJlT2i6Pb6XUW%2Fimage.png?alt=media&#x26;token=57219a70-f7c5-42a1-be58-4edc11afd730" alt=""><figcaption><p>Live widget</p></figcaption></figure>

This final step helps you confirm that your subscription setup is not only functional but also visually appealing to your customers. Once you're satisfied, your subscription plan is fully ready for action!
