Vigyata.AI
Is this your channel?

How to Open Popup on Button Click in Elementor

71 views· 1 likes· 2:47· Jun 5, 2025

🛍️ Products Mentioned (2)

Discover how to trigger a popup when a button is clicked in Elementor for better engagement and user interaction. ✅ Use my affiliate link to Get Elementor: https://be.elementor.com/visit/?bta=217017&brand=elementor ✅ Exclusive discount on Hostinger: https://bit.ly/hostingerdisount 📩 For business questions or if you want me to make a tutorial for your software: mediamagnet.business@gmail.com ------- 🎬 Watch more Elementor tutorials: https://www.youtube.com/playlist?list=PLyb1TFmbJ_VPVKrxLj2_9hdzbiz1kD6ZE 👉 Subscribe to my channel: https://www.youtube.com/@MediaMagnetGuide?sub_confirmation=1 ------- 💬 Have any questions or video requests? Drop a comment below! 👇 👍 If you found this video helpful, please like, subscribe, and comment! Your support drives us to create more valuable content. ------- 📚 About Elementor: Elementor is a popular WordPress page builder that allows users to create websites visually with a drag-and-drop interface. It offers pre-designed templates, widgets, and customization options without coding knowledge. Elementor Pro, the premium version, includes advanced features like a theme builder, WooCommerce integration, custom CSS, pop-up builder, and dynamic content. It enhances website design flexibility and improves performance. Ideal for beginners, designers, and developers, Elementor makes website creation faster and easier. With responsive design capabilities, SEO optimization, and third-party integrations, it is widely used for professional and business websites. #Elementor #ElementorTutorial #ElementorHowTo ------- ⚠️ DISCLAIMER: This Channel Does Not Promote Any illegal content, all content provided by This Channel is meant for EDUCATIONAL purposes only. The content is based on individual research and does not intend to give any financial advice. The content on this channel does not intend to mislead the viewers. We are not liable for the content and services provided on external websites. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational, or personal use tips the balance in favor of fair use. Some of the above links are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot, if you decide to do that! I couldn't make all these videos without it.

About This Video

In this quick Elementor guide, I show you exactly how to create a popup that opens on a button click—step by step. I start inside the WordPress dashboard by going to Templates → Popups and adding a new popup template. From there, I pick a pre-designed popup from Elementor’s library, insert it, and then clean up the layout so it looks professional (centered content, fit-to-content height, and proper vertical/horizontal alignment). I also switch the content width to full width if you want a cleaner, more modern look. Next, I walk you through the popup settings using the gear icon in the lower-left corner. I enable the close button, then fine-tune the Advanced options like avoiding multiple popups, disabling page scrolling, and preventing closing on ESC or overlay—these small tweaks make the experience feel intentional and user-friendly. Finally, I publish the popup, set display conditions/triggers/rules as needed, and then link it to your button by editing the button in Elementor, clicking the link settings gear, choosing “Popup” as the action, and selecting your popup. Once you hit update, your button will trigger the popup exactly the way you want.

Frequently Asked Questions

🎬 More from Media Magnet Guide