Documentation

Smart Marketing Blocks Documentation

Product guidance, setup notes and block reference articles for Smart Marketing Blocks customers.

Before / After

Purpose

The block shows two images side by side: before and after. It is useful for case studies, redesigns, service outcomes, and visual comparisons.

Content

Title: the comparison heading, edited directly in the block.

Settings

Before label: the label for the first image.
Before image URL: the URL of the before image.
After label: the label for the second image.
After image URL: the URL of the after image.

Frontend Behavior

The block renders two figure cards with captions. Images use loading="lazy". If an image URL is empty or invalid, that image is not displayed.

Availability

This is a Pro block. It appears in the editor only when Pro mode is active.