Page Builder Hyva

v1.6.1 Updated 1 sep. 2026

Page Builder Hyva

Levert de Tailwind-bronnen waarmee de Hyvä build de frontend-rendering van page builder content blocks compileert.
Hyvä Compatibel Magento 2.4.4 Magento 2.4.5 Magento 2.4.6 Magento 2.4.7 Mage-OS 2.0 Mage-OS 2.1
€ 99,00
Probeer de live demo
  • Updates and support included for 12 months
  • License key delivered immediately by email
  • 30-day money-back guarantee
  • Full documentation included
  • Compatible with Hyvä themes
  • Composer-ready installation

Page Builder for Hyvä

Hyvä-companion module voor wimakeit/module-page-builder. Levert de Tailwind-sources waarmee de Hyvä build pipeline de frontend-rendering kan compileren van content-blokken die met de page builder zijn aangemaakt, zonder ook maar één regel PHP in de hoofdmodule te wijzigen.

De Wimakeit Page Builder is op dit moment admin-only (frontend rendering staat op de roadmap voor v2.0). Deze Hyvä-laag plaatst de Tailwind-scaffolding nu al klaar, zodat zodra frontend rendering wordt uitgebracht een enkele hyva:config:generate + npm run build-prod cyclus volstaat om alle content-types correct te tonen op uw storefront.

Voor wie

  • Handelaars op een Hyvä theme die de Wimakeit Page Builder willen gaan gebruiken voor CMS-pagina's, blokken of productcontent
  • Bureaus die vandaag Hyvä-projecten voorbereiden voor een toekomstige Page Builder-uitrol
  • Teams die voorspelbare CSS-klassen (wm-pb__* in BEM-stijl) willen om in hun eigen theme uit te breiden of te overriden

Belangrijkste voordelen

  • Naadloze Hyvä-integratie — een observer op hyva_config_generate_before registreert deze module en de base Page Builder in app/etc/hyva-themes.json. Geen handmatige theme-wijzigingen.
  • Volledig component-scaffold — vooraf gedefinieerde Tailwind-regels voor elk content-type: row, column, heading, text, html, button, image, divider, spacer, icon, video, quote, list.
  • Tailwind v4 ready — gebruikt @source, @layer components en @apply; afgestemd op de huidige Hyvä-toolchain.
  • Themable by design — componenten gebruiken Hyvä design tokens (primary, primary-darker, ...), dus een aanpassing van uw Hyvä-palet hertekent meteen de hele page builder.
  • Eenvoudige overrides — herdefinieer eender welke .wm-pb__* regel in de Tailwind-sources van uw eigen theme; de cascade-volgorde garandeert dat uw aanpassing wint.
  • Schone verwijdering — module uitschakelen en Hyvä-config opnieuw genereren; de base Page Builder blijft werken, enkel de Tailwind-styling verdwijnt.

Compatibiliteit

  • Magento 2.4.6+ / Mage-OS equivalent
  • PHP 8.1, 8.2, 8.3
  • Vereist hyva-themes/magento2-theme-module ^1.3
  • Vereist wimakeit/module-page-builder ^1.0
  • Tailwind v4-syntax in het gecompileerde theme

Installeer deze module via Composer. Zorg ervoor dat uw auth.json is geconfigureerd met uw Wimakeit-inloggegevens.

Terminal 
$ composer require wimakeit/module-page-builder-hyva:^1.6.1
$ bin/magento setup:upgrade
$ bin/magento setup:di:compile

Installation notes

The standard composer require + setup:upgrade + setup:di:compile flow applies. The points below cover what's specific to this module.

Required dependencies

  • wimakeit/module-page-builder ^1.0 (the base page builder; admin-only until v2.0)
  • hyva-themes/magento2-theme-module ^1.3 (Hyvä parent module)

Composer will pull both automatically as long as your project's composer.json declares the Wimakeit registry and the Hyvä Themes registry.

After install: regenerate Hyvä config and rebuild Tailwind

Because this module ships Tailwind sources that must be picked up by the Hyvä build pipeline, you need one extra step on top of the usual Magento install commands:

bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento hyva:config:generate
cd app/design/frontend/<vendor>/<theme>/web/tailwind
npm run build-prod
bin/magento cache:flush

During development, use npm run watch instead of npm run build-prod so the CSS recompiles automatically when templates or module.css change.

What the observer does

On hyva_config_generate_before, the module appends two extensions[].src entries to app/etc/hyva-themes.json:

  • Wimakeit_PageBuilderHyva — this module, contributing view/frontend/tailwind/module.css
  • Wimakeit_PageBuilder — the base module, so its .phtml templates get scanned for wm-pb__* utility classes

