Image and Video blocks

The Image and Video blocks can be combined under a unified structure because they share a common purpose and layout model:

Both blocks act as a background media container with nested content (like text, heading, button blocks) layered on top.

Blocks

These content blocks are modular elements designed to build flexible, visually engaging slides or sections. Each block can be added, arranged, and styled independently to create rich storytelling experiences or drive user actions.

Heading

Displays a large headline or title within a slide or section.

Settings
Type
Description

Text

textarea

The heading content displayed over the image or video slide.

Heading size

select

Controls the visual size of the heading text. Options: Mini,Extra small, Small, Medium, Large, or Extra large.

Advanced

Heading SEO tag

select

Sets the semantic HTML tag H1–H6, or Automatic for SEO purposes.

Text

Adds supporting or descriptive text beneath a heading.

Settings
Type
Description

Text

textarea

The body text shown over the image or video slide.

Text size

select

Controls the font size for product text. Adjusts based on base size setting: Extra small, Small, Medium, Large, or Extra large.

Single button

Inserts a single call-to-action (CTA) button.

Settings
Type
Description

Text

text

The label that appears on the button.

Link

url

Destination URL the button will link to.

Color

select

Visual style of the button: Primary, Secondary, Black, or White.

Size

select

Button size options: Small, Medium, or Large.

Style

select

Button appearance: Solid (filled), Outline (border only), or Text (no border).

Show arrow

checkbox

If checked, a right-pointing arrow icon appears next to the text.

Full-width

checkbox

Makes the button span the full width of its container.

Side by side buttons

Adds two CTAs side by side—usually Primary and Secondary actions.

Settings
Type
Description

Primary/Secondary buttons

Text

text

Label displayed on the primary/secondary buttons.

Link

url

URL the primary/secondary buttons links to.

Color

select

Button color: Primary, Secondary, Black, or White.

Size

select

Button size: Small, Medium, or Large.

Style

select

Visual style: Solid, Outline, or Text.

Show arrow

checkbox

If checked, a right-arrow icon is shown on the buttons.

Last updated