Agentic demo automation is here.
Meet Lily
Platform
Platform
Guided Demos
Drive product led growth and get more customers
Buyer Hub
All-in-one buyer deal room for any content buyers need
Sandbox Demos
The demo environment to close more deals
Powered by Lily
AI-driven demo creation and agentic demo discovery is here!
Learn more
Features
Account RevealPersonalizationIntegrations
Enterprise Readiness
Security and Compliance
SSO
Multi-workspace
Admin Control
Learn More
Solutions
Solutions
Growth & Demand Marketing
Improve conversions by turning more of your website visitors into leads
Sales
Get buyers to experience the product & close deals faster
Product Marketing
Optimize messaging across customers, with easy to share demos
Presales
Spin up demos instantly with fewer resources
Customer Live Demos
Checkout live demos from our top customers
View Demos
Customers
Success Stories
See All
300+ leads with a 75% engagement score within 90 days
Average demo engagement of 75% along with a 50% + completion rate
400+ hours of demo time saved in 3 months
Demo Examples
See All
Sentinal one
Storylane Reviews
Wall of Love
We were able to see a 5x ROI in one year
At first blush, that seems like a really strong ROI — and it is. But we also realize there’s way more we can still get out of it.
Tom Josephson
Sr. Director, Solution Consulting, TCP Software
Mid Market
Unlike anything we had seen
The ease of creating demos was unlike anything we had seen from other competitors. Storylane has been a great partner for SentinelOne, even from day 1, building in new features and helping us mature our product tour program.
Jeremy Goldstein
Sr. PMM, SentinelOne
Mid Market
A well designed intuitive product tour solution - highly recommend!
The flexiblity to deploy/embed my demos in the ways I want/need is great too it's all done in a few clicks and helps make my life a bit easier every day.
Red Russak
Lead Product Marketing Manager
Mid Market
Customers
Success Stories
See All
300+ leads with a 75% engagement score within 90 days
Average demo engagement of 75% along with a 50% + completion rate
400+ hours of demo time saved in 3 months
Demo Examples
See All
Gong
Sentinal one
500+ reviews on G2
4.8
I take it with me wherever I go :)
The flexiblity to deploy/embed my demos in the ways I want/need is great too it's all done in a few clicks and helps make my life a bit easier every day.
Verche Karafiloska
Lead Product Marketing Manager
Mid Market
Pretty easy to use and very customizable
Storylane makes creating product tours incredibly easy and they've very helpful onboarding guides that got me up and running in less than 30 minutes. Our previous tour builder was too cumbersome.
Beau Mourer
Manager, Inbound Sales & Growth
Mid Market
A well designed intuitive product tour solution - highly recommend!
The flexiblity to deploy/embed my demos in the ways I want/need is great too it's all done in a few clicks and helps make my life a bit easier every day.
Red Russak
Lead Product Marketing Manager
Mid Market
Resources
Resources
The Plot
Data-driven insights and best practices on all things GTM
Help Docs
Extensive knowledge base to help you get started with Storylane
What’s New
Our weekly product release updates about our demo platform
Partners
Join our partner program today and earn recurring commissions
Playbooks
Use cases, guides, and best practices
Explore Now
Pricing
Login
Book a demo
Start free
Products
Products
Guided Demos
Drive product led growth and get more customers
Sandbox Demos
The demo environment to close more deals
Demo Hub
Help buyers address more use cases in one place
Featured
Lily AI
Account Reveal
Personalization
Enterprise Readiness
Integrations
Single Sign On (SSO)
Multi-workspace
Permissions & Control
AICPA SOC
GDPR
Demo Hub
Make Buying Easier with Demo Hub
Help buyers address multiple use-cases under one roof
Gallery
WOW your prospects and close deals faster with Storylane
VIEW GALLERY
Playlist
Overview of the most popular features in Guided Demos
VIEW PLAYLIST
Demo Hub
Demo Hub
Demo Hubs
Playlist
Guide buyers through a curated sequence
of demos
Gallery
Help prospects freely explore multiple demos at
their own pace
Customer Live Demo Hubs
Checkout live demo hubs from our top customers
VIEW Hubs
Connect your stack
BROWSE INTEGRATIONS
Solutions
Solutions
Growth & Demand Marketing
Improve conversions by turning more of
your website visitors into leads
Sales
Get buyers to experience the product & close deals faster
Product Marketing
Optimize messaging across customers,
with easy to share demos
Presales
Spin up demos instantly with fewer resources
Customer Live Demos
Checkout live demos from our top customers
VIEW DEMOS
Customers
Demo Examples
VIEW ALL
Gong
Clari
Sentinal one
Product board
Outreach
Success Stories
VIEW ALL
Upland Software
300+ leads with a 75% engagement score within 90 days
Housecall Pro
Average demo engagement of 75% along with a 50% + completion rate
sentinal one
SentinalOne
400+ hours of demo time saved in 3 months
Read our customer reviews on G2
Read more storylane reviews
Resources
Resources
The Plot
Data-driven insights and best practices on all things GTM
Help Docs
Extensive knowledge base to help you get started with Storylane
What’s New
Our weekly product release updates about our demo platform
Partners
Join our partner program today and earn recurring commissions
Report
Guide to interactive demos in marketing and sales
READ THE REPORT
Pricing
Start free
Book a demo
Login
Book a demo
Start free
Agentic demo automation is here.
Meet Lily
This interactive demo was created free with Storylane in 2 minutes. Create your own demo
This interactive demo was created free with Storylane in 2 minutes. Create your own demo
Start free

