Google Tag Manager

Forum Discussion

biancasortd's avatar
biancasortd
Collaborator
3 months ago

Multi-screen survey in app message

Hi there!

I am trying to create a multi-screen in-app message with a survey that has 5 questions. 4 questions have a multiple choice answers and 1 is open-ended text. The ideal flow is that the next question is immediately displayed once a user answers a question. Everyone will see the same 6 questions (aka they don't need to be dynamic based off their answers). 

Does anyone have any tips here? I can only find the option for simple surveys in braze and no option for multi-screen/question. 

Thanks!
Bianca 

 

4 Replies

  • Hey biancasortd 

    There is now the option to add multiple pages in the Drag & Drop editor but I don't think it has inbuilt survey options yet apart from email and phone. You could add extra pages in here and potentially collect the questions with custom HTML.



    The other alternative which might be a no-go is full custom HTML that changes pages for each question.

  • Currently, Braze’s built‐in Simple Survey template is designed for single-screen surveys, and there isn’t an out‑of‑the‑box multi‑screen survey option.

    Here are some recommended approaches:

    1. Custom Code In-App Message:
      • Use the Custom Code message type to build your own multi‑screen survey in HTML/JS.
      • By initializing your Braze Web SDK with the allowUserSuppliedJavascript option, you can include the custom logic you need to display each question as soon as the previous one is answered.
      • You’ll manage navigation and state transitions across your 5 questions (or however many screens you need).
    2. Onboarding Flow Template via Canvas or Campaigns:
      • The Onboarding Flow template is designed for multi‑step user journeys. You can leverage it to create a sequential flow where each “screen” (or step) contains one survey question.
      • Set up your Canvas with multiple in‑app messages (one per question) and chain them so that once a user responds to one message, the next one is displayed immediately.

    Keep in mind:
    • Ensure your SDK versions meet the minimum requirements for any customizations you intend to perform (for instance, for HTML in‑app messages on web, iOS, or Android).
    • You may want to prefill any shared styling or components to maintain consistency across each screen.

    For further details on these in‑app message customizations and onboarding flows, please refer to Braze’s documentation:
    • Onboarding Flow: https://www.braze.com/docs/user_guide/message_building_by_channel/in-app_messages/#onboarding-flows
    • Custom Code In‑App Messages: https://www.braze.com/docs/developer_guide/platform_integration_guides/ (look for guidance on custom HTML in‑app messages and the allowUserSuppliedJavascript option)

    Using either approach, you can ensure that after a user submits an answer, your code or campaign logic immediately shows the next question, achieving the seamless multi‑screen experience you need. 

  • You will need to do custom HTML/CSS.

    Here is an example which is already three pages (multiple choice, text box, thank you), you can use it as a basis and add steps.

    https://github.com/braze-inc/in-app-message-templates/tree/master/braze-templates/6-braze-nps