Anchor / Section Link

Send people to the right part of the page

Name a place on a long page — "Size Guide", "Returns" — and link to it from a menu, a table of contents, a product description or an email. The visitor lands right there, clear of your sticky header.

Answers without the scrolling

A shopper who asks about returns gets a link to the returns section of your service page, not the top of a page they have to read through.

Clear of your header

A scroll offset of 40, 80 or 120 px — or your own number — keeps the section's heading from landing under a header that stays at the top of the window.

Nothing to break

The name and the offset are part of the page itself, so the link works without JavaScript and with the module switched off.

Use cases

Where shops put it

A table of contents on a service page

Delivery, returns, size guide and care, each link jumping to its section of one long page.

A link from a product page

"See the size guide" in a product description, pointing at /size-chart#womens-jackets.

An address your support team can paste

A visible label with a "Copy link" button beside each section of the FAQ page, so an agent copies the exact place for a reply.

What you control

Every field in the form, in plain words

The name
Type "Delivery & Returns" and the page gets #delivery-returns — lower case, accents simplified, a digit at the start prefixed.
Scroll offset
None, 40, 80 or 120 px, or a custom number from 0 to 400.
A visible label
With a "Copy link" button that copies the full address of the place — or no label at all, so the anchor takes no room.
Where it goes
A row, a column or the page itself.

Shown in the demo store

Native and honest

Your content is written in Magento's own format

The anchor is not a menu or a table of contents: it is the named place such links point to — the table of contents is a text or a list you write. A name containing the letters "script", even in the middle of a word such as "description", is refused by the form, because Magento's page validator would refuse the page; the form says so and suggests another word, such as "product-details". The anchor goes into a row, a column or the page itself — not into an accordion panel, a tab or a popup, where the place would be hidden when the link is followed.

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_PageBuilder module 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

Does it work if the module is switched off?
Why can I not name an anchor "description"?
What happens if two anchors have the same name?
Does it work with Advanced Tabs?

Layout & navigation

More in Layout & navigation

Accordion

Collapsible panels, each holding real Page Builder content.

Advanced Tabs

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

Content Slider

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

Shape Divider

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

Show More

A block clipped to a chosen height, with a toggle under 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.