Popup test

Author: ViktorG

  • Here popup created without elementor

    erwerwe

     

  • Here created popup with Elemetor and pasted used shortcode

    Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

<div class=" simple_popup simple_popup_37 " rel="37 " style="display: none" > <div class="splash"></div> <div class="popup"> <div class="close">Close</div> <style>.elementor-37 .elementor-element.elementor-element-c0e3f83{--display:flex;}.elementor-37 .elementor-element.elementor-element-c0e3f83:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-c0e3f83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-a64851b{text-align:left;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-7a1a634{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-37 .elementor-element.elementor-element-cdc3b76{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37 .elementor-element.elementor-element-10971a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-37 .elementor-element.elementor-element-eea38ef{text-align:center;}.elementor-37 .elementor-element.elementor-element-eea38ef .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}</style> <div data-elementor-type="wp-post" data-elementor-id="37" class="elementor elementor-37"> <div class="elementor-element elementor-element-c0e3f83 e-flex e-con-boxed e-con e-parent" data-id="c0e3f83" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-a64851b elementor-widget elementor-widget-heading" data-id="a64851b" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Elementor test popup</h2> </div> </div> <div class="elementor-element elementor-element-a605f87 elementor-widget elementor-widget-text-editor" data-id="a605f87" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>We can create any popups with aby style, because we use an elementor to build our popups</p> </div> </div> <div class="elementor-element elementor-element-7a1a634 e-con-full e-flex e-con e-child" data-id="7a1a634" data-element_type="container"> <div class="elementor-element elementor-element-60e9099 elementor-widget elementor-widget-image" data-id="60e9099" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="600" height="392" src="https://popup.gazzit.nl/wp-content/uploads/2023/10/depositphotos_12638853-stock-photo-coffee-cup-and-beans.webp" class="attachment-large size-large wp-image-93" alt="" /> </div> </div> <div class="elementor-element elementor-element-cdc3b76 e-con-full e-flex e-con e-child" data-id="cdc3b76" data-element_type="container"> <div class="elementor-element elementor-element-6743aa1 elementor-widget elementor-widget-heading" data-id="6743aa1" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Do you want a cap of coffe?</h2> </div> </div> <div class="elementor-element elementor-element-1014152 elementor-widget elementor-widget-button" data-id="1014152" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Click here and choose</span> </span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-10971a0 e-flex e-con-boxed e-con e-parent" data-id="10971a0" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-eea38ef elementor-widget elementor-widget-heading" data-id="eea38ef" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">The best way to attract user its popup </h2> </div> </div> </div> </div> </div> </div> <style> .simple_popup_37 .splash { background: #483B37B3; } .simple_popup_37 .popup { width: 875px; } </style> <script type="text/javascript"> if (typeof simplePopupSettingsGlobal === 'undefined') { var simplePopupSettingsGlobal = {} } simplePopupSettingsGlobal[37] = { 'closeClass' : 'close', 'closeOnce' : true, 'appearDelay' : "1", 'splashClose' : "1" } </script> </div>