Interactive blocks
Last updated: September 8, 2026 · 1 min read
Let readers open links, explore media, and interact with content.
The object on the page and the content it opens can have separate settings. Start with the relevant block lesson.
- Add buttons and links
Create a button for a link, PDF, product request, or form.
- Add and position hotspots
Attach content or links to specific points on an image.
- Configure hotspot content
Attach a gallery, product, video, file, or another destination.
- Build a slideshow
Present image and video slides in one page area.
- Add video and configure playback
Place a video file on the page and configure its poster and controls.
- Video descriptions, captions, and audio description
Provide equivalents for the video’s audio and visual information.
- Add an audio block
Present audio as a player card or icon button.
- Create a before/after comparison
Compare two photos using a movable divider.
- Create a lightbox gallery
Create a photo collection opened from a thumbnail.
- Embed maps, 3D, and external content
Display external content through a cover, icon, or inline frame.
- Add a countdown
Display time remaining until a target date.
- Animate a block
Configure a block’s entrance or interaction animation.
Follow these steps
- 1
Choose the block
EditorElements
Use a button for a link, hotspots for points on an image, a slideshow for an in-page sequence, and a gallery for photos opened in a lightbox. Maps, 3D, and virtual tours use Embed.
- 2
Test reader behavior
EditorPreview
Canvas selection differs from a reader click. Open preview and test the action, opened content, and closing behavior. Do not expect video playback, form submission, or slide transitions in a PDF; prepare accessible equivalents using the relevant lessons.
Check your result
Check the result in preview, then verify the reader experience in the published version.