Skip to content

Commit 580bbd2

Browse files
committed
Merge branch 'flow-builder' into develop
2 parents 6f824c9 + 1b5f73a commit 580bbd2

4 files changed

Lines changed: 64 additions & 12 deletions

File tree

src/content/docs/guides/flow-builder/adapty-flow-builder.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: "Adapty Flow Builder"
2+
title: "Adapty Flow Builder (Beta)"
33
description: "Visual no-code builder for interactive flows. Update copy, design, and pricing without shipping an app release."
4-
metadataTitle: "Build flows in the Adapty Flow Builder | Flow Builder | Adapty Docs"
4+
metadataTitle: "Build flows in the Adapty Flow Builder (Beta) | Flow Builder | Adapty Docs"
55
---
66

77
import ZoomImage from '@site/src/components/ZoomImage';
@@ -38,4 +38,4 @@ Open the **Flows** page and click **Create flow**. Use the following tools to cu
3838

3939
## Next steps
4040

41-
<CustomDocCardList />
41+
<CustomDocCardList />
Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
---
2+
title: "Localize a flow with remote config"
3+
description: "Add locales to a flow's remote config to serve different values per language or region."
4+
metadataTitle: "Localize a Flow with Remote Config | Flow Builder | Adapty Docs"
5+
---
6+
7+
A flow's remote config can hold a separate JSON payload for each locale. At runtime, the SDK returns the payload that matches the user's locale, so you can serve translated copy, different images, or other locale-specific values without shipping a new app version.
8+
9+
## Add a locale
10+
11+
To add a locale to a flow's remote config:
12+
13+
1. Open the flow in Flow Builder.
14+
2. Click the remote config icon above the screen preview.
15+
3. Click **Add locale** above the editor.
16+
4. Fill in the dialog:
17+
- **Code**: The locale code, for example `en`, `fr`, or `de`.
18+
- **Name**: The display name, for example English or French.
19+
20+
Adapty adds a new column to the JSON editor for the locale.
21+
22+
<ZoomImage id="flow-remote-config-add-locale.webp" width="300px" alt="Add locale dialog with Code and Name fields" />
23+
24+
## Edit values per locale
25+
26+
Each locale's column accepts its own JSON-formatted data. Use the same keys across columns and translate the values for each locale.
27+
28+
For example, the English column:
29+
30+
```json showLineNumbers
31+
{
32+
"title": "Try for free!",
33+
"cta": "Continue",
34+
"trial_days": 7
35+
}
36+
```
37+
38+
And the Spanish column:
39+
40+
```json showLineNumbers
41+
{
42+
"title": "¡Prueba gratis!",
43+
"cta": "Continuar",
44+
"trial_days": 7
45+
}
46+
```
47+
48+
Columns are independent — editing one doesn't affect the others.
49+
50+
## Read the matching locale in your app
51+
52+
The SDK exposes one `AdaptyRemoteConfig` entry per locale on `AdaptyFlow.remoteConfigs`. Pick the entry whose `locale` matches your user, then read its `dictionary` or `jsonString` to use the values at runtime.
53+
54+
## Back up or move locales
55+
56+
Use the **Import/Export** menu above the editor to back up your remote config or copy it across flows. The exported JSON file holds every locale's payload at once. See [Customize flow with remote config](customize-flow-with-remote-config) for the file format.

src/content/docs/version-3.0/onboarding-actions.mdx

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -36,8 +36,7 @@ To set up an interaction:
3636

3737
Currently, you can add the following triggers to your flow:
3838
- **On tap**: Starts an action when a user taps an element. The most common trigger; used primarily for navigation between screens.
39-
- **On appear**: Starts an action as soon as an element becomes visible. Use it to trigger an animation or log an impression when a screen loads.
40-
- **On submit**: Applies to input elements only. Mostly used for saving user input as variables.
39+
- **On screen appear**: Starts an action as soon as a screen loads. Use it to trigger an animation or log an impression when a screen loads.
4140

4241
## Action types
4342

@@ -89,8 +88,6 @@ For alerts, you must set up their **Title** and **Message**. In both, you can us
8988

9089
Updates the value of a variable in the flow. Before adding this action, create variables in the **Variables** panel on the left (see [Variables](onboarding-variables)).
9190

92-
Use it for remembering quiz answers and inputs, so you can customize the flow.
93-
9491
Click **Add variable** and set as many variables and their values as you need.
9592

9693
<ZoomImage id="set-variable.webp" width="500px" alt="Set variable" />
@@ -100,8 +97,8 @@ Click **Add variable** and set as many variables and their values as you need.
10097
Triggers a purchase flow directly from a button or interaction in your onboarding. Use this to let users subscribe or buy a product without leaving the flow.
10198

10299
You can configure two behaviors for this action:
103-
- **Purchase a product**: Initiates a native purchase for a product defined in the [Product block](paywall-product-block.md). You can select a product from the current screen or from a different screen in the flow.
104-
- **Navigate to web paywall**: Sends the user to a [web paywall](web-paywall.md) instead of triggering a native purchase. Use this when you want to handle the transaction outside the app, such as for web-based subscription offers.
100+
- **In-app store**: Initiates a native purchase. Set **Product** to a specific product, or to `products.selectedProduct` for the user's current selection on the screen.
101+
- **Web payment**: Sends the user to a [web paywall](web-paywall.md) instead of triggering a native purchase. Use this when you want to handle the transaction outside the app, such as for web-based subscription offers.
105102

106103
<ZoomImage id="onboarding-purchase-action.webp" width="500px" alt="Purchase action configuration in the Edit action window" />
107104

@@ -147,4 +144,3 @@ The flow executes only one rule — the first one it matches. If you need to exe
147144
To learn how to make elements selectable and organize them into groups for use in conditions, see [Selectable elements and groups](flow-selectable-elements).
148145

149146
<ZoomImage id="conditional-action.webp" width="500px" alt="Conditional actions" />
150-

src/data/sidebars/tutorial.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -470,7 +470,7 @@
470470
},
471471
{
472472
"type": "category",
473-
"label": "Adapty Flow Builder",
473+
"label": "Adapty Flow Builder (Beta)",
474474
"id": "adapty-flow-builder",
475475
"collapsible": true,
476476
"collapsed": true,
@@ -690,7 +690,7 @@
690690
},
691691
{
692692
"type": "doc",
693-
"id": "add-remote-config-locale",
693+
"id": "add-flow-remote-config-locale",
694694
"label": "Add locale in remote config"
695695
}
696696
]

0 commit comments

Comments
 (0)