# 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FJvP9Y7idXALABA4XIXh1%2F2026-01-13_13-45-28.png?alt=media&#x26;token=e372031b-d1d4-4dbf-b42b-33ce4b496c79" 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%2FQ6ufneolXOfxnOouj7Sr%2F2026-01-13_14-12-10.png?alt=media&#x26;token=f8964a45-0fb2-46be-8850-d1dadc841d72" 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FQqCt76PTOMP52JL7PNps%2F2026-01-13_14-12-53.png?alt=media&#x26;token=f3e18b05-ed0b-44b1-9294-1297d7f1a29f" 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FmxiUj9DXDylsBD685Jre%2F2026-01-13_14-14-50.png?alt=media&#x26;token=dbff4ba2-06db-4ee9-a35c-419cdc285005" alt=""><figcaption></figcaption></figure>

2. 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%2Fh4FwgRB9es3pV0HnRfsW%2F2026-01-13_14-16-53.png?alt=media&#x26;token=10e468e9-dded-4386-abaf-88dac8fbbe9e" 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.