# Create Your Own Widget

### 1. Introduction:

Use the **Create Widgets** tab to:

* Create new subscription widgets
* Edit layout and purchase options
* Organize and prioritize how widgets appear on product pages
* Enable/disable or publish/unpublish widgets anytime

With full control over subscription display, Widgets help you boost conversions and clearly communicate your value.

### 2. How to use:

{% stepper %}
{% step %}

### Create widget

Go to Widgets > Create new widget

<figure><img src="https://1162527299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx6Y711bqgeJWSrawEhaP%2Fuploads%2F4MtqI0XHjMAB1zLvgTtc%2Fimage.png?alt=media&#x26;token=f2e60850-6272-46db-9b98-cbeadc765c70" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Choose a template

Choose a template that suits you!

<figure><img src="https://1162527299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx6Y711bqgeJWSrawEhaP%2Fuploads%2Ff5y1MnF6SAIcV5bHqMcq%2Fimage.png?alt=media&#x26;token=475b40a2-1bfc-40a7-8697-003df18f8950" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Edit the widget

You'll then see a preview to customize your widget. You can edit all of the parts here.

<figure><img src="https://1162527299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx6Y711bqgeJWSrawEhaP%2Fuploads%2FdJf5h2mkn9E6kOHy9TEG%2Fimage.png?alt=media&#x26;token=9644e4c6-1ffd-4967-923a-150ab9b02c38" alt=""><figcaption></figcaption></figure>

* **Product Price** section:

<figure><img src="https://1162527299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx6Y711bqgeJWSrawEhaP%2Fuploads%2FRwBlOifNAIP1JEDfkFJ9%2Fimage.png?alt=media&#x26;token=8c7ae9b1-987a-4dca-b825-71f7db19e233" alt=""><figcaption></figcaption></figure>

The Product Price section helps you edit how the ***subscription*** and ***compare-at prices*** are displayed to the customers, as well as the ***subscription discount***. You can edit the size, color, and style of each information by clicking in the corresponding block. Feel free to add more blocks as you like!

<figure><img src="https://1162527299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx6Y711bqgeJWSrawEhaP%2Fuploads%2FHt08kxd2gF6Sss7Onx4m%2Fimage.png?alt=media&#x26;token=0316bcac-90d8-4395-881a-33700eafa3d7" alt=""><figcaption></figcaption></figure>

* **Subscription Form** section:

<figure><img src="https://1162527299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx6Y711bqgeJWSrawEhaP%2Fuploads%2F7VdNRjmUx65P8x6AmLqp%2Fimage.png?alt=media&#x26;token=c14c6525-7e87-4649-b52b-6f062fb6097f" alt=""><figcaption></figcaption></figure>

This Subscription form section allows you to adjust the main part: how the ***subscription plan groups*** and ***prices*** are shown to customers. You can change the title, spacing, style, color, and even display text and prices as well. Or you can customize the little "Save" badge into any text that you like, for example: Get 15% off for first order.&#x20;

<figure><img src="https://1162527299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx6Y711bqgeJWSrawEhaP%2Fuploads%2F47dTn6Wr70BBqa38151N%2Fimage.png?alt=media&#x26;token=17c9d3c2-cfa9-4b37-8703-fd4d5ee8165b" alt=""><figcaption></figcaption></figure>

> Note: You can add additional blocks and drop them in your desired position like this&#x20;

<figure><img src="https://1162527299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx6Y711bqgeJWSrawEhaP%2Fuploads%2FYcS4G0qo3p2aVkKJBNIp%2Fimage.png?alt=media&#x26;token=e68c0f8c-8c02-4873-93b2-4224bd4ff6e6" alt=""><figcaption></figcaption></figure>

* **Subscription Footer** section:

<figure><img src="https://1162527299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx6Y711bqgeJWSrawEhaP%2Fuploads%2FOlqNqfqEdbNQDV1VhKuy%2Fimage.png?alt=media&#x26;token=cc186fd7-7530-410f-a9a9-a9c6d6f339a5" alt=""><figcaption></figcaption></figure>

This section gives you the opportunity to provide customers with ***extra information*** about subscription options. Just like the other parts, you and adjust the content and style any way you like to match your product and plans!

<figure><img src="https://1162527299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx6Y711bqgeJWSrawEhaP%2Fuploads%2Fb0EZSyXQbWZrURctFF1Z%2Fimage.png?alt=media&#x26;token=f64980c4-6fe5-48e2-ad75-a7ae9a32ec18" alt=""><figcaption></figcaption></figure>

> Note: Some customers need extra information to make up their minds, so don't forget to include subscription footer in your store!
> {% endstep %}
> {% endstepper %}

*If you need help, feel free to reach out to us via in-app* [***Live chat***](https://go.crisp.chat/chat/embed/?website_id=c4ae10a3-f762-4968-b35a-c931caf62a96)***,*** [***Book a call***](https://calendly.com/easto-support/30min) *or at* [***support@tech-arms.io***](mailto:support@tech-arms.io)***.***