Video Chapters Builder
Build interactive chapter markers for Squarespace native videos. Add your chapters, style them, then copy the code.
Video title
Uncheck for additional videos — the script only needs loading once.
Quick import
Single-line or multi-line with descriptions
Display mode
Placement
Page slug (leave empty for all pages with video)
Position
Popup options
Button style
Opens towards
Panel width
Width (px)
Animation
Panel width
Width (px)
Presets
Options
Heading text
Divider style
Border width (px)
Border radius (px)
Heading size
Description size
Colours
Font family
Google Font name (exact)
Must match the name on fonts.google.com exactly
Live preview
Generated code — paste into a Squarespace Code Block
Note: Chapters won't appear in Squarespace's editor — this is normal. Save your changes and view the published page to see them working.