> For the complete documentation index, see [llms.txt](https://docs.powerfulform.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerfulform.com/~/revisions/KRfi0fHdeAFeAhiPrH7G/form-setup/display-a-form-on-homepage.md).

# Display a form on Homepage

This guide shows you how to make your form appear on the homepage of your store.

### 🛠️ **Steps**

#### **In the Powerful Contact Form Builder app:**&#x20;

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

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

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2Ftv2muDlDIdWLAsDRgFVo%2Fimage.png?alt=media&amp;token=d7c2cd7f-bf45-4977-bdb0-4edc0f92635a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FgP1WP4H1UuxomBBMKolN%2Fimage.png?alt=media&amp;token=6092cc10-ddda-4889-b077-342429ae3d3e" 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FoCDJGQq14qIkq2WHtmjG%2Fimage.png?alt=media&amp;token=3e9afcc0-1717-4a3a-a71b-aa4f5b98c793" 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FIJEJCfpH8KrQAK5xoYGb%2Fimage.png?alt=media&amp;token=a039464a-a33f-465a-b3f8-315fbe4c752b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FweHjLbQjqx60XBz1psuo%2Fimage.png?alt=media&amp;token=296f00ec-673f-4791-8597-2ae3e78c8055" 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>" %}
