Page modules define the content that is displayed on a site page. There are several module types:

  • Content Grid

  • Content List

  • Text

  • Video

  • Image

  • Header

  • Banner

  • Code

View live examples

Module types

Content modules

Content modules display information from your Product catalogue across your site. This includes: Products, Product Formats, Tracks, Artists and Labels.

You can choose what content you want to be listed either by selecting an existing Tag (to list the tagged content) or by adding items manually to the module.

Content Grid


  • 8-column

  • 6-column

  • 4-column

  • 3-column

  • 2-column

  • Full-size

Content List


  • Small

  • Medium

  • Large

  • Full-size

The size affects the layout of the content on the page, as well as the associated level of detail displayed for the items.

The grid layouts are responsive, so that they show fewer columns when moving down to mobile and tablet size screens.


Simple text modules allow setting a Heading and Body text.

The heading will appear above the body in a larger font size with the heading styles defined on the Site Design Settings.

The body text input allows text formatting for bold, italics, links, lists, and more. Help on how to do this is shown by toggling the panel below the text box.

All modules allow text to be set for a heading or body text.


Images may be uploaded to a module. Alternatively, existing images can be tagged, and the tag used to populate the module.

Image modules will output images in a grid.


Videos can be added by referencing or embedding a video from a video streaming platform. Alternatively, existing videos can be tagged, and the tag used to populate the module.

Video modules will be shown horizontally centred on the page.

Use a banner to link to content somewhere on the site, or to an external URL.

Upload an image to be displayed as the banner background, and add text to describe the content you’re linking to. Setting a URL on the image will define where the banner item links to.

For smaller module sizes, banners will appear centred on the page.

These come in various sizes but will not resize the proportions of the banner image you upload.

You can add several images to a banner, each will be listed vertically.


By adding a custom class to a Banner module, you can set images to show as a carousel.

Adding a carousel


Use a header module to show a large page heading. The heading will appear with the heading styles defined on the Site Design Settings.

You can add images to a header in the same way as for a banner module.


Code modules accept blocks of HTML code, so can be used for iFrame and form embeds. For instance, for mailing list sign-up forms.

How to add a mailing list embed


Adding content to a page

Did this answer your question?