Conditional text + autosave

Author: eandreeva-twr

src/assets/shared/img/flow-conditional-text-1.gif

@@ -28,7 +28,7 @@ You can place flows anywhere in your app — at first launch, in front of a prem
 
 - **App onboarding**: Showcase your app features, ask questions, and personalize the highlighted features and CTAs based on the quiz answers. See [Build a personalized onboarding flow](onboarding-flow-tutorial).
 - **Paywall screens**: Put a feature gate in front of premium content and present your products with feature lists, pricing, and a purchase button. See [Create a basic paywall screen](basic-paywall-screen).
-- **Tiered plans in tabs**: Show subscription tiers side by side in tabs, with conditional text that swaps the feature list and CTA as the user switches between them. See [Create a paywall with tabs](paywall-with-tabs) and [Add conditional text to a paywall](paywall-features-per-product).
+- **Tiered plans in tabs**: Show subscription tiers side by side in tabs, swapping the feature list and CTA as the user switches between them. See [Create a paywall with tabs](paywall-with-tabs) and [Show different features per product](paywall-features-per-product).
 - **Expandable plan lists**: Lead with one highlighted offer and reveal the full product list in a bottom sheet when the user wants to compare. See [Show all plans in a bottom sheet](show-plans-bottom-sheet).
 - **Surveys and quizzes**: Collect goals, preferences, or experience level, then use the answers to branch the flow or tailor later screens. See [Inputs and forms in the Flow Builder](builder-inputs-and-forms).
 - **Social proof**: Build trust with review cards, ratings, and testimonials right before the purchase decision. See [Reviews and testimonials](builder-reviews-and-testimonials).

src/assets/shared/img/flow-conditional-text.webp

@@ -8,15 +8,11 @@ import ZoomImage from '@site/src/components/ZoomImage';
 
 The [Flow Builder](adapty-flow-builder) separates saving from publishing. Drafts preserve your work in the Adapty Dashboard, and publishing makes the current version available to users through the SDK. This article covers both actions and when to use each.
 
-:::warning
-The Flow Builder doesn't autosave. If you close the page without saving, you lose all unsaved changes and revert to the latest saved version.
-:::
-
 ## Save a flow as a draft
 
-A draft stores your progress in the Dashboard without affecting what users see. Save often as you build — especially before navigating away from the page.
+The Flow Builder autosaves your progress once a minute.
 
-To save a draft, click **Save draft** in the top right of the Flow Builder, or press **Cmd/Ctrl + S**.
+To save a draft manually, click **Save draft** in the top right of the Flow Builder, or press **Cmd/Ctrl + S**.
 
 Drafts are private to the Dashboard. They don't change what users see in your app, even if the flow is already assigned to a [placement](placements).
 

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

@@ -1,10 +1,10 @@
 ---
-title: "Add conditional text to a paywall"
-description: "Use conditional text to swap feature lists based on which product the user selects."
-metadataTitle: "Add conditional text to a paywall | Flow Builder | Adapty Docs"
+title: "Show different features per product"
+description: "Show a different feature list depending on which product the user selects, using conditional visibility."
+metadataTitle: "Show different features per product | Flow Builder | Adapty Docs"
 ---
 
-This template uses conditional text to highlight different feature lists for different plans. The screen shows two products — for example, Pro and Pro+ — and a different feature list appears depending on which product the user has selected. One product is marked as the default, so its conditional text is visible when the screen first loads.
+This template uses conditional visibility to highlight different feature lists for different plans. The screen shows two products — for example, Pro and Pro+ — and a different feature list appears depending on which product the user has selected. One product is marked as the default, so its feature list is visible when the screen first loads.
 
 ## Before you start
 
@@ -83,6 +83,10 @@ The first feature list describes the default product. It's visible only when the
 
 For more on conditional visibility, see [Conditional visibility](onboarding-element-visibility).
 
+:::tip
+Instead of two separate lists, you can add a single list and make the text elements inside it conditional, so one list adapts to the selected product. See [Add conditional text](onboarding-text#add-conditional-text).
+:::
+
 To add and configure the feature list:
 
 1. Click **+** > **List** and choose a compact list preset. Icon List works well for paywalls.

src/content/docs/guides/flow-builder/builder-save-publish.mdx

@@ -1,6 +1,6 @@
 ---
 title: "Add and style text and lists in the Flow Builder"
-description: "Add and style titles, subtitles, paragraphs, and lists in Adapty’s onboarding builder, and customize text for on-brand user experiences."
+description: "Add and style titles, subtitles, paragraphs, and lists in Adapty’s flow builder, and customize text for on-brand user experiences."
 metadataTitle: "Text | Flow Builder | Adapty Docs"
 ---
 
@@ -67,6 +67,28 @@ The preview updates immediately.
 
 <ZoomImage id="edit-text-part.webp" width="500px" alt="Edit text part" />
 
+## Add conditional text
+
+Conditional text changes what a text element displays based on a condition. For example, a heading can show one message when a user selects the annual plan and a different message for the monthly plan. Conditional text works like [conditional visibility](onboarding-element-visibility), but it swaps the content instead of showing or hiding the element.
+
+To set up conditional text:
+
+1. Select a text element on the canvas.
+2. In the **Design** panel, in the **Content** section, select **Conditional**.
+
+<ZoomImage id="flow-conditional-text.webp" width="500px" alt="Content set to Conditional in the Design panel" />
+
+3. Build the **if** condition. Choose a property from the **Custom**, **Products**, or **Elements** tab, set the operator, and enter the value to match. For details on the property types, see [Conditional visibility](onboarding-element-visibility).
+4. Under **then**, enter the text to display when the condition is true. Rich text formatting works the same way as for [regular text](#change-styling-for-parts-of-text). To insert a [variable](onboarding-variables), click **&#123; &#125; Add variable**.
+5. Under **else**, enter the fallback text to display when no condition matches.
+6. (Optional) Click **+ Add else/if** to add more conditions, each with its own text.
+
+:::tip
+To edit conditional text for another language, switch the active locale at the bottom of the editor. Add languages in the **Localizations** panel first — see [Add locale in Flow Builder](add-paywall-locale-in-adapty-paywall-builder).
+:::
+
+<ZoomImage id="flow-conditional-text-1.gif" width="500px" alt="Setting up conditional text with if, then, and else branches" />
+
 ## Add lists
 
 :::note

src/content/docs/guides/flow-builder/paywall-features-per-product.mdx

@@ -251,7 +251,7 @@
           {
             "type": "doc",
             "id": "paywall-features-per-product",
-            "label": "Add conditional text to a paywall"
+            "label": "Show different features per product"
           },
           {
             "type": "doc",