PHPackages                             boundsoff/module-page-builder-live-preview - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. boundsoff/module-page-builder-live-preview

ActiveMagento2-module

boundsoff/module-page-builder-live-preview
==========================================

Storefront viewer as new tab on browser which is updated on every changed in the page builder.

10[1 issues](https://github.com/Boundsoff/module-page-builder-live-preview/issues)JavaScript

Since Jul 26Pushed 5d agoCompare

[ Source](https://github.com/Boundsoff/module-page-builder-live-preview)[ Packagist](https://packagist.org/packages/boundsoff/module-page-builder-live-preview)[ RSS](/packages/boundsoff-module-page-builder-live-preview/feed)WikiDiscussions develop Synced today

READMEChangelogDependenciesVersions (2)Used By (0)

PageBuilder Live Preview
========================

[](#pagebuilder-live-preview)

1. [About](#about)
2. [Features](#features)
3. [Usage](#usage)
4. [Basic installation](#basic-installation)
5. [Tests](#tests)
6. [Links](#links)

About
-----

[](#about)

In the original page builder editor when You want to see how the changes looks like in given storefront u gotta save it, open page and refresh every change U made.

This could lead to small mistakes and hard to make corrections. Also page is normally visible and visible for indexers or others not to mention performance is lowered by clearing cache all the time.

This module make it simple to work with these issues by adding feature called *Live Preview*, which allows to see the changes in separate browser window after the change is made without saving anything.

Every window is only available through the link with hash that can be shared or even open it with Your phone which can accurate see if it fits perfectly.

U can open every storefront available on multiple devices or browsers, and they will update all at once without refresh the page of those.

Features
--------

[](#features)

- see the changes made in page builder without any save
- any storefront preview on separate tab
- any browser to get the preview
- any device to display the changes
- updated in background, no need to refresh the page to see the changes
- private preview without any cache rebuild
- can be share with anyone

Usage
-----

[](#usage)

1. Open content with page builder with fullscreen
2. On the right along with he viewports there is new CTA with live preview
3. Click it and then U will see dialog with store views list with store counter
4. By click any of them U will see details information with details information
    1. U can scan **QR code** with phone camera to open the preview
    2. There is a **link** display for U to use manually
    3. **Copy** button will get this link to Your clipboard and paste everywhere you want to
    4. **Open** button will just open new tab with current browser with the preview
    5. **Back** link will get U back for the list of store views
5. U can **close** dialog by click everywhere else inside of it

Basic installation
------------------

[](#basic-installation)

```
composer require boundsoff/module-page-builder-live-preview
```

```
php bin/magento module:enable --clear-static-content Boundsoff_PageBuilderLivePreview
```

```
php bin/magento setup:di:compile
```

```
php bin/magento setup:static-content:deploy
```

Tests
-----

[](#tests)

There are test to be run with the **mftf** [Magento Functional Testing Framework](https://developer.adobe.com/commerce/testing/functional-testing-framework/)

If u got setup this correctly, run it with this command

```
vendor/bin/mftf run:group boundsoff_live-preview
```

Links
-----

[](#links)

1. [Boundsoff](https://boundsoff.com/)
2. [LICENSE](LICENSE.txt)
3. [CHANGELOG](CHANGELOG.md)

###  Health Score

17

—

LowBetter than 6% of packages

Maintenance45

Moderate activity, may be stable

Popularity2

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity13

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/a41857a3c000d5b623af549318f3cfee9a579ce16b944e6c3a373a4cfe1ebd07?d=identicon)[none-life](/maintainers/none-life)

---

Top Contributors

[![none-life](https://avatars.githubusercontent.com/u/65605442?v=4)](https://github.com/none-life "none-life (3 commits)")

### Embed Badge

![Health badge](/badges/boundsoff-module-page-builder-live-preview/health.svg)

```
[![Health](https://phpackages.com/badges/boundsoff-module-page-builder-live-preview/health.svg)](https://phpackages.com/packages/boundsoff-module-page-builder-live-preview)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)