No manual edit of hyva-themes.json is needed.

Admin configuration

This module has no admin configuration of its own. All page-builder settings live on the base module Wimakeit_PageBuilder.

Disabling the module

bin/magento module:disable Wimakeit_PageBuilderHyva
bin/magento hyva:config:generate
cd app/design/frontend/<vendor>/<theme>/web/tailwind
npm run build-prod

The base Page Builder keeps working; only the Tailwind styling for wm-pb__* classes is removed.

Versie
v1.6.1
Ondersteuning
12 maanden
Last updated
1 sep. 2026
Magento
Magento 2.4.4 Magento 2.4.5 Magento 2.4.6 Magento 2.4.7 Mage-OS 2.0 Mage-OS 2.1
PHP
PHP 8.1 PHP 8.2 PHP 8.3
Hyvä
Compatibel
Pakket
wimakeit/module-page-builder-hyva

Compatibility checker

Pick your stack to see if this module fits.

Compatibiliteit 4

Ja. Page Builder Hyva is getest tegen Magento Open Source 2.4.4 → 2.4.7, Adobe Commerce op dezelfde lijn, en Mage-OS 2.0+ — op PHP 8.1, 8.2 en 8.3. Het tabblad Specificaties toont de geteste combinaties. Staat uw stack erbij, dan garanderen wij een schone installatie. Wimakeit is een Adobe-gecertificeerd Magento-bureau in Presles, Wallonië (tussen Charleroi en Namen), België — elke module wordt getest op dezelfde matrix die we naar onze enterprise-klanten in België, Frankrijk en Nederland uitrollen.
Ja — volledig. Page Builder Hyva bevat een native Hyvä-compatibele frontend (Tailwind + Alpine.js) en integreert met Hyvä Checkout waar van toepassing. Geen extra fallback-module nodig. Elke Hyvä-gemarkeerde module wordt gebouwd door hetzelfde Wimakeit-team dat Hyvä-migraties in productie uitvoert.
Hyvä Storefront (Tailwind + Alpine.js, server-rendered) en Hyvä Checkout (React-gebaseerd, headless bovenop Magento) zijn twee aparte pakketten. Page Builder Hyva bevat native Hyvä Storefront-compatibiliteit — de frontend wordt gerenderd via Hyvä-templates, zonder Luma-fallback. Hyvä Checkout-integratie wordt geleverd wanneer de module een raakvlak heeft met een checkout-stap (custom betaalinput, voorwaarden-checkbox, ...); anders draait de module server-side zonder Hyvä Checkout-aanpassing. Zie het tabblad Specificaties voor de exacte Hyvä-scope van deze module.
Ja. Page Builder Hyva respecteert het standaard Magento-scope (default / website / store / store_view). Elke configuratie is overschrijfbaar per store view. Frontend-labels gebruiken de standaard Magento-vertaalbestanden — by-default in het Nederlands, Frans en Engels. Valuta's volgen uw Magento-valutaconfiguratie zonder extra werk. Een typische Wimakeit Magento-webshop draait een fr_BE / nl_BE / en_GB-triplet vanuit één backend — Page Builder Hyva is klaar voor deze B2B / internationale setup.

Prijs & licentie 4

Page Builder Hyva is gratis voor Wimakeit-klanten. De licentie dekt 1 productiedomein + 1 staging/dev-domein. Premium support, maatwerk en SLA-upgrades op aanvraag — het Waalse Magento-team van Wimakeit (Presles, tussen Charleroi en Namen) is Adobe Commerce-gecertificeerd sinds 2021.
Ja. Page Builder Hyva heeft een live demo op demo.wimakeit.be/module-page-builder-hyva waar u admin en frontend kan verkennen met een echte installatie inclusief sample data. Voor langere evaluaties vraagt u een evaluatielicentie aan via ons contactformulier — de evaluatie dekt dezelfde scope als de betaalde licentie en wordt na aankoop omgezet in een permanente sleutel.
Geen betaling om terug te storten — Page Builder Hyva is gratis. Past het niet, dan schakelt u de module uit met bin/magento module:disable; opruimen gebeurt automatisch via de revert van de setup patch.
Page Builder Hyva wordt verspreid onder een commerciële proprietary licentie — geen MIT, GPL of andere open-source licentie. De PHP-broncode komt na composer require in vendor/wimakeit/ terecht; u kan ze lezen, auditen en lokaal patchen voor uw eigen Magento-installatie. U mag de code NIET herverspreiden, sublicentiëren, op een publiek Composer-register publiceren of doorverkopen. Eén licentie = één productiedomein + één staging/dev-domein (zie de algemene voorwaarden voor de volledige EULA). Wimakeit-modules staan NIET op het publieke packagist.org — ze worden uitsluitend verspreid via het private Composer-register packages.wimakeit.be.

