> 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-a-specific-page.md).

# Display a form on a specific page

This guide helps you place your form on a specific page of your store — not on every page. Very useful when you want the form to appear only on, for example, your “Contact Us” or “Support” page.

### ⭐ Option 1 — Use the App to Assign Form to a Specific Page

Use this when you want the form to appear on a specific page (e.g. Contact page, Support page) without editing code.

**Best for:** quick setup, no coding, easy to manage — especially for simple forms on standard pages.

**Steps**

1\. Open the app > click **Forms** > open the form you want to display or create the new one

2\. Click **Publish** button at top right

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FIVzar6AtOYqxscDMraKf%2Fimage.png?alt=media&amp;token=6f6700a7-7d7e-4fcc-aa41-32bbffbe6c1b" alt=""><figcaption></figcaption></figure>

3\. Select the display of the form: default, boxed, floating, popup

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FXvgnBuR0iEh9904XvLiu%2Fimage.png?alt=media&amp;token=bb8325a9-5d2e-4131-bf2e-72059e52150c" alt=""><figcaption></figcaption></figure>

4\. On the popup, select the theme and the page you want to display the form on

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FIRgxVPmJN1gOkHC6eYR6%2Fimage.png?alt=media&amp;token=73110a84-d48d-4999-bdc2-aa84116b1c8e" alt=""><figcaption></figcaption></figure>

4\. Click **Go to theme** to enable the app embed to show form. If you enabled it, you can ignore the message

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2F7OyEfKtVNowqMHI8oZde%2Fimage.png?alt=media&amp;token=45bd5d7f-589a-4e19-8e3a-e28ec38e844f" alt=""><figcaption></figcaption></figure>

5\. Select the position you want to place the form: **At the top of the page** or **At the bottom of the page** >  Click **Publish** button

Then click **View page** to see how it looks on the site

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FwLbQEEhZ2viEDnp2Udic%2Fimage.png?alt=media&amp;token=13cc92cd-3471-4785-b985-ae858b02dd10" alt=""><figcaption></figcaption></figure>

### ⭐ Option 2 —Embed the Form Using Shortcode

**Best for:** when you need to embed a form inside custom content, blog posts, or any page where you can edit HTML.

#### **Copy embedded code of the form**

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%2FdVwjLTPSBOow2lr88hYi%2Fimage.png?alt=media&amp;token=d9bf7a8d-4123-4c25-8cfc-8f0dcc64b2c0" alt=""><figcaption></figcaption></figure>

3\. Select the display of the form: default, boxed, floating, popup

4\. Click **Get short code** > copy the short code of the form

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FexsvmySR040q3NZux7nZ%2F2025-04-18_17-16-22.png?alt=media&amp;token=fc4a229b-b0a6-4a80-82f6-2d0dc2ccb642" alt=""><figcaption></figcaption></figure>

#### **Add embedded code to the page/section you want**

For example: I would like to add the form to contact page

1\. Form Shopify admin page > click **Sale channels** > **Online stores**

2\. Click **Pages** > open a page you want

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FnVemNqGWf3pfNaEvRqsm%2Fimage.png?alt=media&amp;token=932452d4-4fc4-49d1-9db7-9efe02925e19" alt=""><figcaption></figcaption></figure>

3\. Click icon **\</>** to show **HTML** content of the page > paste the embedded code of the form here

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FQqQ1NA2FVcjiLOt0FEXW%2Fimage.png?alt=media&amp;token=7b480e62-fc87-47ef-a04e-5226e86e8595" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FerlqckKNWBroEPcmQHLx%2Fimage.png?alt=media&amp;token=4da7991a-e9d5-4cd5-a688-4eda9f66cdc9" alt=""><figcaption></figcaption></figure>

4\. Click **Save**

Then click **View page** to see how it looks on the site

#### Tutorial video

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

### ⭐ Option 3: Add the Form as an App Block in the Theme Editor

Use this when you want to insert the form as part of your theme layout — using Shopify’s theme editor. Good for themes with customizable sections or for repeating forms on multiple pages.

Learn more here <https://docs.powerfulform.com/form-setup/add-a-form-to-a-page-using-app-blocks>

### Quick Comparison

<table><thead><tr><th width="130">Method</th><th>Use Case / Benefits</th><th>Requires Coding / Editor Access?</th></tr></thead><tbody><tr><td>App → Assign to Page</td><td>Easy setup, no code, simple pages</td><td>❌ No</td></tr><tr><td>Shortcode Embed</td><td>Full control, custom pages or content areas</td><td>✅ Some HTML editing</td></tr><tr><td>Theme / App-Block</td><td>Integrates with theme layout, reusable sections</td><td>✅ Theme customization access</td></tr></tbody></table>
