# Display a form on Homepage

### 📝 **Steps to add form**

#### **Copy the form shortcode in the app**

1\. Open the app > click **Forms** > open a form you want

2\. Click **Publish** button on the right corner

<figure><img src="/files/26t8ohePCSyWMGMvkhU1" alt=""><figcaption></figcaption></figure>

3\. In Which page type you want to display, select **Homepage**

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

4. Copy the short code of the form > click **Add form** button > it directs you to theme editor

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

#### **Add form shortcode to the Homepage template**

1. In the theme editor, click **Add section** > select **Form Builder** app

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

2. Paste the form code (embedded code) to the content of app block

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

3. You can drag and drop to change the position of the app block (the form) on the Homepage
4. Click **Save** to update the Theme editor
5. Go to front store to check the form on Homepage.

***

### ▶️ Tutorial video

{% embed url="<https://www.youtube.com/watch?v=5y9WGWkxGbs>" %}

***

#### Need More Help?

If you still need assistance, please contact us at [**support@powerfulform.com**](mailto:support@powerfulform.com). Our team will be happy to help you resolve any issues or guide you further.


---

# 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.powerfulform.com/display-and-placement/display-a-form-on-homepage.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.