{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_help-block-sticky-container","screens":{"article_screen_help-block-sticky-container":{"id":"article_screen_help-block-sticky-container","name":"Sticky Container — 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":"Sticky Container — every setting"},"kind":"static","appearance":{"align":"start","fontSize":28,"fontWeight":800,"lineHeight":34,"color":"#101828"}},"subtitle":{"translations":{"en":"A floating bar pinned to the bottom of a Flexible Layout screen so the main button stays visible and tappable while content scrolls — its background bar (colour, opacity, corner radius, outline), the spacing from the edges and around the button, and whether it holds a standard or purchase button. This guide documents every setting of the Sticky Container 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":"Sticky Container in the editor","layout":{"heightKind":"fixed","heightValue":900,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/context-section.png","name":"The screen editor with the Sticky Container 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 Sticky Container 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: Flexible Layout screens."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":25,"color":"#344054"}}}},{"id":"article-first-pinned-button-label-style","order":4,"kind":"Text","label":"Pinned button label and style","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Pinned button label and style: Open the inline button card to set the label, navigation or purchase action, optional icon, typography, fill, borders, corners, gradient, shadow, effects, and padding. Confirm the action points to the intended next screen or product, then use a short label such as “Start free trial” that stays readable against the container."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":500,"lineHeight":24,"color":"#344054"}}}},{"id":"g-behavior-head","order":5,"kind":"Text","label":"Group: Pin & button type","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Pin & button type"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-stickycontainer-enablesticky","order":6,"kind":"Text","label":"Pin & button type · Pin the CTA to the bottom","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Pin the CTA to the bottom"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Turns the sticky bar on or off. When on, your main button stays pinned to the bottom and tappable while the visitor scrolls, and the rest of the bar's settings below appear. Turn it on for long or paywall screens so the action never scrolls out of reach (this protects clicks from paid traffic); leave it off on short screens where the button is always in view."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-stickycontainer-enablesticky-img","order":7,"kind":"Media","label":"Pin the CTA to the bottom","layout":{"heightKind":"fixed","heightValue":264,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/open-section-enable.png","name":"Where to find “Pin the CTA to the bottom” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-stickycontainer-buttontype","order":8,"kind":"Text","label":"Pin & button type · What the button does","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"What the button does"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Chooses the pinned button's job: a standard button navigates to the next screen (use it on flow steps like 'Continue'), while a purchase button starts checkout and ties into your paywall products (use it on the paywall). The bar holds one button at a time, so switching type replaces it with a fresh default — your bar styling is kept, but you'll need to re-set the button's label and action."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-stickycontainer-buttontype-img","order":9,"kind":"Media","label":"What the button does","layout":{"heightKind":"fixed","heightValue":131,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/open-section-button-type.png","name":"Where to find “What the button does” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-appearance-head","order":10,"kind":"Text","label":"Group: Bar appearance","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Bar appearance"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-stickycontainer-showbackground","order":11,"kind":"Text","label":"Bar appearance · Show a bar behind the button","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Show a bar behind the button"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Adds a solid bar behind the pinned button and unlocks the background color, opacity, border and corner-radius settings. Keep it on in most cases: the bar separates the CTA from content scrolling underneath, so the button stays readable over busy backgrounds. Turn it off only for a clean floating-button look on simple screens where nothing scrolls behind it."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-stickycontainer-showbackground-img","order":12,"kind":"Media","label":"Show a bar behind the button","layout":{"heightKind":"fixed","heightValue":256,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-show-background.png","name":"Where to find “Show a bar behind the button” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-stickycontainer-backgroundcolor","order":13,"kind":"Text","label":"Bar appearance · Color of the bar","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Color of the bar"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the color of the bar behind the pinned button (appears only when the bar is shown; defaults to white). Match it to your screen or theme background so the bar feels built-in, and make sure it contrasts with the button so the CTA stays the most eye-catching thing on screen. That contrast is what keeps the call-to-action obvious to paid-traffic visitors."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-stickycontainer-backgroundcolor-img","order":14,"kind":"Media","label":"Color of the bar","layout":{"heightKind":"fixed","heightValue":128,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-bg-color.png","name":"Where to find “Color of the bar” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-stickycontainer-opacity","order":15,"kind":"Text","label":"Bar appearance · How see-through the bar is","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"How see-through the bar is"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how transparent the bar's background is, from fully see-through to fully solid (only applies when the bar is shown). Keep it near solid to keep the CTA crisp and readable; lower it for a softer, glass-like look that lets content show through. Avoid going very transparent — if the button blends into scrolling content, visitors may miss it and you lose clicks."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-stickycontainer-opacity-img","order":16,"kind":"Media","label":"How see-through the bar is","layout":{"heightKind":"fixed","heightValue":128,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-opacity.png","name":"Where to find “How see-through the bar is” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-stickycontainer-cornerradius","order":17,"kind":"Text","label":"Bar appearance · Roundness of the bar corners","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Roundness of the bar corners"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how rounded the bar's corners are, in pixels (default 12, only applies when the bar is shown). The default looks good on most screens; raise it for a softer, pill-like bar or set it to 0 for sharp corners. Match it to your buttons and cards so the bar looks like part of the design rather than an add-on."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-stickycontainer-cornerradius-img","order":18,"kind":"Media","label":"Roundness of the bar corners","layout":{"heightKind":"fixed","heightValue":128,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-corner-radius.png","name":"Where to find “Roundness of the bar corners” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-stickycontainer-borderwidth","order":19,"kind":"Text","label":"Bar appearance · Outline thickness","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Outline thickness"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how thick the outline around the bar is, in pixels (default 0, meaning no outline; only applies when the bar is shown). Add an outline when the bar's color is close to the screen background and you want a crisp edge that separates the CTA from content behind it. Once it is above 0, the border color setting appears so you can style the outline."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-stickycontainer-borderwidth-img","order":20,"kind":"Media","label":"Outline thickness","layout":{"heightKind":"fixed","heightValue":128,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-border-width.png","name":"Where to find “Outline thickness” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-stickycontainer-bordercolor","order":21,"kind":"Text","label":"Bar appearance · Outline color","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Outline color"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the color of the bar's outline (defaults to black; appears only when the outline thickness is above 0 and the bar is shown). Pick a color that frames the bar without competing with the button — a subtle, theme-matched tone usually works best, keeping attention on the CTA itself."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-stickycontainer-bordercolor-img","order":22,"kind":"Media","label":"Outline color","layout":{"heightKind":"fixed","heightValue":128,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-border-color.png","name":"Where to find “Outline color” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-spacing-head","order":23,"kind":"Text","label":"Group: Bar spacing","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Bar spacing"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-stickycontainer-offsetfromedges","order":24,"kind":"Text","label":"Bar spacing · Spacing from screen edges","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Spacing from screen edges"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the gap, in pixels, between the bar and the top, right, bottom and left edges of the screen. Add a little bottom and side spacing so the bar floats just above the edge instead of touching it. This keeps the CTA clear of the phone's home indicator and gesture area, so the button stays comfortably tappable on mobile, where most paid traffic lands."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-stickycontainer-offsetfromedges-img","order":25,"kind":"Media","label":"Spacing from screen edges","layout":{"heightKind":"fixed","heightValue":73,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-spacing-offset.png","name":"Where to find “Spacing from screen edges” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-stickycontainer-containerpadding","order":26,"kind":"Text","label":"Bar spacing · Space around the button","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Space around the button"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the inner spacing on all four sides between the bar's background and the button inside it. A little padding keeps the button from looking cramped against the edges and gives a comfortable tap target; too much wastes vertical space and shrinks the visible content. Adjust until the button sits centered with even breathing room."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-stickycontainer-containerpadding-img","order":27,"kind":"Media","label":"Space around the button","layout":{"heightKind":"fixed","heightValue":120,"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-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-spacing-padding.png","name":"Where to find “Space around the button” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}}]}}}},"metadata":{"kind":"article","alias":"help-block-sticky-container","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":"enableSticky","title":"Pin the CTA to the bottom","sectionType":"stickyContainer","group":"behavior","guideKey":"screenedit-sticky-container-enable-sticky","editorTestId":"sticky-container-enable-toggle","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/open-section-enable.png","articleSectionId":"set-stickycontainer-enablesticky","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Flexible Layout screen and expand the Sticky Container section.","postconditionTestId":"sticky-container-enable-toggle"},{"to":"control","humanInstruction":"Find “Pin the CTA to the bottom”.","postconditionTestId":"sticky-container-enable-toggle"}]},{"fieldKey":"buttonType","title":"What the button does","sectionType":"stickyContainer","group":"behavior","guideKey":"screenedit-sticky-container-button-type","editorTestId":"sticky-container-button-type-select","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/open-section-button-type.png","articleSectionId":"set-stickycontainer-buttontype","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Flexible Layout screen and expand the Sticky Container section.","postconditionTestId":"sticky-container-enable-toggle"},{"to":"control","humanInstruction":"Find “What the button does”.","postconditionTestId":"sticky-container-button-type-select"}]},{"fieldKey":"showBackground","title":"Show a bar behind the button","sectionType":"stickyContainer","group":"appearance","guideKey":"screenedit-sticky-container-show-background","editorTestId":"sticky-container-show-background-checkbox","revealState":"sticky-appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-show-background.png","articleSectionId":"set-stickycontainer-showbackground","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Flexible Layout screen and expand the Sticky Container section.","postconditionTestId":"sticky-container-enable-toggle"},{"to":"panel","humanInstruction":"Expand the Appearance group inside the Sticky Container.","postconditionTestId":"sticky-container-show-background-checkbox"},{"to":"control","humanInstruction":"Find “Show a bar behind the button”.","postconditionTestId":"sticky-container-show-background-checkbox"}]},{"fieldKey":"backgroundColor","title":"Color of the bar","sectionType":"stickyContainer","group":"appearance","guideKey":"screenedit-sticky-container-background-color","editorTestId":"field-content.flexibleLayout.stickyContainer.backgroundColor","revealState":"sticky-appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-bg-color.png","articleSectionId":"set-stickycontainer-backgroundcolor","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Flexible Layout screen and expand the Sticky Container section.","postconditionTestId":"sticky-container-enable-toggle"},{"to":"panel","humanInstruction":"Expand the Appearance group inside the Sticky Container.","postconditionTestId":"sticky-container-show-background-checkbox"},{"to":"control","humanInstruction":"Find “Color of the bar”.","postconditionTestId":"field-content.flexibleLayout.stickyContainer.backgroundColor"}]},{"fieldKey":"opacity","title":"How see-through the bar is","sectionType":"stickyContainer","group":"appearance","guideKey":"screenedit-sticky-container-opacity","editorTestId":"field-content.flexibleLayout.stickyContainer.opacity","revealState":"sticky-appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-opacity.png","articleSectionId":"set-stickycontainer-opacity","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Flexible Layout screen and expand the Sticky Container section.","postconditionTestId":"sticky-container-enable-toggle"},{"to":"panel","humanInstruction":"Expand the Appearance group inside the Sticky Container.","postconditionTestId":"sticky-container-show-background-checkbox"},{"to":"control","humanInstruction":"Find “How see-through the bar is”.","postconditionTestId":"field-content.flexibleLayout.stickyContainer.opacity"}]},{"fieldKey":"cornerRadius","title":"Roundness of the bar corners","sectionType":"stickyContainer","group":"appearance","guideKey":"screenedit-sticky-container-corner-radius","editorTestId":"field-content.flexibleLayout.stickyContainer.cornerRadius.uniform","revealState":"sticky-appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-corner-radius.png","articleSectionId":"set-stickycontainer-cornerradius","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Flexible Layout screen and expand the Sticky Container section.","postconditionTestId":"sticky-container-enable-toggle"},{"to":"panel","humanInstruction":"Expand the Appearance group inside the Sticky Container.","postconditionTestId":"sticky-container-show-background-checkbox"},{"to":"control","humanInstruction":"Find “Roundness of the bar corners”.","postconditionTestId":"field-content.flexibleLayout.stickyContainer.cornerRadius.uniform"}]},{"fieldKey":"borderWidth","title":"Outline thickness","sectionType":"stickyContainer","group":"appearance","guideKey":"screenedit-sticky-container-border-width","editorTestId":"field-content.flexibleLayout.stickyContainer.border.width","revealState":"sticky-appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-border-width.png","articleSectionId":"set-stickycontainer-borderwidth","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Flexible Layout screen and expand the Sticky Container section.","postconditionTestId":"sticky-container-enable-toggle"},{"to":"panel","humanInstruction":"Expand the Appearance group inside the Sticky Container.","postconditionTestId":"sticky-container-show-background-checkbox"},{"to":"control","humanInstruction":"Find “Outline thickness”.","postconditionTestId":"field-content.flexibleLayout.stickyContainer.border.width"}]},{"fieldKey":"borderColor","title":"Outline color","sectionType":"stickyContainer","group":"appearance","guideKey":"screenedit-sticky-container-border-color","editorTestId":"field-content.flexibleLayout.stickyContainer.border.color","revealState":"sticky-appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-appearance-border-color.png","articleSectionId":"set-stickycontainer-bordercolor","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Flexible Layout screen and expand the Sticky Container section.","postconditionTestId":"sticky-container-enable-toggle"},{"to":"panel","humanInstruction":"Expand the Appearance group inside the Sticky Container.","postconditionTestId":"sticky-container-show-background-checkbox"},{"to":"control","humanInstruction":"Find “Outline color”.","postconditionTestId":"field-content.flexibleLayout.stickyContainer.border.color"}]},{"fieldKey":"offsetFromEdges","title":"Spacing from screen edges","sectionType":"stickyContainer","group":"spacing","guideKey":"screenedit-sticky-container-offset-from-edges","editorTestId":"sticky-container-offset-from-edges","revealState":"sticky-spacing","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-spacing-offset.png","articleSectionId":"set-stickycontainer-offsetfromedges","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Flexible Layout screen and expand the Sticky Container section.","postconditionTestId":"sticky-container-enable-toggle"},{"to":"panel","humanInstruction":"Expand the Spacing group inside the Sticky Container.","postconditionTestId":"sticky-container-offset-from-edges"},{"to":"control","humanInstruction":"Find “Spacing from screen edges”.","postconditionTestId":"sticky-container-offset-from-edges"}]},{"fieldKey":"containerPadding","title":"Space around the button","sectionType":"stickyContainer","group":"spacing","guideKey":"screenedit-sticky-container-padding","editorTestId":"sticky-container-padding","revealState":"sticky-spacing","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-sticky-container-section/0.2.0/configure-sticky-container-section-2026-06-25T09-27-11-795Z-a7e51f3e/sticky-spacing-padding.png","articleSectionId":"set-stickycontainer-containerpadding","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Flexible Layout screen and expand the Sticky Container section.","postconditionTestId":"sticky-container-enable-toggle"},{"to":"panel","humanInstruction":"Expand the Spacing group inside the Sticky Container.","postconditionTestId":"sticky-container-offset-from-edges"},{"to":"control","humanInstruction":"Find “Space around the button”.","postconditionTestId":"sticky-container-padding"}]}],"projectId":"arswew63RwQr6V4Ekb1Z","articleId":"help-block-sticky-container"},"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"}]}}