Media elements
The Media group collects visual, audio, and data-visualization components. A few items (such as Alert or Timer style blocks) behave like rich content even though they are edited similarly to text in places.
Components in this group
| Element | Role |
|---|---|
| Alert | Callout banner text. |
| Timer | Countdown-style promotional text. |
| Audio | Embedded audio playback. |
| Height/Weight | Numeric height and weight style display. |
| Testimonial | Quote or social-proof layout. |
| Announcement | Highlight strip or promo message layout. |
| Selling Point | Short benefit-focused block. |
| FunFact | Highlight statistic or fact. |
| Icon | Single icon with styling. |
| Icon List | Vertical or horizontal list with icons per row. |
| Image | Photos or graphics with responsive sizing. |
| Image comparison | Before-and-after or draggable comparison. |
| Video | Hosted or external video embeds depending on configuration. |
| Pie chart | Circular chart visualization. |
| Chart | General chart visualization. |
| Slider | Carousel of slides or media. |
| Tab | Tabbed panels of content. |
| Social icon | Social network icon links. |
Media performance
- Prefer optimized image formats and reasonable dimensions before upload.
- Use Page Speed recommendations under Page settings for lazy loading and animation cleanup.
- For long videos, confirm behavior on mobile networks.
Frequently asked questions
Where do I set autoplay for video?
Use the video element’s controls in the edit drawer. Respect browser autoplay policies; muted autoplay is more likely to succeed. For AtomicPlayer-hosted files, Magic Autoplay, Smart Progress, and related options are configured in [AtomicPlayer](/atomic-player/overview) on the Videos settings screen, then save and republish (or refresh embed code off-platform).
Slider versus Tab?
Slider advances through a sequence of slides. Tab keeps all panels in one place with headers. Choose based on whether users should see one panel at a time with explicit tabs or a carousel pattern.