The Video grid Section

Several videos in a grid, each with an optional caption.

Best for: A set of how-to videos, or several short films of your work.

A Video grid section on a computer

See it in action: the Video grid section on our demo shop's Workshop page. Our demo shop, perrywhite.indiemade.com, is built entirely with the Section Builder, so you can try it on a computer and a phone. Both videos there are YouTube links. For a video from the shop's own library, see the Video section just above it.

On a phone

The Video grid section on a phone

Adding it

Turn on the Editor, click Add new section here, and choose Video grid under Section Builder. It starts with sample words and pictures; replace them with your own. Click Modify on the section's toolbar to open its drawer. The steps, with pictures, are in Building Pages with the Section Builder.

The Video grid section with its drawer open

The Content tab

  • Videos: click one to edit its link and caption.
  • Add video uses your own uploads and gallery videos. Add video embed takes a YouTube link: watch, share, shorts or embed links all work.
  • Playback: Autoplay, Sound, Controls and Loop, for every video in the grid.
  • Captions: show or hide them.

The Video grid Content tab

Editing one item

Click a video to change its link and caption. Playback settings belong to the whole grid.

Editing one item of a Video grid section

The Layout tab

  • Columns: 1 to 4.
  • Frame shape: Widescreen (16/9), Classic (4/3), Square (1/1) or Vertical (9/16). Every video fills the same shape.
  • Gap.

The Video grid Layout tab

The settings every section shares are explained in Section Colors, Fonts and Backgrounds. Most sections also have Container width, Density and Advanced spacing.

Video grid also has the Colors, Font and Background tabs.

Tips

  • While you edit, each video shows its poster picture instead of playing, so arranging stays quick.

All Section Builder sections ยท Questions? Email support@indiemade.com.