Animated Headline
Say three things in the space of one headline
"Free delivery on shoes, jackets, bags, everything" — one word of the heading changes: it slides in, it is typed behind a blinking caret, or it is marked with a drawn marker, underline or circle.
Rotating words with a slide up: at rest, mid-turn, on the next word.
A hero line that works harder
One headline names several products, places or promises in turn, without a second line of copy or a carousel.
Movement that respects the visitor
The words start when the heading is seen, wait under the pointer, and change once and stop by default. A visitor who has asked for less motion gets a still heading.
A heading, not a gimmick
The page stores a real heading that reads as a sentence with the first word, so it makes sense to a search engine, to a screen reader and to a browser without JavaScript.
Use cases
Where shops put it
A promise that covers the range
"Free delivery on shoes, jackets, bags, everything", the last word fading in turn, on the home page hero.
Where you ship
"We ship to Poland, Germany, France in two days", each country typed letter by letter.
The word of the campaign
"Save 20% this weekend only", with 20% circled in your brand colour as the heading comes into view.
- Three appearances
- Rotating words (slide up, fade or flip over), a typewriter with a caret, or a highlighted word (marker, underline or circle).
- The sentence
- Text before the words, the words one per line, text after them — the spaces between the three are added for you.
- The heading level
- H1 to H4.
- The pace
- 1.5 To 6 seconds on each word, and three typing speeds.
- Once or in a loop
- Once, stopping on the last word, is the default.
- Size and colours
- The theme's size or four sizes of its own that step down on a phone, a colour for the words, and a colour for the shape.
- Alignment
- From the Advanced tab, as for a native heading.
Shown in the demo store
Rotating words sliding up through two turns, and the typewriter deleting "Poland" and typing "Germany".
The typewriter caught mid-word, with its caret.
A marker, an underline being drawn and a circle.
A fade in a loop, and a flip over caught mid-turn.
Native and honest
Your content is written in Magento's own format
The page stores a plain heading that reads as a sentence with the first word; the other words are stored hidden beside it, and the storefront script brings them in one by one. A screen reader hears the whole heading once, with all its words, and never an announcement of a change. With the module switched off, the page shows the heading with its first word in your theme's style. One thing we say plainly: there is no pause button. By default the words change once and the heading stays on the last one; if you switch the loop on, the words pause under the pointer, but a visitor using a keyboard or a touch screen cannot stop them — and a visitor who has asked for less motion never sees them move.
Every element saves itself the way native Page Builder saves its own: a plain <div data-content-type="wrizu_…"> with its settings in data-* attributes, stored with the page. There is no proprietary database table, no shortcode, no second editor and nothing that has to be converted later.
That has a practical consequence. Disable the module and the storefront keeps serving those pages: headings, copy, images, links and buttons stay visible and clickable, and the styling you set per element — alignment, colours, spacing — stays with them, because it lives in a <style> block stored with the page rather than in our stylesheets. What you lose is what our CSS draws: the layouts, the borders and shadows, the button variants and the bundled icons.
One honest warning
With the module switched off, do not open and save a page that contains Wrizu elements — Page Builder flattens any page holding a content type it does not know into a single HTML Code block, and that save cannot be undone. It behaves that way with every unknown content type, not only with ours, and the storefront is unaffected either way; the rule is simply to leave those pages alone until the module is back on.
Works with any Luma-based theme
The elements are built on the same front-end stack the native Page Builder uses: jQuery and the libraries Page Builder already loads. They target Luma-based themes — Magento Blank, Luma, and the custom themes shops build on either of them.
Buttons use Luma's own button mixins, so a Wrizu button looks like a button from your theme rather than like a button from a plug-in. All of the module's CSS is scoped to [data-content-type^="wrizu_"], so it styles our elements and nothing else in your theme.
Requirements
- Magento Open Source or Adobe Commerce 2.4.6 or newer, with the
Magento_PageBuildermodule enabled - PHP 8.1 to 8.5 — whichever your Magento version supports
- No other extension, no external icon font, no CDN dependency
Questions about this element
Media & motion
More in Media & motion
Animated Counter
A figure that counts up as it comes into view, with an icon and a label.
Before / After
Two photographs of the same thing under one handle.
Image Gallery
A grid, a masonry wall or a carousel of photographs, with a lightbox.
Marquee
A strip that scrolls without end, in claims, logos or tiles.
Progress Bar
A bar or a ring that fills to a percentage.
Video Popup
A poster or a button that opens a YouTube, Vimeo or self-hosted video in a window.
Thirty-five conversion elements for the Page Builder you already have
Wrizu Page Builder Extensions adds them to the native Magento 2 Page Builder — no second editor, no proprietary format, no content held hostage.