{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_help-block-paywall-media","screens":{"article_screen_help-block-paywall-media":{"id":"article_screen_help-block-paywall-media","name":"Paywall Media — 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 Media — every setting"},"kind":"static","appearance":{"align":"start","fontSize":28,"fontWeight":800,"lineHeight":34,"color":"#101828"}},"subtitle":{"translations":{"en":"The paywall's featured image or video — its source, how it fills its area, height, corner rounding, spacing, where it sits relative to the header and body, and an optional dark fade overlay for text readability. This guide documents every setting of the Paywall Media 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 Media 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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/context-section.png","name":"The screen editor with the Paywall Media 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 Media 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-source-head","order":4,"kind":"Text","label":"Group: Image or video source","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Image or video source"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-paywallmedia-media-enable","order":5,"kind":"Text","label":"Image or video source · Show featured media","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Show featured media"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Turn this on to show a featured image or video at the top of the paywall, or off to hide media and give the plan cards more room. After enabling, choose the media type and upload your asset, otherwise nothing appears. Use media when a visual strengthens the offer; skip it for a tighter, text-only paywall."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-media-enable-img","order":6,"kind":"Media","label":"Show featured media","layout":{"heightKind":"fixed","heightValue":136,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/open-section-enable.png","name":"Where to find “Show featured media” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-media-kind","order":7,"kind":"Text","label":"Image or video source · Image or video","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Image or video"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Picks whether the featured media is an image or a video. Image is simplest and loads fastest; video can show your product in motion but should be short and auto-playing. Note that switching type clears any asset you already uploaded, so choose first, then upload; picking Video also unlocks the loop option."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-media-kind-img","order":8,"kind":"Media","label":"Image or video","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-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/open-section-kind.png","name":"Where to find “Image or video” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-image-upload","order":9,"kind":"Text","label":"Image or video source · Upload the featured image","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Upload the featured image"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Upload (or clear) the hero image shown at the top of the paywall. Use a high-resolution image with its subject centered, since the edges may be cropped depending on your fit setting. If your funnel runs in multiple languages you can upload a different image per language; it appears only when media type is Image, and nothing shows until you upload one."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-image-upload-img","order":10,"kind":"Media","label":"Upload the featured image","layout":{"heightKind":"fixed","heightValue":148,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/open-section-image.png","name":"Where to find “Upload the featured image” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-video-upload","order":11,"kind":"Text","label":"Image or video source · Upload the featured video","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Upload the featured video"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Upload (or clear) the hero video shown at the top of the paywall. Keep it short and lightweight (a few seconds, compressed) so it loads fast on mobile data, and remember it auto-plays muted, so the visual must work without sound. If your funnel runs in multiple languages you can upload a different video per language; it appears only when media type is Video, and nothing shows until you upload one."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-video-upload-img","order":12,"kind":"Media","label":"Upload the featured video","layout":{"heightKind":"fixed","heightValue":109,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/video-video.png","name":"Where to find “Upload the featured video” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-appearance-head","order":13,"kind":"Text","label":"Group: Size, placement & spacing","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Size, placement & spacing"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-paywallmedia-scale-mode","order":14,"kind":"Text","label":"Size, placement & spacing · How the media fills its area","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"How the media fills its area"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Decides how your image or video sits in its space. 'Fit' shows the whole asset but may leave blank bars around it; 'Fill' crops the edges so the area is covered with no gaps. Fill usually looks best for a clean edge-to-edge hero, just keep anything important away from the edges; choose Fit only when the entire image must stay visible."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-scale-mode-img","order":15,"kind":"Media","label":"How the media fills its area","layout":{"heightKind":"fixed","heightValue":105,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-scale-mode.png","name":"Where to find “How the media fills its area” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-height-percentage","order":16,"kind":"Text","label":"Size, placement & spacing · Media height on screen","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Media height on screen"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"How much of the screen the featured image or video takes up, as a share of screen height. Keep it moderate (around 30 to 45%) so the plan cards and purchase button stay visible without scrolling; too tall pushes your offer below the fold and costs you sales. Always check the result on a phone-sized preview."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-height-percentage-img","order":17,"kind":"Media","label":"Media height on screen","layout":{"heightKind":"fixed","heightValue":102,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-height.png","name":"Where to find “Media height on screen” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-corner-radius","order":18,"kind":"Text","label":"Size, placement & spacing · Round the media corners","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Round the media corners"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how rounded the corners of the image or video are. Zero gives sharp edges, which often look best for a full-width hero, while higher values give a soft, card-like look that matches rounded buttons and plan cards. Match it to the rest of your theme's rounding; the default is usually fine."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-corner-radius-img","order":19,"kind":"Media","label":"Round the media corners","layout":{"heightKind":"fixed","heightValue":102,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-corner-radius.png","name":"Where to find “Round the media corners” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-repeat-video","order":20,"kind":"Text","label":"Size, placement & spacing · Loop the video","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Loop the video"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"When on, the featured video repeats continuously; when off, it plays once and stops on the last frame. Loop short, ambient clips (a few seconds) so the paywall stays lively and eye-catching; turn it off for a video with a clear ending you don't want replayed. This only appears when the media type is Video."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-repeat-video-img","order":21,"kind":"Media","label":"Loop the video","layout":{"heightKind":"fixed","heightValue":105,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/video-repeat.png","name":"Where to find “Loop the video” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-padding","order":22,"kind":"Text","label":"Size, placement & spacing · Space around the media","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Space around the media"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the space between the media and its surroundings on each side: top, right, bottom, and left. Add padding to inset the image or video from the screen edges for a framed look, or set it to zero for a full-bleed, edge-to-edge hero. The theme default is a safe start; adjust only if the media looks too tight or too floaty in preview."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-padding-img","order":23,"kind":"Media","label":"Space around the media","layout":{"heightKind":"fixed","heightValue":255,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-padding.png","name":"Where to find “Space around the media” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-media-top","order":24,"kind":"Text","label":"Size, placement & spacing · Where media starts vertically","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Where media starts vertically"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets where the image or video begins at the top of the screen relative to the header (back button and progress bar). 'Screen Top' starts media at the very top behind the header for a full-bleed hero look; 'Header Bottom' starts it just under the header so the controls stay clear of the image. Use Header Bottom if the header overlaps your media awkwardly, otherwise Screen Top is the most immersive."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-media-top-img","order":25,"kind":"Media","label":"Where media starts vertically","layout":{"heightKind":"fixed","heightValue":105,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-top.png","name":"Where to find “Where media starts vertically” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-media-bottom","order":26,"kind":"Text","label":"Size, placement & spacing · How media meets the text","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"How media meets the text"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how the media and the paywall text relate vertically. 'Above Content' keeps the media as a banner with the title, subtitle, and plans stacked below it (safest, always readable); 'Behind Intro Content' layers the title over the media for a magazine-style hero. Start with Above Content; if you choose the overlaid look, turn on the gradient overlay so the text stays legible."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-media-bottom-img","order":27,"kind":"Media","label":"How media meets the text","layout":{"heightKind":"fixed","heightValue":105,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-bottom.png","name":"Where to find “How media meets the text” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-gradient-head","order":28,"kind":"Text","label":"Group: Fade overlay","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Fade overlay"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-paywallmedia-gradient-enable","order":29,"kind":"Text","label":"Fade overlay · Dark fade over media","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Dark fade over media"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Lays a dark fade over the image or video so any text and buttons placed on top stay readable. Turn it on whenever you layer the headline or content over the media, or when a busy or light image makes text hard to read; leave it off for a clean image with nothing on top. Once on, you can fine-tune its height and color below."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-gradient-enable-img","order":30,"kind":"Media","label":"Dark fade over media","layout":{"heightKind":"fixed","heightValue":136,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-gradient-enable.png","name":"Where to find “Dark fade over media” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-gradient-height","order":31,"kind":"Text","label":"Fade overlay · Gradient coverage","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Gradient coverage"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"How far up the media the dark fade reaches, as a percentage. A low value shades only the bottom edge (enough for text sitting near the bottom); a high value darkens most of the image. Set it just high enough to cover where your overlaid text sits, leaving the rest of the image visible. This only appears when the gradient overlay is turned on."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-gradient-height-img","order":32,"kind":"Media","label":"Gradient coverage","layout":{"heightKind":"fixed","heightValue":148,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/gradient-height.png","name":"Where to find “Gradient coverage” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-paywallmedia-gradient-color","order":33,"kind":"Text","label":"Fade overlay · Gradient overlay color","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Gradient overlay color"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the color of the dark fade laid over your media (default black). Black works best behind white text; choose a dark brand color if you want the fade to feel on-theme. The overlay always fades to clear at the top, so only this base color matters. It appears only when the gradient overlay is turned on."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-paywallmedia-gradient-color-img","order":34,"kind":"Media","label":"Gradient overlay color","layout":{"heightKind":"fixed","heightValue":95,"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-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/gradient-color.png","name":"Where to find “Gradient overlay color” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}}]}}}},"metadata":{"kind":"article","alias":"help-block-paywall-media","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":"media-enable","title":"Show featured media","sectionType":"paywallMedia","group":"source","guideKey":"screenedit-paywall-media-enable","editorTestId":"paywall-media-enable","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/open-section-enable.png","articleSectionId":"set-paywallmedia-media-enable","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"control","humanInstruction":"Find “Show featured media”.","postconditionTestId":"paywall-media-enable"}]},{"fieldKey":"media-kind","title":"Image or video","sectionType":"paywallMedia","group":"source","guideKey":"screenedit-paywall-media-kind","editorTestId":"paywall-media-kind","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/open-section-kind.png","articleSectionId":"set-paywallmedia-media-kind","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"control","humanInstruction":"Find “Image or video”.","postconditionTestId":"paywall-media-kind"}]},{"fieldKey":"image-upload","title":"Upload the featured image","sectionType":"paywallMedia","group":"source","guideKey":"screenedit-paywall-media-image","editorTestId":"paywall-media-image","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/open-section-image.png","articleSectionId":"set-paywallmedia-image-upload","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"control","humanInstruction":"Find “Upload the featured image”.","postconditionTestId":"paywall-media-image"}]},{"fieldKey":"video-upload","title":"Upload the featured video","sectionType":"paywallMedia","group":"source","guideKey":"screenedit-paywall-media-video","editorTestId":"paywall-media-video","revealState":"video","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/video-video.png","articleSectionId":"set-paywallmedia-video-upload","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"Set the media type to Video.","postconditionTestId":"paywall-media-video"},{"to":"control","humanInstruction":"Find “Upload the featured video”.","postconditionTestId":"paywall-media-video"}]},{"fieldKey":"scale-mode","title":"How the media fills its area","sectionType":"paywallMedia","group":"appearance","guideKey":"screenedit-paywall-media-scale-mode","editorTestId":"input-style-media-scale-mode","revealState":"appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-scale-mode.png","articleSectionId":"set-paywallmedia-scale-mode","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"Open the Media appearance settings (the Tune gear).","postconditionTestId":"input-style-media-scale-mode"},{"to":"control","humanInstruction":"Find “How the media fills its area”.","postconditionTestId":"input-style-media-scale-mode"}]},{"fieldKey":"height-percentage","title":"Media height on screen","sectionType":"paywallMedia","group":"appearance","guideKey":"screenedit-paywall-media-height-percentage","editorTestId":"input-style-media-height-","revealState":"appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-height.png","articleSectionId":"set-paywallmedia-height-percentage","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"Open the Media appearance settings (the Tune gear).","postconditionTestId":"input-style-media-scale-mode"},{"to":"control","humanInstruction":"Find “Media height on screen”.","postconditionTestId":"input-style-media-height-"}]},{"fieldKey":"corner-radius","title":"Round the media corners","sectionType":"paywallMedia","group":"appearance","guideKey":"screenedit-paywall-media-corner-radius","editorTestId":"input-style-media-corner-radius","revealState":"appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-corner-radius.png","articleSectionId":"set-paywallmedia-corner-radius","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"Open the Media appearance settings (the Tune gear).","postconditionTestId":"input-style-media-scale-mode"},{"to":"control","humanInstruction":"Find “Round the media corners”.","postconditionTestId":"input-style-media-corner-radius"}]},{"fieldKey":"repeat-video","title":"Loop the video","sectionType":"paywallMedia","group":"appearance","guideKey":"screenedit-paywall-media-repeat","editorTestId":"input-style-media-repeat","revealState":"video","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/video-repeat.png","articleSectionId":"set-paywallmedia-repeat-video","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"Set the media type to Video.","postconditionTestId":"paywall-media-video"},{"to":"control","humanInstruction":"Find “Loop the video”.","postconditionTestId":"input-style-media-repeat"}]},{"fieldKey":"padding","title":"Space around the media","sectionType":"paywallMedia","group":"appearance","guideKey":"screenedit-paywall-media-padding","editorTestId":"paywall-media-padding","revealState":"appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-padding.png","articleSectionId":"set-paywallmedia-padding","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"Open the Media appearance settings (the Tune gear).","postconditionTestId":"input-style-media-scale-mode"},{"to":"control","humanInstruction":"Find “Space around the media”.","postconditionTestId":"paywall-media-padding"}]},{"fieldKey":"media-top","title":"Where media starts vertically","sectionType":"paywallMedia","group":"appearance","guideKey":"screenedit-paywall-media-top","editorTestId":"input-style-media-media-top","revealState":"appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-top.png","articleSectionId":"set-paywallmedia-media-top","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"Open the Media appearance settings (the Tune gear).","postconditionTestId":"input-style-media-scale-mode"},{"to":"control","humanInstruction":"Find “Where media starts vertically”.","postconditionTestId":"input-style-media-media-top"}]},{"fieldKey":"media-bottom","title":"How media meets the text","sectionType":"paywallMedia","group":"appearance","guideKey":"screenedit-paywall-media-bottom","editorTestId":"input-style-media-media-bottom","revealState":"appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-bottom.png","articleSectionId":"set-paywallmedia-media-bottom","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"Open the Media appearance settings (the Tune gear).","postconditionTestId":"input-style-media-scale-mode"},{"to":"control","humanInstruction":"Find “How media meets the text”.","postconditionTestId":"input-style-media-media-bottom"}]},{"fieldKey":"gradient-enable","title":"Dark fade over media","sectionType":"paywallMedia","group":"gradient","guideKey":"screenedit-paywall-media-gradient","editorTestId":"paywall-media-gradient-enable","revealState":"appearance","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/appearance-gradient-enable.png","articleSectionId":"set-paywallmedia-gradient-enable","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"Open the Media appearance settings (the Tune gear).","postconditionTestId":"input-style-media-scale-mode"},{"to":"control","humanInstruction":"Find “Dark fade over media”.","postconditionTestId":"paywall-media-gradient-enable"}]},{"fieldKey":"gradient-height","title":"Gradient coverage","sectionType":"paywallMedia","group":"gradient","guideKey":"screenedit-paywall-media-gradient-height","editorTestId":"paywall-media-gradient-height-slider","revealState":"gradient","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/gradient-height.png","articleSectionId":"set-paywallmedia-gradient-height","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"In the appearance settings, tick Enable Gradient.","postconditionTestId":"paywall-media-gradient-height-slider"},{"to":"control","humanInstruction":"Find “Gradient coverage”.","postconditionTestId":"paywall-media-gradient-height-slider"}]},{"fieldKey":"gradient-color","title":"Gradient overlay color","sectionType":"paywallMedia","group":"gradient","guideKey":"screenedit-paywall-media-gradient-color","editorTestId":"input-style-paywall-gradient-color","revealState":"gradient","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-paywall-media-section/0.2.0/configure-paywall-media-section-2026-06-24T20-36-44-297Z-58309c6c/gradient-color.png","articleSectionId":"set-paywallmedia-gradient-color","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Paywall screen and expand the Media section; tick Enable.","postconditionTestId":"paywall-media-kind"},{"to":"panel","humanInstruction":"In the appearance settings, tick Enable Gradient.","postconditionTestId":"paywall-media-gradient-height-slider"},{"to":"control","humanInstruction":"Find “Gradient overlay color”.","postconditionTestId":"input-style-paywall-gradient-color"}]}],"projectId":"arswew63RwQr6V4Ekb1Z","articleId":"help-block-paywall-media"},"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"}]}}