Hide web chat icon & create custom launch event

Why hide the web chat icon and use a custom launch event?

If the Mava web chat icon is blocking content on your website for desktop or mobile users you can hide it by default and add a custom launch event. This enables you to configure the Mava web chat to only open if, for example, a user presses a button or link on your site.

Advantages:

  • Chat icon will no longer be blocking content on your site

  • Can be configured so the chat icon is only hidden on mobile devices, but remains visible on larger screens

Disadvantages:

  • With a less prominent support icon, users may find it harder to contact your support team

  • The support icon, including the unread message notification icon won't be visible to your users. We recommend using the Mava SDK or 'Request users email' setting to capture the users details so they receive a response via email if they abandon the chat before your team replies.

  • Requires developer resources, implementation time c.10-30 minutes

Before you get started

How to create a custom launch event

Add id="mava-webchat-launcher" to any button on your website.

For example:

<button id="mava-webchat-launcher">Open Sesame </button> 
// Style it however you like it

To hide the launcher add data-hide-mava-launcher="true" to existing widget script that should be within your website <head> element.

<script src="https://widget.mava.app" data-hide-mava-launcher="true" />

Last updated