Set up Introflow
Set up the welcome screen new users see when they open the app for the first time — and increase the likelihood they accept push notifications
How to set up your Introflow
Go to Introflow in starti.app ManagerWhat is an Introflow?
The Introflow is the first thing new users encounter when they open the app for the first time. This is where you introduce the app, and where users are asked to accept push notifications and your privacy policy.
A good Introflow increases the likelihood that users will say yes to push notifications — which is essential for being able to reach them with relevant messages later on.
Before you begin
Make sure you have access to starti.app Manager.
Contact us if you don't have access to your brand in starti.app Manager.
Step-by-step guide to setting up your Introflow
Log in
Open starti.app Manager and log in with Microsoft, Google, or Apple.
Open Introflow
Select Introflow in the left-hand menu bar.
Add a step
Click the step type you want to add as the first step in your Introflow. You can choose from five types:
Fill in the fields
Fill in the input fields for the step. The fields vary by type, but you will typically need to fill in:
- Title — a short and catchy heading that tells the user what the step is about
- Description — a short description that elaborates on the heading and motivates the user to continue
- Button text — the text on the button that takes the user to the next step (e.g. "Next" or "Continue")
Keep the text in each step short and action-oriented. Users are new to the app and need to be motivated to get started — not to read long explanations.
Sort the steps
Drag and drop the steps into the desired order using the icon with six dots on the left side of each step.
Add a redirect URL
Do you want users to land on a specific page in the app after completing the Introflow? If so, insert the desired URL in the Redirect after completed Introflow field. If you leave this field empty, users will be sent to the home page of your app.
Choose a background
Below the steps you will find the Background section. Here you can place a graphic behind every step of the Introflow — the same background appears on each and every step.
Add the graphic as SVG code in the SVG code (optional) field. SVG is a graphics format your designer can supply — you copy the contents of the file into the field. The graphic is scaled to fill the screen and is centred. Once the code is valid, you can see a small preview of the graphic just below the field.
As soon as you have added a graphic, the Opacity slider appears. Drag it to make the background more or less visible — lower values turn it into a subtle watermark behind the content.
The background is optional. If you leave the field empty, the Introflow simply uses the app's regular background colour.
The graphic can be no larger than 32 KB. Anything bigger is rejected — ask your designer for a simpler version if that happens.
Show or hide the step indicator
At the bottom of the page you will find the Step indicator section. The step indicator is the row of dots shown above each step, so users can see how far they have left in the Introflow.
Use the Show the step indicator toggle bar to turn it on or off. It is on by default.
The dots count only the steps each individual user actually sees. If a user has already accepted the terms, for example, they will see one dot fewer.
The step indicator needs at least two steps to appear. If your flow only has one step, it won't show up — even with the toggle bar turned on.
Choose when the Introflow appears
Below the step indicator you will find the Trigger section. By default the Introflow opens by itself as soon as the app loads, and most brands should leave it that way.
Turn on Let my own code decide when the flow appears if it should wait for something first — a sign-in, a splash screen, or a particular page. Nothing then appears until your website calls startiapp.IntroFlow.show().
This only moves the moment the Introflow opens. The same steps are shown, to the same users, in the same order — a user who has already been through it still doesn't see it again.
With this turned on, nothing shows the Introflow but your own code. If the call is never made, no user ever sees it. See Intro flow in the SDK reference for the developer side.
Translate your Introflow
If your app is available in multiple languages, remember to translate your Introflow into all selected languages. You switch languages at the top of the Introflow page in your Manager, and you can either translate one field at a time by clicking the globe icon next to the field — or click Translate all missing to translate all fields for the selected language.
The numbers next to each language indicate whether there are missing translations.
Test and publish your Introflow
Before publishing the Introflow, we recommend testing it on a test device. This way you can make sure the flow looks correct and works as expected — on both iOS and Android.
If you haven't added test devices yet, you need to do so before testing. Read the guide: Add test devices
Checklist before you publish your Introflow
- Is the heading on each step short and catchy?
- Is the text on each step short, precise, and motivating?
- Are the images high resolution and relevant to the content?
- If you chose a background: is the text still easy to read on top of it?
- Are the button texts action-oriented and clear?
- Have you included a step that asks users to accept push notifications?
- Is the order of steps logical from the user's perspective?
- Have you tested the flow on a test device — preferably on both iOS and Android?
See also
Create push notification categories
Create categories so users only receive push notifications that are relevant to them — for example News, Offers, or Order Status
Add users to starti.app Manager
Give colleagues access to starti.app Manager so they can help send push notifications and update content in the app