When adding the bubble, you may want to delay the widget from showing up right away.

We do this with a script and timing - out the html wrapper of the widget.

First, we have to set the hoola-pre-wrapper to not display by default.

You can do this by changing the first line of the code, from:

<!-- Hoola WhatsApp Widget -->
<div id="hoola-pre-wrapper" style="z-index:122333">
...
</div>

to:

<!-- Hoola WhatsApp Widget -->
<div id="hoola-pre-wrapper" style="z-index:122333;display:none;">
...
</div>

Now, we add the script to set the time-out.

In your theme.liquid, you have added the Hoola <script> and <link> (css) before.

Below, add:

<script>
	setTimeout(()=> {document.getElementById("hoola-pre-wrapper").style.display = "block";},1500);
</script>

Setting the time (in seconds).

The 1500 in the code, is with a measure of milliseconds, meaning 1.5 seconds.

• To change the code to 6 seconds, add 6000.
• 4.75 seconds = 4750
• etc.