Modal Box for Elementor free version is a new component that will allow you to display different content in a popup window as free text, post content, shortcode content and saved elementor templates.
The Modal Box is fully responsive and can be triggered by a button, image or automatiquely after the page is loaded
Follow this link to consult the documentation.
‘On page load’ trigger a popup who is displayed after 3 secondes and a Elementor Template Section as content.
Content type: Elementor Template Section
Trigger options/Trigger: On page load
administrator
Achille Talon, prototype de l'antihéros (un « gros bourgeois bavard » d'après Goscinny) : quadragénaire ventripotent (93 kg2) au nez énorme et à la calvitie généreuse, bourgeois suffisant et vaniteux, célibataire (malgré ses projets de mariage avec Virgule de Guillemets, marquise de son état).
Button to trigger a simple promotion popup as content.
Content type: Elementor Template Section with Image + Blend mode
The link provided by a CDN display the content in a webpage not the direct image link.
How to obtain a direct link to an image in Google Photos : Consult this page.
How to obtain a direct link to an image in Google Drive
- Use the ‘Get Shared Link’ option in Google Drive to get the URL
- Original Url: https://drive.google.com/file/d/XXXXX/view?usp=sharing
- Target Url: https://drive.google.com/uc?export=view&id=XXXXX
Copy the ID from the original to the target and you obtain the direct Url.
The link provided by a CDN display the content in a webpage not the direct image link.
How to obtain a direct link to an image in Google Photos : Consult this page.
How to obtain a direct link to an image in Google Drive
- Use the ‘Get Shared Link’ option in Google Drive to get the URL
- Original Url: https://drive.google.com/file/d/XXXXX/view?usp=sharing
- Target Url: https://drive.google.com/uc?export=view&id=XXXXX
Copy the ID from the original to the target and you obtain the direct Url.
The link provided by a CDN display the content in a webpage not the direct image link.
How to obtain a direct link to an image in Google Photos : Consult this page.
How to obtain a direct link to an image in Google Drive
- Use the ‘Get Shared Link’ option in Google Drive to get the URL
- Original Url: https://drive.google.com/file/d/XXXXX/view?usp=sharing
- Target Url: https://drive.google.com/uc?export=view&id=XXXXX
Copy the ID from the original to the target and you obtain the direct Url.
Button to trigger a popup with the social networks from the post author as content
Backgound image + Blend mode
Content type: Custom Text
Description: Dynamic Tags “Author Social Networks”
Each image trigger a modal box with a Dailymotion, Youtube or Vimeo video as content.
Content type: Link
URL: Full URL of the video
Button to trigger a modal box with a custom text as content
Backgound image + Blend mode
Title: Site Name obtened from a Dynamic tag
Content type: Custom Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue.
Ut in risus volutpat libero pharetra tempor.
Cras vestibulum bibendum augue. Praesent egestas leo in pede.
Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.
Mauris ac mauris sed pede pellentesque fermentum.
Maecenas adipiscing ante non diam sodales hendrerit.
Button to trigger a modal box with a custom text and a button as content
Content type: Custom Text with a styled button inside
And a little piece of javascript code for the button ‘Close’
Another simple element, which lets you add a text link to trigger a modal box with a Elementor template as content
Title: Baseline obtened from a Dynamic tag
Content type: Elementor Template Section
administrator
Achille Talon, prototype de l'antihéros (un « gros bourgeois bavard » d'après Goscinny) : quadragénaire ventripotent (93 kg2) au nez énorme et à la calvitie généreuse, bourgeois suffisant et vaniteux, célibataire (malgré ses projets de mariage avec Virgule de Guillemets, marquise de son état).
administrator
Achille Talon, prototype de l'antihéros (un « gros bourgeois bavard » d'après Goscinny) : quadragénaire ventripotent (93 kg2) au nez énorme et à la calvitie généreuse, bourgeois suffisant et vaniteux, célibataire (malgré ses projets de mariage avec Virgule de Guillemets, marquise de son état).