How can I implement automatic pop-up for the messaging widget on my website?

Question

How can I create a pop-up of the messaging widget, immediately after the website loads?

Answer

After having installed messaging on your website, add the following JavaScript code near your body tag, after the widget snippet:

<script type="text/javascript">
zE(function(){
zE('messenger', 'open');
});
</script>

If you want the chat to pop up after a certain amount of time, post page load, wrap the zE function within a setTimeouts method using the following script:

<script type="text/javascript">
window.setTimeout(function() {
zE(function() {
zE('messenger', 'open');
});
// You can add more APIs on this line, if needed
}, 10000); // Set delay in milliseconds (10 seconds = 10000ms)
</script>

If you want to set a delay, then in the above script, replace 10000 with the number of milliseconds of your choice. For example, 5000 for a 5-second delay.

To you test this functionality:

• Verify that the widget loads without interfering with the user experience.
• The timing of the pop-up aligns with the user interaction.
• Ensure all links and functions in the messaging window should operate as expected.

Note: If you use the Web Widget (Classic), achieve comparable results by following the steps outlined in this article: How can I customize the widget to automatically open when the page loads?

For more information, see Core messaging Web Widget API.