> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/filter/basic-knowledge/integrate-app-to-theme.md).

# Integrate app to theme

✨This guide will walk you through the steps to integrate the **Smart Product Filter & Search** app into your Shopify theme.​

***

### ⚡️Step 1: Integrate the App into Your Theme

It's recommended to apply the app to an unpublished theme first to test its functionality before making it live.​

1. Open the **Smart Product Filter & Search** app from your Shopify admin.​
2. In the app's dashboard, select **Theme Setup**.​
3. From the dropdown menu labeled **Select a theme for applying the filter**, choose the theme you want to integrate the app into
4. Click the **Apply Filter** button.​
5. After applying the filter, click on the **Go to Theme -> App Embed** button.​
6. In the Shopify theme editor, enable the **Product Filter & Search** app embed.​
7. Click **Save** to finalize the integration.​

<figure><img src="/files/Ql6sdnAjiFVUYcdiTHpS" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/eOhTfsO7XnZeBg3vsjB1" alt=""><figcaption></figcaption></figure>

***

### ⚡️Step 2: Test the Integration

After integrating the app, it's crucial to test its functionality:​

* Navigate to a collection page on your storefront.​
* Ensure that the filter sidebar appears and functions correctly.​
* Verify that products are filtered as expected when using the filter options.​

> 📝 This will turn off the filter on your storefront without removing any theme code.

💬 **Need Help?** Contact us at **<contact@globo.io>** – we’re happy to assist! 😊