{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_help-block-custom-html","screens":{"article_screen_help-block-custom-html":{"id":"article_screen_help-block-custom-html","name":"Custom HTML — 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":"Custom HTML — every setting"},"kind":"static","appearance":{"align":"start","fontSize":28,"fontWeight":800,"lineHeight":34,"color":"#101828"}},"subtitle":{"translations":{"en":"The Custom HTML settings for this screen. This guide documents every setting of the Custom HTML 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":"Custom HTML 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-embed-section/0.2.0/configure-embed-section-2026-06-24T12-57-59-726Z-b7a815cb/context-section.png","name":"The screen editor with the Custom HTML 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 Custom HTML 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: Web Embed screens."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":25,"color":"#344054"}}}},{"id":"g-all-head","order":4,"kind":"Text","label":"Group: All settings","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"All settings"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-embed-isiframe","order":5,"kind":"Text","label":"All settings · Keep custom code sandboxed","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Keep custom code sandboxed"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Decides whether your custom HTML runs in a protected sandbox (On, the default) or directly in the page (Off). Leave it On — the sandbox stops your CSS and JavaScript from leaking out and breaking the rest of the screen. Only switch it Off if your code truly needs to reach the surrounding page, and expect to debug styling clashes if you do."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-embed-isiframe-img","order":6,"kind":"Media","label":"Keep custom code sandboxed","layout":{"heightKind":"fixed","heightValue":72,"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-embed-section/0.2.0/configure-embed-section-2026-06-24T12-57-59-726Z-b7a815cb/open-section-iframe.png","name":"Where to find “Keep custom code sandboxed” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-embed-html","order":7,"kind":"Text","label":"All settings · Your custom screen code","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Your custom screen code"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Write the HTML, CSS, and JavaScript that renders inside this custom screen here. Edits stay local until you click Apply to Preview, then they appear in the preview. Critically, your code must call segmentlySDK.navigateNext to advance the funnel and segmentlySDK.getChildSection to read any data sources you've added — without navigateNext, visitors get stuck and never reach your paywall."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-embed-html-img","order":8,"kind":"Media","label":"Your custom screen code","layout":{"heightKind":"fixed","heightValue":334,"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-embed-section/0.2.0/configure-embed-section-2026-06-24T12-57-59-726Z-b7a815cb/open-section-html.png","name":"Where to find “Your custom screen code” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-embed-childsections","order":9,"kind":"Text","label":"All settings · Editable content for your HTML","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Editable content for your HTML"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Adds reusable pieces of content (text, images, and more) that your custom HTML can read by name, so copy and visuals live in the editor instead of being hard-coded. In code you fetch one by its name, which lets you or a non-developer update content later without touching the HTML. The Image URL Scanner can auto-create media sources from external image links it finds, so those images get hosted and tracked by Segmently."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-embed-childsections-img","order":10,"kind":"Media","label":"Editable content for your HTML","layout":{"heightKind":"fixed","heightValue":92,"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-embed-section/0.2.0/configure-embed-section-2026-06-24T12-57-59-726Z-b7a815cb/open-section-data-sources.png","name":"Where to find “Editable content for your HTML” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}}]}}}},"metadata":{"kind":"article","alias":"help-block-custom-html","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":"isIframe","title":"Keep custom code sandboxed","sectionType":"embed","group":"all","guideKey":"screenedit-embed-iframe-isolation","editorTestId":"embed-iframe-toggle","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-embed-section/0.2.0/configure-embed-section-2026-06-24T12-57-59-726Z-b7a815cb/open-section-iframe.png","articleSectionId":"set-embed-isiframe","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a WebEmbed screen and find the Embed section.","postconditionTestId":"section-embed"},{"to":"control","humanInstruction":"Find “Keep custom code sandboxed”.","postconditionTestId":"embed-iframe-toggle"}]},{"fieldKey":"html","title":"Your custom screen code","sectionType":"embed","group":"all","guideKey":"screenedit-embed-html-editor","editorTestId":"embed-html-editor","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-embed-section/0.2.0/configure-embed-section-2026-06-24T12-57-59-726Z-b7a815cb/open-section-html.png","articleSectionId":"set-embed-html","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a WebEmbed screen and find the Embed section.","postconditionTestId":"section-embed"},{"to":"control","humanInstruction":"Find “Your custom screen code”.","postconditionTestId":"embed-html-editor"}]},{"fieldKey":"childSections","title":"Editable content for your HTML","sectionType":"embed","group":"all","guideKey":"screenedit-embed-data-sources","editorTestId":"embed-data-sources","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-embed-section/0.2.0/configure-embed-section-2026-06-24T12-57-59-726Z-b7a815cb/open-section-data-sources.png","articleSectionId":"set-embed-childsections","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a WebEmbed screen and find the Embed section.","postconditionTestId":"section-embed"},{"to":"control","humanInstruction":"Find “Editable content for your HTML”.","postconditionTestId":"embed-data-sources"}]}],"projectId":"arswew63RwQr6V4Ekb1Z","articleId":"help-block-custom-html"},"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"}]}}