If you’re using WordPress to host your website, adding the Chatavise web chat widget is a quick and effective way to capture leads directly from your site. This step-by-step guide will walk you through exactly how to install the widget using a simple code snippet and the Code Snippets plugin.



Before You Start

Make sure you’ve already:

  • Created and customized your web chat form inside Chatavise.

  • Reviewed how to manage your web chat form.
    (See our previous article for full customization steps.)

Step 1: Locate Your Web Chat Widget Code

Inside Chatavise:

  • Navigate to the Web Chat Form Settings.

  • Find the code snippet provided.
    It should be a single line of HTML <script> code.

You’ll be embedding this snippet into your WordPress site.

Step 2: Install the Code Snippets Plugin in WordPress

  1. Log into your WordPress dashboard.

  2. Go to Plugins > Add New.

  3. Search for Code Snippets.

  4. Install and activate the plugin.

Why use Code Snippets?
It provides an easy and safe way to insert custom code into your website without directly editing theme files.

Step 3: Add Your Web Chat Widget Code

  1. In your WordPress menu, go to Code Snippets > Add New.

  2. Select Custom HTML Snippet.

  3. Paste your Chatavise web chat widget code into the provided box.

  4. Name your snippet something like Chatavise Web Chat.

Step 4: Configure Snippet Settings

  • Set the location to Footer.
    (This ensures the widget loads last and doesn’t interfere with your website’s speed or other elements.)

  • Set the device type to Any.
    (The widget is optimized for both mobile and desktop visitors.)

  • Save the snippet.

You can always come back to this section later to update or modify your widget code if needed.

Step 5: Confirm Installation

  • Refresh your website.

  • The Chatavise web chat widget should now appear in the bottom-right corner of your site.

Note:
It may take a few minutes for the widget to appear after saving your snippet. Be patient while it propagates.

What Happens Next?

Once installed:

  • Website visitors can submit inquiries directly through the widget.

  • The widget will include all the fields you configured previously in Chatavise.

  • All submissions will automatically create contacts in your Chatavise account and can trigger workflows if you’ve set them up.

Need Help?

If you need additional guidance:

  • Click the Get Help button in Chatavise to browse help articles.

  • Search for platform-specific installation guides (e.g., Wix, Squarespace).

  • If no article exists for your platform, submit a support request directly.

Summary

Installing the Chatavise web chat widget on WordPress is simple:

  • Copy the widget code from Chatavise.

  • Paste it into the Code Snippets plugin.

  • Place it in the footer to ensure smooth loading.

With just a few steps, you can start capturing leads from your website and engaging with your visitors in real time.