Hi everyone,

I'm trying to create a navbar in Webstudio where the link to the current page is highlighted. I'm using state to handle this, but for some reason it's not working as expected. I'm not sure what I'm doing wrong.

Any help would be appreciated!

https://

Thanks in advance!

Hi everyone,

I’m building a page in Webstudio and added a basic Swiper carousel via an embed.
Desktop looks perfect, but every viewport smaller than desktop is rendered zoomed-out / shrunken (as if the browser were still 980 px wide).

Here is the Code: https://

and here is the published site because in Preview it doesn't change slides:
https://

Has anyone run into this?
Which CSS rule (or Swiper option) should I override so the slides keep their functionality without breaking the viewport scaling?

Any pointers are really appreciated – thanks! 😊

Hi everyone! I’m using an accordion on my site and I’d like the toggle icon to switch from a “+” to a “–” when a section expands (and back again when it collapses). What’s the easiest way to achieve this—are there any ready-made solutions or a minimal JS snippet I can use without writing tons of custom code? Thanks!

Hi Webstudio team,

First of all, I really enjoy using Webstudio – it’s a fantastic tool!

While working on a client project, I noticed something that I think could be improved:
When I share a link to my project, I can disable cloning via the "View" share settings, which is great. However, when sharing a Content link, there doesn’t seem to be any option to prevent cloning or copying of the entire project.

This becomes a problem especially when clients start adding text or media during the early development phase – if someone clones the project at that point, all my input and work can be taken along with the clone, which is frustrating and potentially risky.

It would be super helpful to have granular permissions like:

• Can copy
• Can clone
• Can edit
• Can publish

This way, I could fine-tune access depending on the person. For example, I might want to give a content editor full access to edit content, but not allow them to clone or copy the entire site.

Just a thought – I believe this kind of flexibility would be a big improvement, especially for agencies or freelancers working with clients and collaborators.

Thanks for the great product and keep up the awesome work!

Hi everyone,

I’m currently using Payload CMS as a headless CMS together with Webstudio for the frontend.
I’m trying to enable Payload’s Live Preview feature — which embeds the frontend in an iframe directly inside the Payload admin UI.

The standard preview link (opens in a new tab) works fine.
But the Live Preview tab just stays blank, and I suspect it’s because Webstudio might block iframe embedding via X-Frame-Options or Content-Security-Policy.

My questions:
Does Webstudio allow embedding its pages inside iframes from other origins (like cms.revaliant.de)?

Has anyone successfully integrated Payload’s Live Preview with Webstudio?

This feature would be amazing — combining a visual editor with full CMS power (drafts, versions, relations, etc.).

Would love to hear if anyone has tried this or knows a workaround.

Thanks in advance!

I try to integrate Payload with webstudio through the REST-API this worked fine, but now i want to add the Live Preview Feature in Payload therefore I need to change the request url and add draft=true when my website get visited with mywebsite.com/blog/abc?draft=true at the moment I trid it like this:

"https://website.com/api/blog?where[slug][equals]=" + system.params.slug + "&depth=1" + (system.params.draft === true ? "&draft=true" : "")

Is there a way to use these params or what am i doing wrong?

Hi everyone,
I would like to ask if there is a way to display PDFs or offer documents for download, especially for public announcements and official documents.
At the moment, I am unable to upload PDFs or other files directly.
Is there any alternative or workaround you would recommend?

Thanks a lot for your help!

Hi everyone,

I'm running a web development agency and I'm looking for a modern solution that allows me to build and manage websites for clients—similar to WordPress in flexibility, but with a better developer and user experience.

Here's what I'm looking for:

1. Visual Page Builder (Live Editor):

A visual editor that lets non-technical users (clients, marketers) update their site visually—similar to Gutenberg, Webflow, or Builder.io. Ideally with:

Live editing (WYSIWYG)
Drag & drop blocks (that I can define as a developer)
Custom components or sections I create
Inline editing or visual preview

1. CMS Features:

Collections, custom fields, relationships, media handling
Role-based access (e.g. Admin, Editor, Client)
Headless or API-accessible if needed

1. Commerce Integration:

Shopify integration, or built-in commerce (products, carts, checkout, orders)
Optional: Snipcart or other headless ecom options

1. Self-Hosting:

Ideally, I want to self-host everything: frontend, CMS, and editor
If not fully self-hostable, then at least the live editor should update the production site directly (no manual exporting)

1. Developer Experience:

I want to define all components in code (React/HTML/CSS/JS is fine)
Clients should only be able to use pre-built blocks
The system should be extensible and scalable for multiple clients

1. Multi-Tenant or Agency-Friendly:

Ability to host/manage multiple projects or clients
White-labeling or at least client-specific environments/spaces


My Question:
Is there a tool (or stack) that offers:

A live visual editor (WYSIWYG)
CMS + Commerce integration
Self-hosting (or at least live publishing directly to my site)
Support for developer-defined components and user roles

I think all of this can be realised if i could selfhost the builder under builder.mywebsite.com and than if i plubsih it is published to mywebsite.com. Or is this to complex and their is a easier software stack i should use?

Thanks a lot for any insights or suggestions!