first you need to install Countdown Timer plugin from here
second insert your count down time to custom wordpress page
[elfsight_countdown_timer id="1"]
Add the iframe to anypage in your site
<iframe id="masaq-iframe-counter" class="funnel-step-preview__floating-bar-iframe
funnel-step-preview__floating-bar-iframe--without-branding
funnel-step-preview__floating-bar-iframe--with-full-bar
funnel-step-preview__floating-bar-iframe--bottom
funnel-step-preview__floating-bar-iframe--center
funnel-step-preview__floating-bar-iframe--full" frameborder="0" allowtransparency="true" src="https://anbilarabi.com/masaq-timer/"></iframe>
to be able to close the iframe, just add the following code into the iframe container page
setTimeout(function () {
if( document.getElementById('masaq-iframe-counter').contentWindow.document.getElementById("eapps-countdown-timer-1").className.match('eapps-countdown-timer-closed')) {
document.getElementById("masaq-iframe-counter").style.display = 'none';
}
}, 5000)
iframe.funnel-step-preview__floating-bar-iframe.funnel-step-preview__floating-bar-iframe--without-branding.funnel-step-preview__floating-bar-iframe--with-full-bar.funnel-step-preview__floating-bar-iframe--bottom.funnel-step-preview__floating-bar-iframe--center.funnel-step-preview__floating-bar-iframe--full {
position: fixed;
width: 100%;
height: 82px;
left: 0;
bottom: 0px;
right: 0;
z-index: 100006;
display: block;
}
Leave a Reply