How To Create A Popup In Webflow

```html

How To Create A Popup In Webflow

  1. Open Webflow: Log in to your Webflow account and open your project.
  2. Add a Div Block: Drag a Div Block onto your canvas where you want the popup to appear.
  3. Style the Div: Set the size, background color, and position to make it look like a popup.
  4. Add Content: Insert text, images, or buttons inside the Div Block for your popup content.
  5. Set Initial State: Hide the Div Block by setting its display to 'none' in the Style panel.
  6. Create a Trigger: Add a button or link that will open the popup when clicked.
  7. Add Interaction: Go to the Interactions panel and create a new interaction for the button.
  8. Show Popup: Set the interaction to change the Div Block's display to 'block' when the button is clicked.
  9. Add Close Functionality: Include a close button inside the popup to hide it again.
  10. Test Your Popup: Preview your project to ensure the popup opens and closes correctly.

```