{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_help-block-paywall-subscriptions","screens":{"article_screen_help-block-paywall-subscriptions":{"id":"article_screen_help-block-paywall-subscriptions","name":"Paywall Subscriptions — all settings","tags":["article"],"screenType":"FlexibleLayout","position":{"x":0,"y":0},"content":{"canvas":{"background":{"kind":"solid","content":{"color":"#F7F8FA"}},"insets":{"top":0,"end":0,"bottom":0,"start":0},"webViewBackgroundColor":"#F7F8FA"},"animated":false,"offlineFirst":true,"flexibleLayout":{"scrollable":true,"insets":{"top":44,"end":28,"bottom":56,"start":28},"sections":[{"id":"intro","order":0,"kind":"Text","label":"Intro","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Paywall Subscriptions — every setting"},"kind":"static","appearance":{"align":"start","fontSize":28,"fontWeight":800,"lineHeight":34,"color":"#101828"}},"subtitle":{"translations":{"en":"The plan picker — how the subscription cards are arranged, where the selection checkbox sits, the plans themselves, the selected/unselected card styling and spacing, and each plan's name / price / note / billing-period labels, badge, and checkbox styling. This guide documents every setting of the Paywall Subscriptions block, grouped by area. Each setting matches a real control in the screen editor."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":400,"lineHeight":26,"color":"#475467"}}}},{"id":"section-context","order":1,"kind":"Media","label":"Paywall Subscriptions in the editor","layout":{"heightKind":"fixed","heightValue":360,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/context-section.png","name":"The screen editor with the Paywall Subscriptions section highlighted."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"section-context-cap","order":2,"kind":"Text","label":"Context caption","layout":{"heightKind":"auto"},"textContent":{"subtitle":{"translations":{"en":"Open the Paywall Subscriptions section in the screen editor to configure its settings."},"kind":"static","appearance":{"align":"start","fontSize":13,"fontWeight":500,"lineHeight":19,"color":"#667085"}}}},{"id":"article-first-applies-to","order":3,"kind":"Text","label":"Applies to","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Applies to: Paywall screens."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":25,"color":"#344054"}}}},{"id":"g-catalog-head","order":4,"kind":"Text","label":"Group: Plans & arrangement","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Plans & arrangement"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-paywallsubscriptions-viewkind","order":5,"kind":"Text","label":"Plans & arrangement · Plan card arrangement","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Plan card arrangement"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Choose how the plan cards are laid out. Vertical stacks them one under another, which reads best on mobile and works well for 2 to 4 plans; Horizontal lines them up side by side as compact cards, good for 2 short price options you want compared at a glance. Start with Vertical unless you specifically need a side-by-side comparison."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-viewkind-img","order":6,"kind":"Media","label":"Plan card arrangement","layout":{"heightKind":"fixed","heightValue":96,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/open-section-view-kind.png","name":"Where to find “Plan card arrangement” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-productlayout","order":7,"kind":"Text","label":"Plans & arrangement · Checkbox placement on plans","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Checkbox placement on plans"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Choose where the selection checkbox sits on each plan card: left, right, or hidden. Left or right makes selecting a plan obvious; Hidden removes the checkbox and lets the highlighted card itself signal the choice for a cleaner look, but only if your selected style is clearly distinct. Left is a safe default. This also works together with the checkbox styling field below."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-productlayout-img","order":8,"kind":"Media","label":"Checkbox placement on plans","layout":{"heightKind":"fixed","heightValue":96,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/open-section-product-layout.png","name":"Where to find “Checkbox placement on plans” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-items","order":9,"kind":"Text","label":"Plans & arrangement · Subscription plans","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Subscription plans"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"The list of plans the user can buy. Each plan must be linked to a real product in your connected Stripe account, or checkout will fail when you publish. Per plan you set its four corner labels (top-left = plan name, bottom-left = description, top-right = price, bottom-right = billing period) and an optional badge. Mark your best-value plan as selected by default, since the pre-selected plan converts most often. Use 'Add Plan' to add rows."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-items-img","order":10,"kind":"Media","label":"Subscription plans","layout":{"heightKind":"fixed","heightValue":100,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/open-section-items.png","name":"Where to find “Subscription plans” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-cards-head","order":11,"kind":"Text","label":"Group: Plan card appearance & spacing","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Plan card appearance & spacing"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-paywallsubscriptions-appearance","order":12,"kind":"Text","label":"Plan card appearance & spacing · Unselected plan style","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Unselected plan style"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"How a plan card looks before the user taps it: background color, border, and spacing. Keep this neutral and understated so the chosen plan can clearly stand out against it. The contrast between this and the Selected style is what tells users which plan they've picked, so never make the two look the same."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-appearance-img","order":13,"kind":"Media","label":"Unselected plan style","layout":{"heightKind":"fixed","heightValue":200,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-unselected-state.png","name":"Where to find “Unselected plan style” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-appearance-prop-background-color","order":14,"kind":"Text","label":"Unselected plan style · Background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Fill color of an unselected plan cell."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-appearance-prop-border-width","order":15,"kind":"Text","label":"Unselected plan style · Border width","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Border width"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Outline thickness (px) of an unselected plan cell; 0 hides it."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-appearance-prop-border-color","order":16,"kind":"Text","label":"Unselected plan style · Border color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Border color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Outline color of an unselected plan cell — visible once the width is above 0."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-appearance-prop-corner-radius","order":17,"kind":"Text","label":"Unselected plan style · Corner radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Corner radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How rounded an unselected plan cell corners are (px); higher is softer."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-selectedappearance","order":18,"kind":"Text","label":"Plan card appearance & spacing · Selected plan style","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Selected plan style"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"How a plan card looks once it's the chosen one: background color, border, and spacing. Make it clearly stand out from the unselected cards, for example a brand-colored border or filled background, so the user is never unsure which plan they're about to buy. Crisp selected styling removes hesitation right before checkout."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-selectedappearance-img","order":19,"kind":"Media","label":"Selected plan style","layout":{"heightKind":"fixed","heightValue":200,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-selected-state.png","name":"Where to find “Selected plan style” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-selectedappearance-prop-background-color","order":20,"kind":"Text","label":"Selected plan style · Background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Fill color of the selected plan cell."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-selectedappearance-prop-border-width","order":21,"kind":"Text","label":"Selected plan style · Border width","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Border width"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Outline thickness (px) of the selected plan cell; 0 hides it."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-selectedappearance-prop-border-color","order":22,"kind":"Text","label":"Selected plan style · Border color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Border color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Outline color of the selected plan cell — visible once the width is above 0."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-selectedappearance-prop-corner-radius","order":23,"kind":"Text","label":"Selected plan style · Corner radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Corner radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How rounded the selected plan cell corners are (px); higher is softer."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-appearance-insets","order":24,"kind":"Text","label":"Plan card appearance & spacing · Space inside each plan card","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Space inside each plan card"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the padding inside each plan card, between its labels and the card edge, on the top, bottom, left, and right. Increase it to make cards feel roomier and easier to tap, decrease it to fit more plans on screen. The theme default is usually fine; adjust only if cards look cramped in preview."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-appearance-insets-img","order":25,"kind":"Media","label":"Space inside each plan card","layout":{"heightKind":"fixed","heightValue":224,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-item-padding.png","name":"Where to find “Space inside each plan card” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-layout-insets","order":26,"kind":"Text","label":"Plan card appearance & spacing · Space around the plan list","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Space around the plan list"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the space around the whole block of plans, between the list and the screen edges and the content above and below it. (Card padding spaces the inside of one plan; this spaces the entire group.) Add space if the plans feel jammed against the body copy or the purchase button; the theme default is a safe start."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-layout-insets-img","order":27,"kind":"Media","label":"Space around the plan list","layout":{"heightKind":"fixed","heightValue":247,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-list-padding.png","name":"Where to find “Space around the plan list” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-perPlan-head","order":28,"kind":"Text","label":"Group: Per-plan labels, badge & checkbox","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Per-plan labels, badge & checkbox"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-paywallsubscriptions-items-0-appearance-startcolumnwidthpercentage","order":29,"kind":"Text","label":"Per-plan labels, badge & checkbox · Plan name vs. price width","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Plan name vs. price width"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how much of each plan card's width goes to the left labels (plan name and description), leaving the rest for the right labels (price and billing period). Around 60-70% usually gives names enough room while keeping prices aligned on the right. Lower it if prices look cramped, raise it if plan names wrap awkwardly."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-items-0-appearance-startcolumnwidthpercentage-img","order":30,"kind":"Media","label":"Plan name vs. price width","layout":{"heightKind":"fixed","heightValue":144,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-column-layout.png","name":"Where to find “Plan name vs. price width” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel","order":31,"kind":"Text","label":"Per-plan labels, badge & checkbox · Style the plan name (top-left)","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Style the plan name (top-left)"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Styles the top-left label on every plan card, which usually holds the plan name like 'Annual': font, size, weight, color, alignment, and spacing, applied to all plans at once. This only controls how it looks; you edit each plan's actual name in the plan list. Make plan names bold and legible so they're easy to compare; theme defaults usually work."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-img","order":32,"kind":"Media","label":"Style the plan name (top-left)","layout":{"heightKind":"fixed","heightValue":507,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-top-start-label.png","name":"Where to find “Style the plan name (top-left)” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-prop-text-background-color","order":33,"kind":"Text","label":"Style the plan name (top-left) · Text background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"An optional fill drawn behind the plan name text (a highlight pill). Off unless you set it; leave empty for plain text on the screen background."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-prop-font-family","order":34,"kind":"Text","label":"Style the plan name (top-left) · Font family","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font family"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The typeface of the plan name."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-prop-line-height","order":35,"kind":"Text","label":"Style the plan name (top-left) · Line height","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Line height"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Vertical spacing between lines of text — raise it to give multi-line text more breathing room."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-prop-font-size","order":36,"kind":"Text","label":"Style the plan name (top-left) · Font size","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font size"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Text size of the plan name in pixels."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-prop-font-weight","order":37,"kind":"Text","label":"Style the plan name (top-left) · Font weight","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font weight"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How bold the text is, from Thin through Bold to Black."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-prop-text-color","order":38,"kind":"Text","label":"Style the plan name (top-left) · Text color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The color of the plan name text. Keep enough contrast with the background that it stays readable."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-prop-text-align","order":39,"kind":"Text","label":"Style the plan name (top-left) · Text align","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text align"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Horizontal alignment of the text: start (left), center, or end (right)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-prop-strikethrough-color","order":40,"kind":"Text","label":"Style the plan name (top-left) · Strikethrough color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Strikethrough color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Color of a line-through decoration when the text is struck out (for example, an old price)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-prop-background-opacity","order":41,"kind":"Text","label":"Style the plan name (top-left) · Background opacity","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background opacity"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How see-through the text background fill is, from 0% (invisible) to 100% (solid). Only matters when a background color is set."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topstartlabel-prop-background-radius","order":42,"kind":"Text","label":"Style the plan name (top-left) · Background radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Corner rounding (px) of the text background fill; higher is softer."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel","order":43,"kind":"Text","label":"Per-plan labels, badge & checkbox · Style the plan note (bottom-left)","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Style the plan note (bottom-left)"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Styles the bottom-left label on every plan card, usually the short plan description or trial note: font, size, weight, color, alignment, and spacing, applied to all plans at once. This sets only the look; you write the actual text per plan in the plan list. Keep it smaller and lighter than the plan name; theme defaults are a safe start."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-img","order":44,"kind":"Media","label":"Style the plan note (bottom-left)","layout":{"heightKind":"fixed","heightValue":531,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-bottom-start-label.png","name":"Where to find “Style the plan note (bottom-left)” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-prop-text-background-color","order":45,"kind":"Text","label":"Style the plan note (bottom-left) · Text background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"An optional fill drawn behind the plan note text (a highlight pill). Off unless you set it; leave empty for plain text on the screen background."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-prop-font-family","order":46,"kind":"Text","label":"Style the plan note (bottom-left) · Font family","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font family"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The typeface of the plan note."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-prop-line-height","order":47,"kind":"Text","label":"Style the plan note (bottom-left) · Line height","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Line height"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Vertical spacing between lines of text — raise it to give multi-line text more breathing room."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-prop-font-size","order":48,"kind":"Text","label":"Style the plan note (bottom-left) · Font size","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font size"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Text size of the plan note in pixels."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-prop-font-weight","order":49,"kind":"Text","label":"Style the plan note (bottom-left) · Font weight","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font weight"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How bold the text is, from Thin through Bold to Black."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-prop-text-color","order":50,"kind":"Text","label":"Style the plan note (bottom-left) · Text color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The color of the plan note text. Keep enough contrast with the background that it stays readable."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-prop-text-align","order":51,"kind":"Text","label":"Style the plan note (bottom-left) · Text align","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text align"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Horizontal alignment of the text: start (left), center, or end (right)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-prop-strikethrough-color","order":52,"kind":"Text","label":"Style the plan note (bottom-left) · Strikethrough color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Strikethrough color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Color of a line-through decoration when the text is struck out (for example, an old price)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-prop-background-opacity","order":53,"kind":"Text","label":"Style the plan note (bottom-left) · Background opacity","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background opacity"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How see-through the text background fill is, from 0% (invisible) to 100% (solid). Only matters when a background color is set."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomstartlabel-prop-background-radius","order":54,"kind":"Text","label":"Style the plan note (bottom-left) · Background radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Corner rounding (px) of the text background fill; higher is softer."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel","order":55,"kind":"Text","label":"Per-plan labels, badge & checkbox · Style the price (top-right)","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Style the price (top-right)"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Styles the top-right label on every plan card, usually the price: font, size, weight, color, alignment, and spacing, applied to all plans at once. The price value itself comes from the linked Stripe product, not here. Make the price bold and prominent so it's easy to compare across plans; theme defaults usually work."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-img","order":56,"kind":"Media","label":"Style the price (top-right)","layout":{"heightKind":"fixed","heightValue":507,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-top-end-label.png","name":"Where to find “Style the price (top-right)” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-prop-text-background-color","order":57,"kind":"Text","label":"Style the price (top-right) · Text background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"An optional fill drawn behind the price text (a highlight pill). Off unless you set it; leave empty for plain text on the screen background."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-prop-font-family","order":58,"kind":"Text","label":"Style the price (top-right) · Font family","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font family"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The typeface of the price."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-prop-line-height","order":59,"kind":"Text","label":"Style the price (top-right) · Line height","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Line height"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Vertical spacing between lines of text — raise it to give multi-line text more breathing room."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-prop-font-size","order":60,"kind":"Text","label":"Style the price (top-right) · Font size","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font size"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Text size of the price in pixels."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-prop-font-weight","order":61,"kind":"Text","label":"Style the price (top-right) · Font weight","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font weight"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How bold the text is, from Thin through Bold to Black."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-prop-text-color","order":62,"kind":"Text","label":"Style the price (top-right) · Text color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The color of the price text. Keep enough contrast with the background that it stays readable."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-prop-text-align","order":63,"kind":"Text","label":"Style the price (top-right) · Text align","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text align"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Horizontal alignment of the text: start (left), center, or end (right)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-prop-strikethrough-color","order":64,"kind":"Text","label":"Style the price (top-right) · Strikethrough color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Strikethrough color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Color of a line-through decoration when the text is struck out (for example, an old price)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-prop-background-opacity","order":65,"kind":"Text","label":"Style the price (top-right) · Background opacity","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background opacity"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How see-through the text background fill is, from 0% (invisible) to 100% (solid). Only matters when a background color is set."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-topendlabel-prop-background-radius","order":66,"kind":"Text","label":"Style the price (top-right) · Background radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Corner rounding (px) of the text background fill; higher is softer."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel","order":67,"kind":"Text","label":"Per-plan labels, badge & checkbox · Style the billing period (bottom-right)","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Style the billing period (bottom-right)"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Styles the bottom-right label on every plan card, usually the billing period like 'per month': font, size, weight, color, alignment, and spacing, applied to all plans at once. The text follows the linked product; this only sets the look. Keep it small and quiet under the price; theme defaults are a safe start."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-img","order":68,"kind":"Media","label":"Style the billing period (bottom-right)","layout":{"heightKind":"fixed","heightValue":531,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-bottom-end-label.png","name":"Where to find “Style the billing period (bottom-right)” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-prop-text-background-color","order":69,"kind":"Text","label":"Style the billing period (bottom-right) · Text background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"An optional fill drawn behind the billing period text (a highlight pill). Off unless you set it; leave empty for plain text on the screen background."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-prop-font-family","order":70,"kind":"Text","label":"Style the billing period (bottom-right) · Font family","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font family"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The typeface of the billing period."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-prop-line-height","order":71,"kind":"Text","label":"Style the billing period (bottom-right) · Line height","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Line height"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Vertical spacing between lines of text — raise it to give multi-line text more breathing room."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-prop-font-size","order":72,"kind":"Text","label":"Style the billing period (bottom-right) · Font size","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font size"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Text size of the billing period in pixels."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-prop-font-weight","order":73,"kind":"Text","label":"Style the billing period (bottom-right) · Font weight","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font weight"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How bold the text is, from Thin through Bold to Black."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-prop-text-color","order":74,"kind":"Text","label":"Style the billing period (bottom-right) · Text color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The color of the billing period text. Keep enough contrast with the background that it stays readable."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-prop-text-align","order":75,"kind":"Text","label":"Style the billing period (bottom-right) · Text align","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text align"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Horizontal alignment of the text: start (left), center, or end (right)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-prop-strikethrough-color","order":76,"kind":"Text","label":"Style the billing period (bottom-right) · Strikethrough color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Strikethrough color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Color of a line-through decoration when the text is struck out (for example, an old price)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-prop-background-opacity","order":77,"kind":"Text","label":"Style the billing period (bottom-right) · Background opacity","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background opacity"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How see-through the text background fill is, from 0% (invisible) to 100% (solid). Only matters when a background color is set."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-bottomendlabel-prop-background-radius","order":78,"kind":"Text","label":"Style the billing period (bottom-right) · Background radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Corner rounding (px) of the text background fill; higher is softer."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-badge","order":79,"kind":"Text","label":"Per-plan labels, badge & checkbox · Plan badge","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Plan badge"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"An optional ribbon on a plan card, like 'Most Popular' or 'Best Value', used to steer attention to the plan you most want sold. The styling (color, border, position, spacing) is shared across all plans, but the badge text is set per plan, so add text only to the one plan you're promoting. A single well-placed badge lifts conversion; badging every plan cancels the effect."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-items-0-badge-img","order":80,"kind":"Media","label":"Plan badge","layout":{"heightKind":"fixed","heightValue":508,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-badge.png","name":"Where to find “Plan badge” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-items-0-badge-prop-badge-background-color","order":81,"kind":"Text","label":"Plan badge · Badge background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Badge background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Fill of the badge chip (e.g. \"Best value\"). Sits on the plan card corner."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-badge-prop-badge-font-family","order":82,"kind":"Text","label":"Plan badge · Badge font family","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Badge font family"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Typeface of the badge label."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-badge-prop-badge-line-height","order":83,"kind":"Text","label":"Plan badge · Badge line height","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Badge line height"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Vertical line spacing of the badge text — rarely needs changing for a one-word badge."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-badge-prop-badge-font-size","order":84,"kind":"Text","label":"Plan badge · Badge font size","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Badge font size"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Text size (px) of the badge; keep it small so it reads as a tag, not a heading."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-badge-prop-badge-font-weight","order":85,"kind":"Text","label":"Plan badge · Badge font weight","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Badge font weight"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How bold the badge text is."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-badge-prop-badge-text-color","order":86,"kind":"Text","label":"Plan badge · Badge text color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Badge text color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Color of the badge label; keep enough contrast with the badge background."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-badge-prop-badge-border-radius","order":87,"kind":"Text","label":"Plan badge · Badge border radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Badge border radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Corner rounding (px) of the badge chip / its outline; higher is more pill-like."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-badge-prop-badge-border-width","order":88,"kind":"Text","label":"Plan badge · Badge border width","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Badge border width"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Outline thickness (px) of the badge; 0 hides it."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-badge-prop-badge-border-color","order":89,"kind":"Text","label":"Plan badge · Badge border color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Badge border color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Color of the badge outline."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-badge-prop-badge-position","order":90,"kind":"Text","label":"Plan badge · Badge position","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Badge position"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Where the badge sits on the plan card: top-left, top-center, or top-right."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-checkbox","order":91,"kind":"Text","label":"Per-plan labels, badge & checkbox · Style the plan checkbox","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Style the plan checkbox"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the colors of the per-plan checkbox: its unselected (empty) color and its selected (checked) color. It only appears when checkbox placement is set to Left or Right, and is hidden when placement is 'No checkbox'. Use a clear, on-brand selected color so the chosen plan is unmistakable; it defaults to your theme accent."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallsubscriptions-items-0-checkbox-img","order":92,"kind":"Media","label":"Style the plan checkbox","layout":{"heightKind":"fixed","heightValue":363,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-checkbox.png","name":"Where to find “Style the plan checkbox” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallsubscriptions-items-0-checkbox-prop-checkbox-shape","order":93,"kind":"Text","label":"Style the plan checkbox · Checkbox shape","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Checkbox shape"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The selection mark shape — square or circle."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-checkbox-prop-checked-color","order":94,"kind":"Text","label":"Style the plan checkbox · Checked color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Checked color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Color of the checkbox when its plan is the selected one."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-paywallsubscriptions-items-0-checkbox-prop-unchecked-color","order":95,"kind":"Text","label":"Style the plan checkbox · Unchecked color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Unchecked color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Color of the checkbox on the non-selected plans."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}}]}}}},"metadata":{"kind":"article","alias":"help-block-paywall-subscriptions","articlePresentation":{"version":1,"profiles":{"standard":{"containerMaxWidth":640,"contentInsets":{"top":44,"end":28,"bottom":56,"start":28},"sectionPaddingScale":1,"textScale":1},"laptop":{"containerMaxWidth":620,"contentInsets":{"top":40,"end":28,"bottom":52,"start":28},"sectionPaddingScale":0.98,"textScale":0.98},"tablet":{"containerMaxWidth":560,"contentInsets":{"top":36,"end":24,"bottom":44,"start":24},"sectionPaddingScale":0.94,"textScale":0.95},"phone":{"containerMaxWidth":"100%","contentInsets":{"top":28,"end":16,"bottom":36,"start":16},"sectionPaddingScale":0.86,"textScale":0.9,"titleTextScale":0.86}}},"settingsMap":[{"fieldKey":"viewKind","title":"Plan card arrangement","sectionType":"paywallSubscriptions","group":"catalog","guideKey":"screenedit-paywall-subscriptions-view-kind","editorTestId":"subscription-view-kind-selector","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/open-section-view-kind.png","articleSectionId":"set-paywallsubscriptions-viewkind","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"control","humanInstruction":"Find “Plan card arrangement”.","postconditionTestId":"subscription-view-kind-selector"}]},{"fieldKey":"productLayout","title":"Checkbox placement on plans","sectionType":"paywallSubscriptions","group":"catalog","guideKey":"screenedit-paywall-subscriptions-product-layout","editorTestId":"subscription-item-type-selector","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/open-section-product-layout.png","articleSectionId":"set-paywallsubscriptions-productlayout","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"control","humanInstruction":"Find “Checkbox placement on plans”.","postconditionTestId":"subscription-item-type-selector"}]},{"fieldKey":"items","title":"Subscription plans","sectionType":"paywallSubscriptions","group":"catalog","guideKey":"screenedit-paywall-subscriptions-items","editorTestId":"add-subscription-item","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/open-section-items.png","articleSectionId":"set-paywallsubscriptions-items","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"control","humanInstruction":"Find “Subscription plans”.","postconditionTestId":"add-subscription-item"}]},{"fieldKey":"appearance","title":"Unselected plan style","sectionType":"paywallSubscriptions","group":"cards","guideKey":"screenedit-paywall-subscriptions-unselected-state","editorTestId":"subscription-style-section-unselectedState","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-unselected-state.png","articleSectionId":"set-paywallsubscriptions-appearance","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Unselected plan style”.","postconditionTestId":"subscription-style-section-unselectedState"}]},{"fieldKey":"selectedAppearance","title":"Selected plan style","sectionType":"paywallSubscriptions","group":"cards","guideKey":"screenedit-paywall-subscriptions-selected-state","editorTestId":"subscription-style-section-selectedState","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-selected-state.png","articleSectionId":"set-paywallsubscriptions-selectedappearance","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Selected plan style”.","postconditionTestId":"subscription-style-section-selectedState"}]},{"fieldKey":"appearance.insets","title":"Space inside each plan card","sectionType":"paywallSubscriptions","group":"cards","guideKey":"screenedit-paywall-subscriptions-item-padding","editorTestId":"subscription-style-section-itemPaddings","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-item-padding.png","articleSectionId":"set-paywallsubscriptions-appearance-insets","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Space inside each plan card”.","postconditionTestId":"subscription-style-section-itemPaddings"}]},{"fieldKey":"layout.insets","title":"Space around the plan list","sectionType":"paywallSubscriptions","group":"cards","guideKey":"screenedit-paywall-subscriptions-list-padding","editorTestId":"subscription-style-section-listPaddings","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-list-padding.png","articleSectionId":"set-paywallsubscriptions-layout-insets","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Space around the plan list”.","postconditionTestId":"subscription-style-section-listPaddings"}]},{"fieldKey":"items.0.appearance.startColumnWidthPercentage","title":"Plan name vs. price width","sectionType":"paywallSubscriptions","group":"perPlan","guideKey":"screenedit-paywall-subscriptions-column-layout","editorTestId":"subscription-style-section-columnLayout","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-column-layout.png","articleSectionId":"set-paywallsubscriptions-items-0-appearance-startcolumnwidthpercentage","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Plan name vs. price width”.","postconditionTestId":"subscription-style-section-columnLayout"}]},{"fieldKey":"items.0.topStartLabel","title":"Style the plan name (top-left)","sectionType":"paywallSubscriptions","group":"perPlan","guideKey":"screenedit-paywall-subscriptions-top-start-label","editorTestId":"subscription-style-section-topStartLabelStyles","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-top-start-label.png","articleSectionId":"set-paywallsubscriptions-items-0-topstartlabel","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Style the plan name (top-left)”.","postconditionTestId":"subscription-style-section-topStartLabelStyles"}]},{"fieldKey":"items.0.bottomStartLabel","title":"Style the plan note (bottom-left)","sectionType":"paywallSubscriptions","group":"perPlan","guideKey":"screenedit-paywall-subscriptions-bottom-start-label","editorTestId":"subscription-style-section-bottomStartLabelStyles","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-bottom-start-label.png","articleSectionId":"set-paywallsubscriptions-items-0-bottomstartlabel","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Style the plan note (bottom-left)”.","postconditionTestId":"subscription-style-section-bottomStartLabelStyles"}]},{"fieldKey":"items.0.topEndLabel","title":"Style the price (top-right)","sectionType":"paywallSubscriptions","group":"perPlan","guideKey":"screenedit-paywall-subscriptions-top-end-label","editorTestId":"subscription-style-section-topEndLabelStyles","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-top-end-label.png","articleSectionId":"set-paywallsubscriptions-items-0-topendlabel","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Style the price (top-right)”.","postconditionTestId":"subscription-style-section-topEndLabelStyles"}]},{"fieldKey":"items.0.bottomEndLabel","title":"Style the billing period (bottom-right)","sectionType":"paywallSubscriptions","group":"perPlan","guideKey":"screenedit-paywall-subscriptions-bottom-end-label","editorTestId":"subscription-style-section-bottomEndLabelStyles","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-bottom-end-label.png","articleSectionId":"set-paywallsubscriptions-items-0-bottomendlabel","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Style the billing period (bottom-right)”.","postconditionTestId":"subscription-style-section-bottomEndLabelStyles"}]},{"fieldKey":"items.0.badge","title":"Plan badge","sectionType":"paywallSubscriptions","group":"perPlan","guideKey":"screenedit-paywall-subscriptions-badge","editorTestId":"subscription-style-section-badgeStyles","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-badge.png","articleSectionId":"set-paywallsubscriptions-items-0-badge","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Plan badge”.","postconditionTestId":"subscription-style-section-badgeStyles"}]},{"fieldKey":"items.0.checkbox","title":"Style the plan checkbox","sectionType":"paywallSubscriptions","group":"perPlan","guideKey":"screenedit-paywall-subscriptions-checkbox","editorTestId":"subscription-style-section-checkboxStyles","revealState":"styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-subscriptions-section/0.2.0/configure-paywall-subscriptions-section-2026-06-24T21-02-04-886Z-962637a0/styles-checkbox.png","articleSectionId":"set-paywallsubscriptions-items-0-checkbox","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and find the Subscription Plans section (view kind, checkbox placement, Add Plan).","postconditionTestId":"subscription-view-kind-selector"},{"to":"panel","humanInstruction":"Open the Subscriptions style settings (the Tune gear) and expand each sub-accordion.","postconditionTestId":"subscription-style-sections"},{"to":"control","humanInstruction":"Find “Style the plan checkbox”.","postconditionTestId":"subscription-style-section-checkboxStyles"}]}],"projectId":"arswew63RwQr6V4Ekb1Z","articleId":"help-block-paywall-subscriptions"},"webViewDefaultBackgroundColor":"#F7F8FA","projectAnalytics":{"consentManagement":{"enabled":true,"bannerText":"We use cookies to improve your experience and analyze site usage.","privacyPolicyUrl":"","defaultConsent":"denied"},"integrations":[{"platform":"segmently_internal","name":"Segmently Analytics","enabled":true,"config":{"mode":"http"},"createdAt":"2026-05-26T13:53:00.398Z","updatedAt":"2026-05-26T13:53:00.398Z","id":"int_mpmp3jsm_aij2kz"}]}}