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.

  • Installation & Developers
    Installing Appcues Web Installing Appcues Mobile API & Data Troubleshooting Extras
  • Web Experiences
    Building Web Experiences Targeting Studio Customization & Styling Use Cases Troubleshooting FAQ
  • Mobile Experiences
    Installation & Overview Building Mobile Experiences Mobile Analytics & Integrations Troubleshooting
  • Workflows
    Building & Configuration Use Cases Workflow Analytics and Integrations
  • Account Management
    Subscription Users & Data
  • Analytics
    Experience and Event Analytics Data
  • Best Practices
    Best Practices Use Cases Pro Tips Product-led Growth
  • Integrations
    Integration Documents Use Cases Extras
  • System Status
    System Status & Incidents
+ More

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