Tutorial for Adding a Modal Popup on Icon Click

Hello everyone, I’m brand new to Weweb and feeling a bit confused… I’m struggling to add a modal… This modal should pop up when I click on an icon located within a card. Additionally, I’d like it to disappear when I click on a button inside the popup…

I’ve tried to create a workflow on the icon, but nothing seems to work. Is there a comprehensive, step-by-step tutorial for creating a modal that can be displayed and hidden? Or could someone explain this, which would be very helpful for future individuals in the same situation.

Thank you in advance.

Have you added a modal from the add panel to your page?

Then you select the icon

And change the variable modalOpened to true in your workflow

1 Like

I was fooled by tutorials that touch modals with variables in JS… In reality, it’s simpler lol

THANK YOU SO MUCH

2 Likes