HTML popup and JS popup generator

twik_logo_white

x

Your popup is ready

Choose how to deploy the popup in your site

html_logo

Export to HTML Tag

url_logo

twik_logo_white

x

Install via HTML Tag

Example

controls

<html>
  <body>
    <h1>twik Popup     implementation</h1>
    <p>How to implement twik     popups.</p>
  </body>
  <footer>
  
  </footer>
</html>

Copy the Twik's snippet and paste it in the header website, just above the closing <head> tag.

<script>(function(){var e="59c8bc33dddfb";var t=localStorage.TWIKED?250:1e3;var i=localStorage.TWIKED?2e3:6e3;localStorage.TWIKED=true;var o=document.documentElement;if(!document.body){o.style.visibility="hidden";o.style.opacit=0}setTimeout(a,t);var n=document.createElement("link");n.rel="stylesheet";n.href="https://css.twik.io/"+e+".css";n.onload=a;document.head.appendChild(n);window.TWIK_RS=function(){n.parentElement&&n.parentElement.removeChild(n)};var c=document.createElement("script");c.src="https://cdn.twik.io/tcs.js?async";c.id="twik_code";c.onload=function(){a()};c.dataset.twik=e;document.head.appendChild(c);setTimeout(TWIK_RS,i);function a(){o.style.visibility="";o.style.opacity=""}})();</script>

Copy HTML code