How To Create A Popup In Webflow

Updated on:
Month
 4, 2025 
By:

‍

Here is how you can create a Pop-up in Weblow:

  1. To begin, go to the Add Elements tab on the left sidebar menu.
  2. Insert a Div Block element to act as a wrapper for our popup.
  3. Select the new Div and go to the Style tab on the right sidebar menu.
  4. Locate the Size options.
  5. Set the desired size for your popup.
  6. Consider changing the background.
  7. We'll add a few more elements to populate it.
  8. Such as a heading text element.
  9. You can continue creating a perfect pop-up for your needs but for now we have a simple one ready.
  10. Select the popup Div and locate the Position option on the right sidebar menu.
  11. Set its position to Absolute.
  12. Consider setting the z-index property to a very high value to ensure it stays on top of all other elements.
  13. Adjust the position of your window as you would like it to appear.
  14. Once ready, locate the Layout section and set the Display to None. This will hide the popup until it must be shown using a trigger.
  15. Now, you can use any element or icons for this but a button works as well. Select the element you wish to add a trigger to show the pop-up to.
  16. Go to the Interactions tab from the right sidebar menu.
  17. Click on the (+) icon next to Element trigger.
  18. Select Mouse click (tap).
  19. Select the 1st click Action option to set.
  20. Select Start an animation.
  21. Click on the (+) icon next to Timed Animations.
  22. Enter a name for this animation such as "Show popup".
  23. Use the navigator to select the hidden window.
  24. While selected, click on the (+) icon next to Actions to create an animation for your pop-up.
  25. Select Hide/Show at the bottom.
  26. Optional: Consider changing the Affect settings to only affect the specific element.
  27. Select Display: Block.
  28. Click on Save.
  29. Repeat the same steps for the 2nd click Action until the end.
  30. At the last step, select Display: None to hide the pop-up when clicking on the button again.
  31. Save your second animation.
  32. Use the Preview mode from the top right button.
  33. Click on the button.
  34. Voila! You now have a pop-up. Click on the button again to close.
Ready to get started with interactive demo?
Start free
Similar Articles

How To Add Animation In Webflow

How To Add Slider In Webflow

How To Animate In Webflow

No items found.
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Chrome Extension Icon
Try our Chrome extension
DOWNLOAD

Desktop app for macOS
DOWNLOAD
Backed by
Y combinator
AICPA SOC
GDPR
Products
Guided DemosSandbox DemosBuyer Hub
Featured
Account RevealPersonalizationIntegrations
Solutions
EnterpriseGrowth & Demand
MarketingProduct MarketingSalesPresales
Resources
BlogTutorialsHelp DocsWhat’s NewDemo DundiesPlaybooks
Company
CareersPricingPartnersContactTrust CenterDemo Abuse
Customers
Demo ShowcaseCase StudiesStorylane reviews
Built in San Francisco Bay Area - ©2025 Storylane
Backed by
Y combinator
AICPA SOC
GDPR
Privacy PolicyTerms & Conditions
X Corp (formerly Twitter)LinkedIn
This website uses cookies to ensure you get the best experience on our website. Learn More
Got it