Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form below and we will reply as soon as possible.

  • Appcues Certifications & Training
  • Integration Hub
  • Contact Us
  • Docs home
  • Mobile Experiences
  • Building Mobile Experiences

Build Mobile Flows

Learn how to build mobile Flows in Appcues

Updated at June 18th, 2024

Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form with the details about the help content you'd like to see.

  • Home

  • Installation & Developers

    • Web Experiences

      • Mobile Experiences

        • Workflows

          • Analytics & Data

            • Account Management

              • Best Practices

                • Integrations

                  • System Status

                    Table of Contents

                    Do I need to finish the SDK installation process before creating a mobile flow? How do I create a mobile flow? How do I add, delete, clone, or create steps? How can I undo a change in the mobile builder?

                    This guide will introduce you to building mobile flows in Appcues and answer common questions, for information on building web flows see Building Flows.

                     

                    Do I need to finish the SDK installation process before creating a mobile flow?

                    You do not need to have the Appcues mobile SDK installed on your app before creating a Flow in the Mobile Builder. However, you will not be able to preview or publish your mobile Flow until the installation is complete

                    How do I create a mobile flow?

                    1. Ensure you have registered your mobile app in Appcues Studio
                    2. From Appcues Studio's Flows page you can click “Create a Flow” or go to https://mobilebuilder.appcues.com and click “Create a Flow”
                      1. Choose which app you are designing for flow for, name the flow, add any tags you’d like, and click ‘Create’
                    3. The Mobile Builder will show a default modal with a sidebar showing options for several modal pattern types. Choose the modal type for your first step in your mobile Flow.

                    To learn more about styling and functionality for the mobile modals and content blocks - head to this article

                    How do I add, delete, clone, or create steps?

                    1. To create a step in your mobile flow, click the green "+ Add" button on the bottom black bar and choose from the modal types presented
                      • Selecting "Carousel step" allows the user to swipe through steps in the mobile flow while the other modal types are required to click a button to get to the next step (see below)
                    Carousel mobile modal flow
                    1. You can rearrange the order of the steps in the mobile flow via drag and drop
                    2. To delete a step in your mobile flow, click “Delete” in the sidebar when viewing the modal's settings
                    3. To duplicate a step in your mobile flow, click “Clone” in the sidebar when viewing the modal's settings.

                    How can I undo a change in the mobile builder?

                    The mobile builder currently supports session undo/redo this allows you to undo or redo recent changes to a flow. Note that since this is session based refreshing the page will clear the undo/redo history, undo/redo is not currently available for the web builder.

                    1.  Open the flow that you want to work on, if there are any steps in the flow the undo/redo buttons will display in the lower right by the preview and publish controls
                    2.  Make any number of changes. When a change has been registered the undo arrow will display as active
                    3. Press the undo arrow. Each time that the undo arrow is pressed will move the flow one step backwards in the change history.
                      When the flow has been moved back in the change history the redo arrow will be displayed as active. If there are no more changes to be undone in the change history the undo arrow will show as inactive.
                    4.  Press the redo button to redo an undone step and move forward in the change history.
                      If there are no more steps to be redone the redo arrow will be displayed as inactive.
                    5.  When you have arrived at the state with the changes that you want to use start editing the flow as normal. This will clear any changes that were ahead of the state you were on in the flow history and the redo arrow will be inactive until the next time you undo changes.
                    flow design mobile construction mobile flows mobile builder

                    Was this article helpful?

                    Yes
                    No
                    Give feedback about this article

                    Related Articles

                    • Mobile Overview
                    • Register your Mobile App in Studio
                    • Installing Appcues in Mobile Applications
                    • Manage Mobile Flows and Analytics
                    Appcues logo

                    Product

                    Why Appcues How it works Integrations Security Pricing What's new

                    Use cases

                    Appcues Integration Hub User Onboarding Software Feature Adoption Software NPS & Surveys Announcements Insights Mobile Adoption

                    Company

                    About
                    Careers

                    Support

                    Developer Docs Contact

                    Resources

                    The Appcues Blog Product Adoption Academy GoodUX Case studies Webinar Series Made with Appcues Appcues University

                    Follow us

                    Facebook icon Twitter icon grey Linkedin icon Instagram icon
                    © 2022 Appcues. All rights reserved.
                    Security Terms of Service Privacy Policy

                    Knowledge Base Software powered by Helpjuice

                    Expand