Introducing the Experience Designer for Shopware: build landing pages by chatting with AI

The Experience Designer for Shopware brings landing page design for your Shopware storefront into Frontic. Describe the page you want in a chat, and an AI designer builds it while you watch it take shape in a live preview of your real shop. Every instruction updates the preview right away, so you always see the result before you commit to it.

When a version is ready, publish it. It renders through a dedicated Shopware block that slots straight into your existing storefront pages, with no template work and no theme changes. Your shop keeps running the version you published while you keep working on the next one.

Design by pointing, not describing

Click any element in the preview, on the page you're building or on the shop around it, and it becomes a chip in the chat. Add a note to each chip ("make this headline shorter", "use the product image here") and the designer knows exactly what you mean, with no need to describe where something is.

A preview built for the work

The preview is your real shop. Keep it pinned to the page you're designing, or browse the live shop freely and snap back to your page in one click. Build status shows in the toolbar so you know when your latest change is ready, and Share copies a direct preview link to send to a teammate.

Versions you can trust

Save versions as you go to compare directions or return to an earlier design. The version picker shows who last touched each version and which one is live, and publishing a different version is a single step.

Know where every page stands

Each experience moves through Draft, Working, Input, Approve, Review and Complete as you work with the designer, so you can see at a glance which pages need your input and which are done. Only an experience's owner can move it forward. On the board, every experience shows a live snapshot of its page, with a "Live · vN" badge when unpublished changes are waiting.

A workspace just for building

The Experience Designer opens in its own focused workspace with just the tools you need to build, without the rest of the admin around it.