search

Web Chat Setup

hashtag
Introducing the Mava web chat

The Mava web chat allows your users to easily seek help, right from your website. The Mava web chat can be added to any website with one line of code.

If you want to see the Mava web chat in action, head over to our website at Mava.apparrow-up-right and say hi 👋

hashtag
Why add a web chat to your site?

  • Improve your customer experience and conversion rates by making it simple for your users to seek help right from your site

  • Match your brand identity with custom icons and colors

  • Reduce resolution time by automatically gathering user details such as:

    • Which web page they opened the ticket on

    • Device and browser type

    • Location

    • Email address

    • Wallet address (if connected to dApp)

  • Offer 24/7 support with Mava AI

  • Automatic email follow up if a user leaves your site

  • Simple integration, insert one line of code into your website

  • Spam protection (coming soon)

hashtag
How to customize the web chat & add it to your website

Customization and setup can be done in under 10 minutes.

You must be a team admin to access integration settings.

hashtag
Step 1: Create a new integration

hashtag
Step 2: Preview your website

  • Paste your website URL into the first box to preview your site (some sites might not show a preview, but don't worry the web chat will still work)

hashtag
Step 3: Customize the web chat design

Mava offers a range of customization options:

  • Theme - Light or dark theme

  • Action color -this will be used across all buttons and be used as the accent color

  • Background fade color - this will apply a subtle gradient to the top of the web chat to help it match your brand identify

  • Logo - you can add your company’s logo. Rectangular logos with a transparent background work best, but you can also upload a square logo if you prefer.

Here’s and example using Loom’s branding to give you an idea of how it can look:

Example of custom branded Mava web chat widget in preview mode.

hashtag
Step 4: Require a user's email address before opening a ticket option

Within the content & messages section you have the option of requesting an email address before users can open a ticket.

If you collect a user's email address before they open a web chat ticket, users will be able to leave your website and receive your replies via email. This ensures they never miss your reply.

If this setting is turned on, users won't be able to skip it or create a web chat ticket, without leaving an email address.

Here's what it would look like for your users, using the Loom branding example:

hashtag
Step 5: Edit welcome message and button text

Within the content & messages section you can update the welcome message and change the text on the primary button.

hashtag
Step 6: Add Mava to your website

  • When you’re done, press the Publish Changes button to save your customization

  • Next, press the Copy Code button

  • Paste the copied code onto your website after the opening <head> on each page you want the web chat to appear

hashtag
Editing the Mava web chat after it's live on your website

Simply return to the integrations pagearrow-up-right within Mava settings and make the changes. When you're happy press the 'Publish changes' button on the top right and the changes will be instantly live on your website.

PreviousIntegration SetupNextAutomatically capture custom user data (SDK)

Last updated