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

# Quickstart - Web & App Surveys

> App surveys deliver 6–10x higher conversion rates compared to email surveys. If you are new to Formbricks, follow the steps in this guide to launch a survey in your web or mobile app (React Native) within 10–15 minutes.

<Steps>
  <Step title="Create a Formbricks cloud account">
    While you can [self-host](/self-hosting) Formbricks, the fastest and easiest way to get started is with the free Cloud plan. Simply [sign up](https://app.formbricks.com/auth/signup) here, follow the onboarding steps, and choose the "Formbricks Surveys" option.

    ![what are you here for](https://res.cloudinary.com/dwdb9tvii/image/upload/v1738113228/image_d11uiy.png)
  </Step>

  <Step title="Choose 'In-product surveys'">
    You can create In-product and Link Surveys with both options, but the onboarding will prompt you to connect your app/website to Formbricks.

    <img src="https://mintcdn.com/formbricks/Y0_rk27eZSQCDXfm/images/xm-and-surveys/surveys/website-app-surveys/quickstart/survey-type.webp?fit=max&auto=format&n=Y0_rk27eZSQCDXfm&q=85&s=b7bf803a17a3d28af4cb48de225fead3" alt="three options" width="2084" height="1108" data-path="images/xm-and-surveys/surveys/website-app-surveys/quickstart/survey-type.webp" />
  </Step>

  <Step title="Connect your App/Website">
    Follow the instructions to connect your app or website: ![connect product to
    formbricks](https://res.cloudinary.com/dwdb9tvii/image/upload/v1738114328/image_tv0jmj.png)
  </Step>

  <Step title="Confirm setup">
    As soon as Formbricks receives the first data point, you will see a message in the onboarding:

    ![congrats](https://res.cloudinary.com/dwdb9tvii/image/upload/v1738114793/image_lij7kw.png)

    Onboarding is complete! Now let's create our first survey as you should see templates to choose from after clicking on **Next**:

    ![first survey](https://res.cloudinary.com/dwdb9tvii/image/upload/v1738115025/image_yyuuzn.jpg)
  </Step>

  <Step title="Create your first survey">
    To be able to see a survey in your app, you need to create one. We'll choose one of the templates and head over to the survey settings:

    Pick the Survey Type as **Website & App Survey**.
  </Step>

  <Step title="Create trigger to show survey">
    Scroll to **Survey Trigger**, click **+ Add Action**, and select **Page View**. This ensures the survey appears when the Formbricks Widget detects any page load.

    <img src="https://mintcdn.com/formbricks/Y0_rk27eZSQCDXfm/images/xm-and-surveys/surveys/website-app-surveys/quickstart/page-view-action.webp?fit=max&auto=format&n=Y0_rk27eZSQCDXfm&q=85&s=1d9f18a81670c8f27827a0611fd63626" alt="page view action" width="1266" height="1422" data-path="images/xm-and-surveys/surveys/website-app-surveys/quickstart/page-view-action.webp" />
  </Step>

  <Step title="Set Recontact Options right">
    A common hiccup is users seeing one survey but it doesn't appear again. This is due to the default settings we chose to avoid survey fatigue. While setting up, we recommend the following Recontact Options:

    <img src="https://mintcdn.com/formbricks/Y0_rk27eZSQCDXfm/images/xm-and-surveys/surveys/website-app-surveys/quickstart/recontact-options.webp?fit=max&auto=format&n=Y0_rk27eZSQCDXfm&q=85&s=17213104d6bb2b537a8253b717a82e48" alt="recontact options" width="1388" height="622" data-path="images/xm-and-surveys/surveys/website-app-surveys/quickstart/recontact-options.webp" />

    <Note>
      Please change this setting after testing your survey to avoid user fatigue.
    </Note>
  </Step>

  <Step title="Publish the survey">
    Publish the survey to make it available for the SDK to pull into the website or app where you want to show
    it.
  </Step>

  <Step title="Understand caching behavior">
    For better scalability, we cache the request the SDK makes to the server. This allows you to use Formbricks
    on websites with millions of visitors without high hosting cost.

    <Note>
      **Important**: Any changes to surveys, action classes, project settings, or environment configuration will
      take **up to 1 minute** to reflect in your app/website due to server-side caching. This includes survey
      modifications, new triggers, styling changes, and other updates.
    </Note>

    For troubleshooting, you can enable [Debug
    Mode](/xm-and-surveys/surveys/website-app-surveys/framework-guides#activate-debug-mode) to see detailed logs
    in your browser console.
  </Step>

  <Step title="Check browser compatibility">
    Formbricks is designed to work with all modern browsers. Please ensure your users are using a supported version:

    | Browser     | Minimum Version | Release Date |
    | :---------- | :-------------- | :----------- |
    | **Chrome**  | 111+            | March 2023   |
    | **Edge**    | 111+            | March 2023   |
    | **Firefox** | 128+            | July 2024    |
    | **Safari**  | 16.4+           | March 2023   |

    *Internet Explorer is not supported.*
  </Step>
</Steps>

Need help? Join us in [**GitHub Discussions**](https://github.com/formbricks/formbricks/discussions), and we'll be happy to assist!