> ## Documentation Index
> Fetch the complete documentation index at: https://docs.feedbackflowhq.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Showit

> A step-by-step guide to integrate Webflow with Showit.

## Feedbackflow Dashboard

1. Go to the **Configuration** tab in your [Feedbackflow dashboard](https://app.feedbackflowhq.com/) and click on the **Website & App Connection** on the configuration page.

<img src="https://mintcdn.com/fiscalo/vEocKibmbfSZAP9Q/images/xm-and-surveys/core-features/integrations/showit/configuration.png?fit=max&auto=format&n=vEocKibmbfSZAP9Q&q=85&s=0bae0d39bc3042565c84675434e703a8" alt="Feedbackflow Configuration Tab" width="1920" height="869" data-path="images/xm-and-surveys/core-features/integrations/showit/configuration.png" />

2. Now scroll down a bit and go to **How To Setup** section, then click on **HTML** tab and copy the HTML code.

<img src="https://mintcdn.com/fiscalo/vEocKibmbfSZAP9Q/images/xm-and-surveys/core-features/integrations/showit/html.png?fit=max&auto=format&n=vEocKibmbfSZAP9Q&q=85&s=3c4367526b936502f33e112e8ae0798b" alt="Copy HTML code" width="1920" height="869" data-path="images/xm-and-surveys/core-features/integrations/showit/html.png" />

3. You are then ready to integrate Feedbackflow with your Showit site.
   * Open your Showit site in the Showit editor.
   * open your [Site Settings](https://learn.showit.com/en/articles/2191123-site-settings) and go to the **Integrations** tab.
   * There you have the option to **+ Add Custom Code**.
   * Click **+ Add Custom Code** and it will take you to the Global Code Settings.

<img src="https://mintcdn.com/fiscalo/vEocKibmbfSZAP9Q/images/xm-and-surveys/core-features/integrations/showit/showit_global_code.png?fit=max&auto=format&n=vEocKibmbfSZAP9Q&q=85&s=aa373466e650c1ce15896541f4098c97" alt="Showit Global Code" width="2940" height="1542" data-path="images/xm-and-surveys/core-features/integrations/showit/showit_global_code.png" />

4. Name Your Custom Code
   You can name your Global Code whatever you like. For example, you can name your code "Feedbackflow."

5. Add Code To...
   You can choose where you would like to add the custom code to in your pages. Choose **Add HTML to the head**.

6. Paste the HTML Code
   Paste the HTML code you copied from the Feedbackflow dashboard into the **Custom Code** field.

7. Site Canvas Sets
   Choose which [Site Canvas Sets](https://learn.showit.com/en/articles/8196626-site-canvas-sets) that you would like to add your Global Code to.
   If you do not have any Site Canvas Sets in your design, your Feedbackflow Code will not work.

8. Once you're done, you can now create or add your survey to your Showit site. Go to the **Surveys** tab in your [Feedbackflow dashboard](https://app.feedbackflowhq.com/) and click on **Create Survey**.

9. **Create or Update your survey**: To be able to see a survey in your Showit site, you need to create one.

Pick the Survey Type as **Website & App Survey**.

<img src="https://mintcdn.com/fiscalo/vEocKibmbfSZAP9Q/images/xm-and-surveys/core-features/integrations/showit/app_survey.png?fit=max&auto=format&n=vEocKibmbfSZAP9Q&q=85&s=d37330887edc73bfc7786a03c644fde2" alt="app survey" width="1920" height="869" data-path="images/xm-and-surveys/core-features/integrations/showit/app_survey.png" />

10. **Set Trigger for the Survey**: Scroll to **Survey Trigger**, click **+ Add Action**, and select **Capture New Action** tab. Here you can configure how you want your survey to be triggered.

<img src="https://mintcdn.com/fiscalo/vEocKibmbfSZAP9Q/images/xm-and-surveys/core-features/integrations/showit/trigger.png?fit=max&auto=format&n=vEocKibmbfSZAP9Q&q=85&s=22874da518cb44128b649729476c2e78" alt="add action" width="733" height="812" data-path="images/xm-and-surveys/core-features/integrations/showit/trigger.png" />
