# Display form on product pages

### **✅** Before You Begin

 Enable App Embed on Your Theme

To make any form show on your storefront (product page, custom page, etc.), you first must ensure your theme allows app embedding.\
Please view this [guide](/display-and-placement/theme-integration.md) to learn more

***

### ⚙️ Select specific product page to add the form

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

2\. Click **Publish** button at top right > select the form layout

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2023/08/2024-09-13_16-33-06-1024x707.png" alt=""><figcaption></figcaption></figure>

3\. Select a theme  and select **Products** > one of the product to display the form

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2023/08/2024-09-13_16-33-46-1024x700.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2023/08/2024-09-13_16-35-07-1024x652.png" 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

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 open the product page on the front store to view the form

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2023/08/2024-05-14_16-26-26-1024x782.png" alt=""><figcaption></figcaption></figure>

***

### ⚙️ Display the form on all product pages

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

2\. Click **Publish** button at top right > select the form layout

3\. Select a theme and click **Products** > **All product pages** > copy the form short code

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2023/08/2024-09-13_16-43-22-1024x696.png" alt=""><figcaption></figcaption></figure>

4\. Click **Add form** button below > it directs you to theme editor > open the **default** product template

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2023/08/2024-05-20_17-22-13-1024x653.png" alt=""><figcaption></figcaption></figure>

5\. Click on the **app section** of the form Builder app > paste the form short code in the section  > **Save**

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2023/08/2024-05-20_17-23-45-1024x647.png" alt=""><figcaption></figcaption></figure>

&#x20;

Then check the form on the online store  to see the result.

***

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.powerfulform.com/display-and-placement/display-form-on-product-pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.