Built-in section type

Built-in

Overlay section type

A controlled content area that deploys a fragment directly to the section or stacks mixed, ordered rows.

What it is

A controlled content area that deploys a fragment directly to the section or stacks mixed, ordered rows.

When to use it

  • React or Vue widget mounts
  • Mixed content stacks
  • Custom forms
  • Split native copy plus engineered UI

Important fields

overlay_layoutoverlay_fragment_sourceoverlay_content_positionfull_width_content_positionraw_htmldeployment_key

Compatible row types

TextCardImageTestimonialCollapsibleSplitRaw html

API example

{
  "type_of": "overlay",
  "header": "Overlay",
  "status": "active"
}

Built-in sections use type_of. Custom Liquid template sections use template_id instead.

Read technical section docsExplore row typesCreate an account