# Display a form on Homepage

### 🛠️ **Steps**

#### **In the Powerful Contact Form Builder app:** 

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

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

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

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

<figure><img src="/files/0hdk3mnoHC1Dk6TWvRkU" alt=""><figcaption></figcaption></figure>

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

Another way:

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

#### **In the Theme editor:**&#x20;

1\. From Shopify admin page > click **Online store** > **Themes** > click **Edit theme** button of the theme you want > open **Hompage** template

2\. On the left side, click **Add section** > select **Form Builder** app

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

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

<figure><img src="/files/3rdaP2VTULKV5AuKtBMw" alt=""><figcaption></figcaption></figure>

4\. You can drag and drop to change the position of the app block (the form) on the Homepage

5\. Click **Save** to update the Theme editor

Go to front store to check the form on Homepage.

### ▶️ Tutorial video

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


---

# 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/~/revisions/KRfi0fHdeAFeAhiPrH7G/form-setup/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.