# Overview

{% @arcade/embed flowId="F4oToYSrZAGVn2A9k4Up" url="<https://app.arcade.software/share/F4oToYSrZAGVn2A9k4Up>" %}

## Widgets Per Subscription

But, when you purchase paid widget plans, you will have the option to add more widgets to your account. Currently, we offer four different plans:

* **Free Plan:**
  * One Engagement Widget™
* **Startup Plan:**
  * 3 Engagement Widgets™
* **Growth Plan:**
  * 10 Engagement Widgets™
* **Agency Plan:**
  * Unlimited Engagement Widgets™

{% hint style="info" %}
[To learn more about ChatHQ pricing options click here](https://docs.chathq.io/engagement-widgets/www.chathq.io/pricing)
{% endhint %}

***

## Adding New Widgets

{% embed url="<https://www.loom.com/share/7cefa71843c74cf89093a372fec5f38d?sid=992c94db-a14e-4896-b04a-bbf0c187b28f>" fullWidth="false" %}

* Click on the “+” icon next to the widget drop-down selector. When you hover over the button you will see a tooltip that reads "Add new widget"
* A new widget will be added with a default name with a 13-digit random number
  * **Example:** <mark style="color:blue;">Widget 1671661186558</mark>

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

### Selecting Widgets

When you are ready to start editing your widgets, you will need to select your widget from the list of purchased widgets. If you are on the free plan, you will only have 1 widget to choose from.

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

### Renaming Widgets

* By default, the new widget will have a unique identifier (a mix of letters and numbers).&#x20;
* You can easily click on this identifier to rename the widget as per your preference.

### **Duplicating Widgets**

* If you've perfected a widget and wish to use it as a template for another page, use the "duplicate" feature.

***

## Deleting Widgets

{% hint style="danger" %}

#### **Deleting Widgets is Permanent**

Before proceeding with the widget deletion, it's crucial to note that deleting a widget is a permanent action. Once a widget is deleted, it cannot be restored. Ensure you want to remove the widget entirely from your account before proceeding with deletion.
{% endhint %}

{% embed url="<https://www.loom.com/share/788c8c2242134019b48241978a4a5621>" fullWidth="false" %}

#### How To Delete a Widget

* **Locate the Red 'Delete Widget' Button:** Scroll down your chatHQ portal account interface until you see a red button labeled '**Delete Widget'**.
* Click on '**Delete Widget**': After clicking this button, a new prompt will appear.
* **Confirm Widget Removal**: The prompt will display a 'Confirm Widget Removal' button, along with options for confirming or canceling the action. You will have the choice to select 'Yes, I want to delete it' or 'No, I do not want to delete this.'
  * **If you choose 'Yes'**: The widget will be permanently deleted.
  * **If you choose 'No':** The widget will remain in your account.

#### When Should I Delete a Widget?

While customization options are available through updating your conversion tools and targeted prompts, there might be specific scenarios where you should delete a widget. One such case is if someone unauthorized gains access to your installation code. Under such circumstances, deleting the widget is highly recommended.

***

## Widget Preview Window

As you edit and change your widgets, you will have a preview window showing all of your changes LIVE right when you change them! You will also have the capability to use the widget as you edit it to test out the features and functionality!

{% embed url="<https://youtu.be/hMIi2gGTVLM>" fullWidth="false" %}

#### Accessing the Preview Window

To begin, navigate to the "**Engagement**" section within your ChatHQ portal. From there, click on "**Conversion Tools™**" You'll be presented with a list of all the Conversion Tools™ you've created. On the right side of the screen, you'll find the Preview Window.

#### Previewing Conversion Tools™

The Preview Window provides a quick glimpse of all your different Conversion Tools™. To get a closer look at a specific tool, simply click on it to open the editing section. Here you will see what your Conversion Tools™ will look like once your tool is live. Importantly, any customizations you make on the left side of the screen will instantly appear in the Preview Window on the right.

### Main View and Tool View

Two primary views for your Conversion Tools™ are available: "**Main View**" and "**Tool View**".&#x20;

* #### Main View

  Clicking on "**Main View**" lets you see the list of all your Conversion Tools™. This is the view that visitors on your website will see when they open your Engagement Widget™.

* **Tool View**

  Switching to "**Tool View**” displays the specific tool you've selected for customization. This is the view that visitors to your website will see when they open the Conversion Tool™ in your Engagement Widget™.


---

# 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://docs.chathq.io/engagement-widgets/overview.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.
