Here popup created without elementor
<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>
Leave a Reply