# 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="/files/EhZSxEpy6olfa6hLZKMk" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Choose a template

Choose a template that suits you! We highly recommend trying the Special templates for better visuals for your storefront!

<figure><img src="/files/IdWy2XMjE7hr6hWOPgIt" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Using the Default or Grid templates

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

<figure><img src="/files/mZcaUkN8WOAnwKe9hZTT" alt=""><figcaption></figcaption></figure>

* **Product Price** section:

<figure><img src="/files/VsUecYlweNXWwEOeBp6G" 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="/files/BZiu4m1sAm0hTkq5PLRe" alt=""><figcaption></figcaption></figure>

* **Subscription Form** section:

<figure><img src="/files/aKHK01E9zKFZveUp2C0C" 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.

<figure><img src="/files/ntN121N5Eaeb6AQCdn5S" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/XGEXmLAqlVh5FUlcXpHb" alt=""><figcaption></figcaption></figure>

* **Subscription Footer** section:

<figure><img src="/files/2OnmSQ7uUEv30Tdbbpi8" 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="/files/5o6DyWdjEkeJjYNjfBbT" 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/ta-subscription-app-support/30min) *or at* [***support@tech-arms.io***](mailto:support@tech-arms.io)***.***


---

# 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://ta-subscriptions-app.easto.io/features/customization/how-to-customize-the-subscription-widget.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.