Installatie & updates 6

Voer composer require wimakeit/module-page-builder-hyva:^1.5.0 uit, daarna bin/magento setup:upgrade, bin/magento setup:di:compile en tot slot bin/magento cache:flush. Het tabblad Installation op deze pagina lijst elke configuratiestap (ACL's, crons, defaultwaarden) — een deploy duurt minuten, geen uren. Hulp nodig? Wimakeit biedt Magento-installatiediensten vanuit ons Waalse kantoor (Presles, tussen Charleroi en Namen).
Stap 1: haal een token op via packages.wimakeit.be → Mijn account → Tokens. Stap 2: voeg in de root van uw project aan auth.json toe: {"http-basic": {"packages.wimakeit.be": {"username": "UW-E-MAIL", "password": "UW-TOKEN"}}}. Stap 3: registreer het repo: composer config repositories.wimakeit composer https://packages.wimakeit.be. Stap 4: composer require wimakeit/module-page-builder-hyva:^1.5.0. In CI/CD-pipelines injecteert u COMPOSER_AUTH als JSON-environment-variabele in plaats van auth.json te commit'en.
De meeste merchants zijn binnen 30 minuten live: composer install (1-2 min) → setup:upgrade + di:compile (5-10 min afhankelijk van de stack) → adminconfiguratie (5-15 min volgens het Installation-tabblad) → smoke test op een product of order. Reken meer tijd als u een custom theme heeft dat vergelijkbare templates overschrijft. Het Wimakeit-team heeft deze module geleverd aan B2B- en DTC-shops in heel België.
Page Builder Hyva is ontworpen voor Magento 2.4.x / Mage-OS 2.0+ en heeft geen Magento 1-equivalent. Bij een migratie vanaf Magento 1 neemt het Wimakeit-team de audit, datamigratie en integratie van Page Builder Hyva in de nieuwe backoffice voor zijn rekening, in het kader van een Magento-migratieproject. De overstap van Adobe Commerce naar Mage-OS is transparant voor Page Builder Hyva: zelfde composer require, zelfde modulecode, zelfde databaseschema — geen fork om te onderhouden, geen licentiewijziging.
Updates lopen via uw composer-dependency (exact dit pakket), gehost op het private Composer-register van Wimakeit op packages.wimakeit.be. Elke release wordt aangekondigd op het Changelog-tabblad + het Wimakeit-nieuws en volgt semver — composer update blijft veilig binnen een major.
Alle .phtml-templates zijn overschrijfbaar vanuit uw theme: kopieer het bestand naar app/design/frontend/{UwVendor}/{theme}/Wimakeit_{Module}/templates/ met hetzelfde relatieve pad. Blocks, ViewModels en Helpers worden overschreven via DI-preference in uw eigen custom module — declareer <preference for="Wimakeit\…\OriginalClass" type="UwVendor\Override\Class" /> in etc/di.xml. Layout-XML wordt uitgebreid (voorkeur) of overschreven op de standaard Magento-manier. Wimakeit-modules gebruiken nooit het keyword final op klassen die u redelijkerwijs zou willen override — overschrijven is een first-class scenario, geen hack.

Support & beveiliging 3

Open een ticket via het contactformulier op wimakeit.be of mail contact@wimakeit.com met modulenaam, versie, Magento/Mage-OS-versie en reproduceringsstappen. Fixes verschijnen in de volgende patch. Wimakeit-support antwoordt in het Nederlands, Frans en Engels op werkdagen (CET-uren).
Stuur security-rapporten privé naar contact@wimakeit.com met het voorvoegsel [SECURITY] in het onderwerp — vermeld de module, versie en reproductiestappen. Bevestiging op werkdagen, vermelding in het Changelog op verzoek. Wimakeit is een Belgische BV (besloten vennootschap) onderworpen aan Belgisch en Europees recht inzake privacy en responsible disclosure.
Ja. Page Builder Hyva bewaart uitsluitend data binnen zijn functionele scope, volgt nooit shoppers over verschillende sites, en doet by-default geen enkele externe call. Combineer met de Wimakeit GDPR-module voor cookiebanners en data-subject request forms conform Belgische, Franse en Nederlandse DPA-richtlijnen. De hostingpartners van Wimakeit (OVH Roubaix / Gravelines, Cblue Gembloux) houden alle klantdata binnen de EU.

Over Wimakeit 1

Wimakeit is een Adobe-gecertificeerd Magento-bureau in Presles, Wallonië (tussen Charleroi en Namen), België, dat sinds 2020 Magento- en Mage-OS-webshops bouwt voor klanten in BE / FR / NL. Elke module op deze marketplace draait in productie bij minstens één Wimakeit-klant (we eat our own dogfood). Directe lijn met de ontwikkelaars die de code hebben geschreven, meertalige support (NL / FR / EN), CET-werkuren, geen offshore. Bekijk onze referenties voor het soort Magento-projecten dat wij opleveren.

Iets gevonden dat niet in de FAQ staat?

Meld een bug of stel een vraag — het formulier is voor-ingevuld met deze module.

Een bug melden

Changelog

Categories: Security, Feature, Fix, Perf, Admin, Deps.

[1.5.0] - 2026-05-21

Feature

  • Auto-detect Hyvä CSS output paths — the canvas-iframe injection now tries common Hyvä output locations (css/styles.css, tailwind/styles.css, css/styles-m.css, css/styles-l.css) and picks the first one available. The explicit admin-config URL still wins when set.

Deps

  • Requires wimakeit/module-page-builder ^1.10 (locks against the power-features release).

[1.4.1] - 2026-05-21

Fix

  • Undefined array key "id" warning when Magento (or menu providers like Amasty Base) iterated the admin config tree. The Hyvä compatibility settings now extend the base module's existing wimakeit_pagebuilder section instead of declaring a parallel one. The new config path is wimakeit_pagebuilder/hyva/canvas_css_url.

[1.4.0] - 2026-05-21

Feature

  • Inject the Hyvä theme's compiled stylesheet into the admin canvas iframe — the editor now paints with the exact CSS visitors get on the storefront. Every Tailwind utility the theme defines is available in the canvas.
  • New admin field Stores → Configuration → Content → Page Builder → Hyvä → Canvas CSS URL (store-view scoped), with auto-detection on vanilla Hyvä installs that didn't customise their output path.

Deps

  • Requires wimakeit/module-page-builder ^1.9 (canvas-iframe isolation).

[1.3.0] - 2026-05-21

Feature

  • Responsive column utilities (wm-pb-col-md-N, wm-pb-col-lg-N, spans 1-12) at the md (≥ 768px) and lg (≥ 1024px) breakpoints, pairing with the base module's state-v2 per-breakpoint column widths.
  • Per-device visibility utilities (wm-pb-hide-mobile, wm-pb-hide-tablet, wm-pb-hide-desktop, wm-pb-hide-print) matching the admin device-visibility picker.

Notes

  • Re-run npm run build-prod (or watch) in the active Hyvä theme to bundle the new utilities.

[1.2.0] - 2026-05-06

Feature

  • Finished Tailwind component classes for every Page Builder content type — every block now renders with proper Hyvä utility classes instead of relying on the Luma fallback CSS.
  • Layout primitives (.wm-pb-row / .wm-pb-col) rewritten with explicit @media rules so Tailwind v4's @apply keeps the responsive breakpoints: full-width on mobile, declared col-span at md+.
  • Commerce styles for product cards, category tiles, category tree, reviews, ratings, static blocks and CMS list.
  • Marketing styles for banners, CTAs and the rest of the marketing widgets.
  • Scroll-reveal observer — small wm-pb-runtime.js IntersectionObserver fades elements in as they enter the viewport. Respects prefers-reduced-motion.

[1.0.0] - 2026-01-01

Feature

  • Initial release of the Hyvä compatibility layer for wimakeit/module-page-builder.
  • Tailwind v4 source registration via a hyva_config_generate_before observer (registers both Wimakeit_PageBuilderHyva and Wimakeit_PageBuilder so the base module's .phtml files are scanned).
  • Component-layer CSS scaffold for all current and planned page-builder content types.
  • Layout primitives shipped: row (12-column grid, gap variants) and column (widths w-1 through w-12, vertical alignment modifiers).
  • Content primitives: heading (h1–h6 sizes, alignment), text (size and alignment modifiers), html (prose wrapper).
  • v2.0-ready content types: button (primary, secondary, outline, sizes), image (alignment, rounded, shadow, caption), divider, spacer (xs–xl), icon (xs–xl), video (aspect ratio, poster, play button), quote (border-left and centered, author), list (ordered, unordered, icon-checked).
  • Compatible with Tailwind v4 syntax (@source, @layer components, @apply).

Een bug gevonden? Laat het ons weten.

Een kort formulier opent in een nieuw tabblad — de modulenaam en uw taal zijn al ingevuld. Beschrijf wat u probeerde, wat misging, en wij komen binnen één werkdag bij u terug.

Een bug melden voor Page Builder Hyva
Module SKU: wimakeit-module-page-builder-hyva · Taal: nl_NL

Hulp nodig?

Ons team helpt u graag met de integratie.

Neem contact op
Planifier un appel