Preview flows

You have two ways to preview your flow on different screen types:

Preview on devices: Check how your flow looks on real devices at any stage of development.
Preview in the Adapty dashboard: Preview your flow while designing it.

Preview on devices

To preview your flow on a real device:

Download the Adapty app from the App Store.
In the flow builder, click Test on device.

Test on device button in the flow builder

Select the flow locale.
Scan the QR code with the device camera or open the link. This opens your flow in the Adapty mobile app.

In the test mode, Adapty can’t access your products in stores, so the prices displayed in the flow are not real.

Locale selector and QR code in the Test on device dialog

Troubleshooting

You can’t publish or preview your flow if any of the following issues are present.

An interaction with an incomplete configuration. Common cases:
- An Open URL action without a target URL.
- A Navigate to screen action without a destination — also occurs when the destination screen is deleted after the action is set up.
- A conditional action without an operator or value.
- A Set Variable action without a variable/value assignment.
- A Purchase action with no product (in-app store) or no Web Paywall URL (web payment).
- A Custom action without an Action ID.
- A Show alert action with an empty Title or Message.
- A Show or Hide action with no element selected.
A screen with no elements.
A product element without a product attached — may occur if you remove the referenced product.
An invalid remote config JSON breaks the entire delivery process — you cannot even save the draft.

Preview in the Adapty dashboard

To make sure your flow is ready to publish, preview it on a real device and confirm it renders without errors.

You can preview your flow on different screen types using the preview area in the flow builder. This helps ensure your flow looks great across various devices and screen sizes.

Using the preview controls below the preview, you can:

Select the device to preview your flow on.
Switch between horizontal and vertical preview modes.
Switch between light and dark modes.
Switch between locales.

Always preview different locales, because different languages might have different word length, and the screen layout might look differently for them.
To preview custom variables, set initial values for them. For example, if you add a name variable, you can set the initial value to Jane Doe to preview it.