# Theme integration

### ⚙️ Enable App Embeds in Your Theme

To show the form on the front store, firstly please make sure that the app embeds is enabled on your theme.

Learn more about [App embeds](https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/apps#app-embeds)

#### **Steps:**

1\. Go to Shopify backend > click **Online stores** > **Themes** 

2\. Find the theme you want to the app to work on > click **Edit theme** button  > it opens the theme editor

<figure><img src="/files/8PZpFgPu1DadD08WhxxU" alt=""><figcaption></figcaption></figure>

3\. On the sidebar, click the **App embeds** icon > Select the app embed of **Powerful Form Builder** app> click the toggle to activate it.

<figure><img src="/files/3GyMVJVLuRUkZQ15CmLj" alt=""><figcaption></figcaption></figure>

4\. Click **Save** to update the change in the theme editor

Preview your store to view the embedded app live.

Note: If you want to be safe, first test the form integration on a duplicate or unpublished theme — especially if your store is live. This helps avoid disrupting live visitors.

***

### ❌ How to Remove (Uninstall) the App from a Theme

To uninstall the app from the theme, you just need to disable the app embeds on you theme.

#### Steps

1. From then Shopify admin page, click **Online stores > Themes**&#x20;
2. Find the theme you want to the app to work on > click **Edit theme** button  > it opens the theme editor
3. Click the **App embeds** icon > elect the app embed of **Powerful Form Builder** app or click the **Search** bar and enter a search term to search (Form Builder) through your installed apps
4. Beside the app embed that you want to activate, click the toggle to deactivate it
5. Click **Save**

***

### 💡 Tips for a Smooth Integration

* **Test on an Unpublished Theme First**: Before applying the app to your live theme, it's recommended to test it on an unpublished theme to ensure everything works as expected.
* **Create a Theme Backup**: Before making any changes, create a backup of your theme by duplicating it. This allows you to revert to the original version if needed.​
* **Compatibility Check**: Ensure that your theme supports app embeds. If you're using a custom theme, you may need to consult with a developer.

***

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


---

# 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/theme-integration.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.