Popups for Divi
After the plugin is activated, the Visual Builder displays a new tab called “Popup” in the Section Settings modal. In the “Popup” tab, you can turn a regular Section into a Popup! It’s super simple, as you can see on the plugins Demo Page: divimode.com/divi-popup/demo ℹ️ How it works First, activate the plugin (no configuration needed!) Open up your Visual Builder and edit a Section – you’ll see a new “Popup” tab in the Section Settings. Toggle the option “This is a Popup” and set the “Popup ID” to something (e.g., “newsletter-optin“). Close the Section Settings. Add a Button Module somewhere else on the page and set the “Link URL” to your Popup ID, with a leading “#” hash (e.g. “#newsletter-optin“) That’s all. Save the page and exit the Visual Builder! Click on the button, and you’ll see your Popup. Congratulations! ⭐️ Additional details Check out the Plugin website for more details. You’ll find: Examples CSS class options JS API documentation WP filter documentation Tested in all major browsers on Windows and Mac: Chrome, Firefox, Safari, IE 11, Edge! Popups for Divi Course During the past years, we’ve added a ton of features and have created a stable and powerful marketing plugin. To celebrate the anniversary, we have created a six-day course that teaches you everything about the plugin. It walks you through the basics of creating your first Popup, shows possible ways to customize your Popup layouts and goes into advanced techniques and usages of the plugin. “The instruction emails really helped me to understand how to use the plugin correctly!” The course is available in your wp-admin Dashboard right after you install and activate the plugin. Check out the screenshots to see the form. Also, have a look in the FAQ section, if you want to disable this feature. 🥳 Want more? If you want to get the most out of Divi, you need to have a look at Divi Areas Pro to get additional features: An admin UI to create and configure your popups Choose between 4 Area Types: Popup, Inline, Fly-in, Hover A beautiful UI that blends in perfectly with Divi Add advanced triggers to your Areas: On click On hover On scroll After delay On Exit Customize the Area Display Show on certain pages Show on certain devices Show for certain user roles or guests Customize Area Behavior Show/Hide the Close button Display the Area once per hour, day, week, … Flexible position for Inline Areas Replace/extend the page header or Footer or Comment section or actually any Divi section inside the page content It comes with an extended version of the JS API Great documentation built into the plugin and an online knowledge base and much more… 👉 Learn more about Divi Areas Pro (with screenshots!)
Top keywords
- popup11×2.35%
- section8×1.71%
- divi6×1.28%
- page5×1.07%
- area4×0.85%
- areas4×0.85%
- see4×0.85%
- show4×0.85%
- builder3×0.64%
- button3×0.64%
- certain3×0.64%
- course3×0.64%
Supreme Modules Lite – Divi Theme, Extra Theme and Divi Builder
Unlike other Divi plugins, the Divi Supreme comes with many free creative and useful yet powerful Divi modules and Divi extensions. Take Divi to the next level and build amazing websites with ease using our simple to implement modules and extensions. Divi Supreme plugin comes with an intuitive interface that blends seamlessly with the Divi theme builder to give you a familiar designing environment with additional elements to work with. Divi Supreme lite contains 20 Free Divi Custom Modules and more to come soon. Supreme Divi Gradient Text – By using Divi’s built-in background gradient tool, this module allow you to have gradient text without coding. Supreme Divi Flipbox – With 4 types of Flipbox effect to choose from (Flip Left, Flip Right, Flip Up and Flip Down), you can create stunning interactive content that converts. Supreme Divi Text Divider – This allow you to create an organized and beautiful to read headlines with many border styles to choose from with the text in-between the Dividers. Supreme Divi Image – This allow you to transform the image using 3D transformation. Rotate it like the way you always wanted without coding. Supreme Divi Typing – An Animated Typing Effect. Supreme Divi Button – Allow you to have two buttons with a separator text in between. 10 types of hover animation to choose from and also have image and video lightbox that supports: YouTube, Vimeo and Dailymotion! Supreme Divi Facebook Feed – Create Facebook Page Feed easily without having to embed them again. Supreme Divi Facebook Comments – Create Facebook Page Comments easily without having to embed them again. Supreme Divi Embed Twitter Timeline – Create Twitter Timeline Feed easily without any coding. Supreme Divi Contact Form 7 – Big fan of Contact Form 7 plugin? Now with Supreme Contact Form 7, you can select your contact form from the dropdown list without having to go back and forth switching between Visual Builder and Contact Form 7 setting page copying the shortcode and adding it to the Divi Code Module. Style your Input Fields, Button, Labels, Validation, Error Messages and more! Supreme Divi Caldera Forms – Now with Divi Supreme Caldera Forms module, you can select your contact form from the dropdown list without having to go back and forth switching between Visual Builder and Caldera Forms setting page copying the shortcode and adding it to the Divi Code Module. Style your Input Fields, Button, Labels, Error, Success Messages, Upload file and more! Supreme Divi Embed Google Map – Embed Google Map right into your Divi’s site easily without having to worry about anything else. Supreme Divi Text Badges – This will show a badge before or after the text. A great way to show highlighted/important text badge. Supreme Divi Menu – Display your WordPress menu and design it in whatever way you want. Use it for Footer or Sidebar. Supreme Divi Price List – Create attractive and stunning Price List for your business with easy options. Perfect for menus, catalogs, product lists and any other list of featured items. Supreme Divi Business Hours – This will allow customers to know your service availability time. Supreme Divi Icon List – Create an easy-to-manage list of items, with each item highlighted by it’s own icon. Supreme Divi Shapes – Shapes is one of the most important element in Design. So we’ve created this module to make your life easier. Shapes module add life and creativity to your website. Boost your Divi designs, without having to use image files or custom code. Shapes Module comes with 17 types of Shapes and more in the upcoming updates. Supreme Divi Before After Image Slider – The before after image slider module allows you to display the before and after versions of an image by simply sliding over them. Users will be able to move a slider to easily compare the two images. Supreme Divi Lottie – The Supreme Divi Lottie is excellent for adding light and eye-catching animations to your Divi website and increase the conversion and engagement of your customers. This module uses the library of JSON animations from lottefiles.com. The animation library includes thousands of exciting animations made by professional designers from around the world. You can easily pick up an animation that suits your site and your customers and use it in just two clicks. Supreme Divi Image Accordion – Let’s you display all of your images on your Divi website with a stunning hover/click animation and effects. Add as many items as you need providing them with icons, images, titles, descriptions, buttons, and links easily and quickly. It ensures the perfect image quality and combines them beautifully with amazing accordion effects. Divi Supreme Extentions Divi Scheduled Element Visibility – This will extend the Visibility option in the the Section/Row’s custom setting to allow you to show or hide the section or row with a specify date/time. Divi Shortcodes – This will add a shortcode column in the Divi Library. Use that Divi shortcode to display your layout in any Divi module or even your PHP file by using [divi_shortcode id=””]. Divi Easy Theme Builder (Header) – This will allow you to customize the Theme Builder Header with option such as Fixed Header and Shrink On Scroll in the Divi Supreme Plugin Setting Page. Many more Divi Modules and Extensions coming soon… View Demo for Divi Supreme or Demo for Divi Supreme Pro. Divi Supreme Pro GO Pro Over 40+ Premium Divi Modules and counting to help you speed up your workflow. Packed with everything you need to build amazing website without any effort. Whether you’re just starting out with web design or are an accomplished developer with multiple personal and client projects to think about, Divi Supreme Pro will significantly improve the quality of your design work. With 40+ premium Divi modules and Divi extensions to choose from, this plugin is exactly what you need to extend the functionality of your favorite page builder. About Divi Supreme Divi Supreme is featured on ElegantThemes. Divi is a great tool for building website, but without proper addons it might take more time and money. Divi’s mission is to help users design websites in the easiest, fastest and most streamlined way. We support Divi’s mission through the development of Divi custom modules that focus on beauty, subtle animations and visitor engagement. Whether you are a developer or a designer. Our goal is to give you the perfect tool that is build for Divi professionals. Documentation and Support For more information, check out the documentation at Divi Supreme.