> 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/display-and-placement/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/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 <contact@globo.io>. Our team will be happy to help you resolve any issues or guide you further.