diff --git a/SNAGs/3.0/divided-plans.snagx b/SNAGs/3.0/divided-plans.snagx new file mode 100644 index 0000000..0f2490b Binary files /dev/null and b/SNAGs/3.0/divided-plans.snagx differ diff --git a/SNAGs/3.0/view-more-plans-button.snagx b/SNAGs/3.0/view-more-plans-button.snagx new file mode 100644 index 0000000..bf11efa Binary files /dev/null and b/SNAGs/3.0/view-more-plans-button.snagx differ diff --git a/SNAGs/3.0/view-more-plans.snagx b/SNAGs/3.0/view-more-plans.snagx new file mode 100644 index 0000000..f694573 Binary files /dev/null and b/SNAGs/3.0/view-more-plans.snagx differ diff --git a/versioned_docs/version-3.0/img/divided-plans.webp b/versioned_docs/version-3.0/img/divided-plans.webp new file mode 100644 index 0000000..b40d7df Binary files /dev/null and b/versioned_docs/version-3.0/img/divided-plans.webp differ diff --git a/versioned_docs/version-3.0/img/view-more-plans-button.webp b/versioned_docs/version-3.0/img/view-more-plans-button.webp new file mode 100644 index 0000000..8ba8a72 Binary files /dev/null and b/versioned_docs/version-3.0/img/view-more-plans-button.webp differ diff --git a/versioned_docs/version-3.0/img/view-more-plans.webp b/versioned_docs/version-3.0/img/view-more-plans.webp new file mode 100644 index 0000000..e6de502 Binary files /dev/null and b/versioned_docs/version-3.0/img/view-more-plans.webp differ diff --git a/versioned_docs/version-3.0/paywall-product-block.md b/versioned_docs/version-3.0/paywall-product-block.md index 8f62b09..df93395 100644 --- a/versioned_docs/version-3.0/paywall-product-block.md +++ b/versioned_docs/version-3.0/paywall-product-block.md @@ -31,7 +31,6 @@ Enhancing the visual appeal of specific products can significantly rebalance use A product badge is a small label that can be added to a product. This badge can provide additional promotional info and direct users choice. The badge size automatically adjusts to fit the text, and its position is optimized for your paywall layout. - - - - - To add a product badge: 1. Turn on the **Product badge** toggle in the setting of a specific product. - - - - - 2. Customize the badge view and text to suit your design needs. ### Selected product For the **Products as list + purchase button** purchase flow, you can **preselect** a product to gently nudge users towards it. This can be especially effective in directing user choice. - - - - - To preselect a product: 1. Open the **Products** element. - - - - - 2. In the **Content** tab, choose the product you want to preselect from the **Selected product** drop-down list. 3. Adjust the view of the selected product as well as the default view of other products in the **Style** tab if necessary. - - - - - ### Highlighted product For the **Products as purchase buttons** purchase flow, you can **highlight** a preferred product to make it the primary choice, drawing immediate user attention.. - - - - - To highlight a product: 1. In the left pane, choose the product you want to highlight. - - - - - 2. In the **Style** subsection, adjust the design to make the product stand out more.. ### Product offers Each product can feature different text for offers in the **Text** subsection. The **Default** tab contains the text displayed without an offer. This is the perfect place to use [tag variables](paywall-builder-tag-variables) or [custom tags](custom-tags-in-paywall-builder) for dynamic, localized content. Start typing with a triangle bracket, and Adapty will suggest available tag variables to insert localized data from the stores - - - - - ## Switching between 2 product sets by trial toggle For a versatile user experience, you can allow users to switch between two sets of products using a toggle. This is especially useful for differentiating between standard products and trials. @@ -198,7 +158,6 @@ To add a toggle: 1. In the **Products** element, change the **Products grouping** option to **Toggle (for free trials and other offers)**. This will add two subsections: **Toggle on** and **Toggle off**. - - - - - 2. Add products to both subsections to create views for when the toggle is on or off. -3. In the **Toggle** element, define whether the toggle should be on or off by default in the paywall by the **Default state** toggle. - +3. In the **Toggle** element, set the **Default state** to choose whether the toggle should start as on or off in the paywall. +## Showing extra plans under a button +To keep things simple on your paywall, you can hide some products under a button (like "View more plans" or any label you prefer). This helps users focus on your top options first, while still allowing them to explore other plans if they want. It's a great way to make the paywall cleaner and improve conversions. +Here’s how: +1. In the **Products** element, set the **Products grouping** option to **Button (for more alternative plans)**. This will split your products into two groups: **Shown** and **More plans**. + + + + -By mastering these customization options, you can create a compelling, visually appealing product list that guides users towards making a purchase effortlessly \ No newline at end of file +2. Distribute your products between these groups. **Shown** is for products you want displayed right away. **More plans** is for products hidden behind the button, shown only when users click it. + + + + + +3. Customize the text and layout of the button in the **View more plans** element to suit your needs. + + + + + +By mastering these customization options, you can create a compelling, visually appealing product list that guides users towards making a purchase effortlessly.