Thirty-five elements for the native Page Builder

A quotation set apart from the text — beside an accent bar, as a pull quote or on a card.

Lets a review, a press line or a founder's sentence stop the scroll, with the name and the source written as a real quotation — and the quotation mark drawn, never copied along with the words.

Element page →Demo →

Size charts, spec sheets and price lists, typed straight into the page.

Answers "which size am I?" next to the product instead of on a page nobody finds — with the figures lined up, the header row and column you need, and a phone layout that scrolls or stacks.

Element page →Demo →

A card with two sides that turns over on a tap, a click or from the keyboard — and on hover.

Puts the short promise on the front and the details on the back, and lets a phone reach the back too: the card turns on a tap, not only under a mouse.

Element page →Demo →

Rows of icon and text, stacked or in a grid of two, three or four.

Turns the paragraph nobody reads into six rows they scan — with a tick and a cross where the answer is yes or no.

Element page →Demo →

An icon or an image, a heading, copy and an optional button.

Puts your delivery, returns and payment promises in one row above the fold, where they answer objections instead of waiting on a policy page.

Element page →Demo →

A framed message with an icon, in one of five meanings.

Puts the dispatch deadline, the stock warning or the payment outage where it cannot be missed, in minutes and without a theme change.

Element page →Demo →

The people behind the shop in cards or rows — a photo, a name, a job title, a few sentences.

Puts a face on a B2B account manager, a store's staff or a repair desk, with an e-mail, a phone number that dials from a phone, and a link — each one tap away, each with its own icon.

Element page →Demo →

A history with dates or a process with numbered steps, down the page or across it.

Answers "what happens after I order" before anyone e-mails to ask, and renumbers itself when you reorder the steps.

Element page →Demo →

Collapsible panels, each holding real Page Builder content.

Answers delivery, returns and sizing where the shopper is standing instead of on a policy page — and publishes the block to Google as an FAQ if you ask it to.

Element page →Demo →

Tabs across the top or down the side, with icons, each tab holding any content.

Keeps details, delivery and care on one screen instead of one long page, and on a phone turns the same headings into an accordion rather than a row of tabs that wraps.

Element page →Demo →

A named place on a page — #delivery, #size-guide — that a menu, a list or an e-mail can link to.

Sends a visitor straight to the returns section of a long page and lands it below your sticky header, with an optional "Copy link" label your support team can paste into a reply.

Element page →Demo →

A carousel whose slides hold any content — one to six on screen, with a pause button.

Turns a row of promises, offers or stories into one strip that moves on its own and stops the moment a visitor asks it to — the pause button is on screen whenever it plays.

Element page →Demo →

Seven decorative edges between two sections, drawn as inline SVG.

Stops a landing page looking like a stack of rectangles, with no image to export, host or re-cut when the brand colour changes.

Element page →Demo →

A block clipped to a chosen height, with a toggle under it.

Keeps the copy your search team wants in the page and off the first screen — clipped, never hidden, so nothing is taken away from a crawler or a screen reader.

Element page →Demo →

A figure that counts up as it comes into view, with an icon and a label.

Makes "12 500 orders shipped" do the work of a paragraph about your warehouse — and keeps the number readable even when the animation never runs.

Element page →Demo →

A heading whose key word changes — rotating, typed with a caret, or marked by a drawn shape.

Makes a hero line say three things in the space of one, and still reads as a whole sentence to a screen reader, to a search engine and to a visitor who has asked for less motion.

Element page →Demo →

Two photographs of the same thing under one handle.

Turns a claim about a renovation, a treatment or a clean into evidence the visitor produces themselves — with a keyboard and a finger, not only a mouse.

Element page →Demo →

A grid, a masonry wall or a carousel of photographs, with a lightbox.

Gives Page Builder the set of images it does not have, with captions, alternative text and an enlargement that walks from picture to picture.

Element page →Demo →

A strip that scrolls without end, in claims, logos or tiles.

Says the three things every shopper wants to know in a band nobody skips — at a speed that means the same thing after you add a fourth claim, with a pause button on by default.

Element page →Demo →

A bar or a ring that fills to a percentage.

Shows stock claimed or a target reached in a shape the eye reads before the words, without a deadline you then have to keep.

Element page →Demo →

A poster or a button that opens a YouTube, Vimeo or self-hosted video in a window.

Puts the product film on the page without putting YouTube on it: nothing from the video host loads until the visitor presses play.

Element page →Demo →

The same window with no trigger: it opens itself after a delay you set.

Makes the offer once to the people who have not seen it yet, remembers that it has been shown, and sets no cookie of any kind to do it.

Element page →Demo →

Two to five things side by side, a row per feature, one column recommended.

Turns a comparison into a decision — and still reads on a phone, where most comparison tables stop being usable.

Element page →Demo →

Days, hours, minutes and seconds down to a deadline you set.

Turns a promotion into a decision, counts correctly in every time zone, and decides for itself what to do when the time is up.

Element page →Demo →

A discount code on a ticket, in a line or on a banner, with a button that copies it.

Hands the code over in one press — copied, confirmed on the button, greyed out by itself when the offer ends — so nobody retypes "SUMMER25" at the checkout and gets it wrong.

Element page →Demo →

A call-to-action band with a heading, a subheading and up to two buttons.

Ends a page with one obvious next step, on a colour or on a photograph the copy can be read over.

Element page →Demo →

A button or a text link that opens a window holding real Page Builder content.

Puts the size chart, the delivery table or the small print one press away, over the page the shopper is already on, instead of on a policy page they have to come back from.

Element page →Demo →

A row of brand, partner or payment marks, as a grid or a carousel — or a row of social icons.

Borrows the recognition your suppliers already have — every logo at one controlled height, none of them squashed, each with its own caption and link. As social icons, the same list becomes small round or square buttons in your colours, with the network's name read out to screen readers.

Element page →Demo →

Your store's own newsletter subscription as a bar, a card or a full-width band.

Gives the signup a reason — an incentive, an optional consent box in your words — and answers in place, in your words or Magento's, so nobody leaves the page to find out whether it worked.

Element page →Demo →

Columns of plans with feature lists and a call to action in each.

Makes the choice between plans obvious — one plan highlighted, and that one first when the table stacks on a phone.

Element page →Demo →

A score in stars — to a tenth of a star, out of five or ten — with the number and a caption.

Puts "4.7 from 1 284 reviews" next to a product story or a trust band in one drag, as a row, a compact line or a badge, and says the score to a screen reader in your store's own language.

Element page →Demo →

A carousel of customer quotations with photographs and star ratings.

Answers the doubt your own copy cannot touch, in the customer's words, three across on a desktop and one on a phone.

Element page →Demo →

A grid of pictures with names that link to your categories, products or pages.

Gives a home page its "shop by department" row in minutes, with each link picked from your category tree and resolved by Magento every time the page is shown.

Element page →Demo →

Points on a photograph, each opening a bubble with a product or with your own text.

Makes a styled scene shoppable without covering it in captions — the points are placed by dragging them onto the picture, and their prices come from the catalogue.

Element page →Demo →

One product from your catalogue, with your own words between its name and its price.

Sells a single product on a landing page at today's price, because the price is read from the catalogue every time the page is shown rather than copied into it.

Element page →Demo →