Sample: Remove the Overlay

Use the following JS to completely remove the overlay: Add the JS code into a Code Module inside the Popup. JS: <script> </script> - Here is a Code Module - Show sample Popup (free plugin) Sample...

Popup with scrollable contents

Show Popup (free) <script> // Enable page scrolling instantly (i.e., scrolling will never be disabled) DiviArea.addAction( ‘disabled_scrolling’, function() { DiviArea.Core.enableBodyScroll(); }); </script> Row 1Value AValue BValue CValue DValue...

Circle Counter inside Popup

Circle Counter inside Popup Summary When using a Circle Counter module inside a Popup, the counter is not working. According to the report, the circle starts counting when the window is resided. Steps Create a new Divi Area and add a Circle Counter module into it...

Sample: Close Fly-In on Background Click

Sample: Close Fly-In on Background Click Summary This page contains a Fly-In Area with a close button. Additionally, the page contains a small JS snippet to close the open Fly-In when clicking anywhere on the page. Also, try to click inside the Fly-In to make sure the...

Fly-In on Page Load

Fly-In on Page Load Summary Fly-Ins that appear on page load had a negative effect on the CLS value on mobile devices. A CLS analysis showed, that the Fly-In was visible on page load and shifted to the correct position during with an animation, instead of directly...

Sticky Mobile Trigger Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id metus et tellus ullamcorper fermentum. Duis interdum pretium odio a fringilla. Sed vel ipsum mattis est tincidunt suscipit. Nulla sollicitudin semper aliquet. Donec sodales nisi metus, a tempor ipsum...

Hubspot forms inside Popups

Hubspot forms inside Popups Summary A Hubspot form inside a Popup is not displayed in Firefox on the first page load, or when cache is disabled. Steps Create a Popup with a Hubspot form inside (using a Code module) Add a trigger to the page to open the Popup Test the...

Auto Play Vimeo Inside Popup

Auto Play Vimeo Inside Popup Summary Sample on how to embed a Vimeo iframe inside a Divi Area Popup Steps Add a Code module inside the Popup with the following code Divi Area JS code: https://tinyurl.com/yytobmzl Code <!– Load the Vimeo JS API –>...