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.

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

<script defer src="<https://cdn.hoola.so/public/scripts/hoola-widget.js>"></script>
<link rel="stylesheet" href="<https://cdn.hoola.so/public/css/hoola-widget.css>" type="text/css">

• Screenshot of how this looked in Shopify

Below, these 2 lines, add:

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

Right here:

So it will look something like this:

To adjust the time, change the highlighted 1500 from the picture above:

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

• To change the code to 6 seconds, change it to 6000.