> 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/zH3ocLtRhbVvMmUZwFWl/form-setup/display-a-form-on-homepage.md).

# 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/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>

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

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>" %}

***

#### 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.