> For the complete documentation index, see [llms.txt](https://magecomp.gitbook.io/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://magecomp.gitbook.io/shopify/apps/zap-contact-form-builder/form-list.md).

# Form list

The **Form List** page serves as the central dashboard for managing all the forms created within the app. It provides a quick overview of your forms and allows you to easily manage, edit, duplicate, or remove them.

#### Why use it?

This page helps you organize and manage all your forms from one place without needing to open each form individually.

#### Available Information

Each row displays important details about a form:

* **Form Title** - Displays the name of the form
* **Form ID** - A unique ID generated for each form used to connect the form to your storefront
* **Copy** – Quickly copy form-related details for integration purposes. Clicking the **Copy** option opens a pop-up with the **Shortcode** and **Form ID**.

  * **Shortcode** – Copy this code and paste it into your theme’s .liquid file where you want the form to appear.
  * **Form ID** – Use this Form ID when configuring the form within your theme settings or app blocks.

  <figure><img src="/files/7vfIodV31yDoGE6PV4vq" alt=""><figcaption></figcaption></figure>
* **Response** – Shows the total number of submissions received for the form. Clicking on the response count opens a dedicated page where all submitted responses are listed. You can then click the **Eye** icon to view complete details of a specific response, including all information submitted by the user through the form.

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

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

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

* **Created On** - Displays when the form was created
* **Actions** - Manage the form using available options

#### Available Actions

You can perform the following actions directly from the Form List page:

**Edit** - Modify form settings, fields, and design

**Duplicate** - Create a copy of an existing form to save setup time

**Delete** - Remove a form permanently

#### Example

If you created a **Feedback Form**, you can:

* Copy its **Form ID** and add it to your storefront
* Check how many responses it has received
* Duplicate it to create another similar form
* Edit fields and settings anytime

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

{% hint style="info" %}
**:** Use the search bar at the top to quickly find forms when managing multiple forms.
{% endhint %}
