Editable Modal in Webflow Editor

At a glance

The post asks for a good solution to create an editable modal in the Webflow Editor view. Community members suggest the following ideas:

- Wrap the modal content in a component and place it on a separate page that the client can access through the editor.

- Use the CMS to create multiple modals on multiple pages.

- Create a single page with all the modal content components, and the client can edit them there.

There are also links to a video and a YouTube video that provide additional solutions, but the specific details are not provided.

Useful resources

AAnna O'Reilly

Does anyone have good solution for making a modal that is editable in the Webflow Editor view

6 comments

MMatt Johnson

Good to see you! You could wrap the modal content in a component and put the component on a different page that the client could access via the editor with. Making sure that the modal content component is not in a modal or anything - its just laying on the page. That should do the trick!

SSyed (Waqar) Azeem

I need this solution too. A modal for team bios without creating individual bio pages.

AAnna O'Reilly

Hi ! Is there a way to do this for multiple modals on multiple pages ?

MMatt Johnson

you could do all of the modal content components on a single page

MMatt Johnson

I would leverage the CMS for this one. I have this quick video showing you how I would do it.
https://www.relume.io/resources/faqs/how-do-i-add-multiple-modals-to-a-webflow-page

AAurelien Schibli

this solution with the DOM element could also be super cool. Seems to be more accessible. If you read the comments there is one idea to create a modal with a component slot so that you just drag in the component you want and edit it somewhere else.

https://www.youtube.com/watch?v=HBCyKOL-f2c

Add a reply

Community forum for knowledge and support

Editable Modal in Webflow Editor