# 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](https://docs.powerfulform.com/display-and-placement/theme-integration) 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>