Image Box
Put your three best reasons to buy above the fold
An icon or an image, a heading, a line of copy and an optional button. It is the block you reach for when the home page needs a row of shipping, returns and payment promises — and it is built with the Page Builder that already ships with your shop.
Default, Bordered and Card, each with a different button style.
Answers objections early
A shopper who can see free delivery, easy returns and secure payment before scrolling does not leave to go and look for them. This is the block that puts those three answers in one row.
Looks like your shop, not like a plug-in
Buttons are drawn with your theme's own button styles and icons take your text colour unless you set one. Nothing announces that a third-party extension is on the page.
A row of three in minutes
Drop three boxes into a Page Builder column layout, pick icons, type the copy. No template file, no developer ticket, no deployment to schedule.
Use cases
Where shops put it
The promise band under the hero
Delivery, returns and payment, three boxes across, on the home page. The row that stops shoppers opening a second tab to check your shipping policy before they add anything to the basket.
Category teasers
An image, a category name, a line of copy and a button into the listing. Four boxes make a navigation block that looks designed rather than generated.
How it works, in three steps
On a landing page for a subscription or a service: three boxes numbered by icon, each with one sentence, each optionally linking to the step that follows.
- Media type
- An icon from the 24 bundled with the module, or your own image (JPG, JPEG, PNG, GIF, up to 4 MB) with its own alt text.
- Icon colour
- Per box. Left empty, the icon takes the text colour.
- Title
- With the heading level that fits your page outline: H2, H3, H4, H5 or Div.
- Description
- In rich text — bold, links, lists.
- Button
- Text, link (URL, CMS page, category or product, optionally in a new tab) and style: Primary, Secondary or Link.
- Media position
- (Top, left, right) and media size (small 40 px, medium 64 px, large 96 px).
- Appearance
- Default, Bordered or Card.
- Alignment, margins, padding, border and CSS classes
- From the native Advanced tab.
Shown in the demo store
Media on top, on the left and on the right.
Small, medium and large media in one row.
Centred and right-aligned content, a coloured icon, a link that opens in a new tab.
Native and honest
Your content is written in Magento's own format
The Image Box is a native Page Builder content type, so what it writes into your page is ordinary markup rather than a shortcode pointing at our module.
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
Content blocks
More in Content blocks
Blockquote / Pull Quote
A quotation set apart from the text — beside an accent bar, as a pull quote or on a card.
Data Table
Size charts, spec sheets and price lists, typed straight into the page.
Flip Box
A card with two sides that turns over on a tap, a click or from the keyboard — and on hover.
Icon List
Rows of icon and text, stacked or in a grid of two, three or four.
Notice Box
A framed message with an icon, in one of five meanings.
Team Members
The people behind the shop in cards or rows — a photo, a name, a job title, a few sentences.
Timeline
A history with dates or a process with numbered steps, down the page or across it.
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.