Get a demoLog inAcademyDevelopers
More docs

Build and install a chat widget on your website

Make sure you are in the Customer Service section of your workspace. You can check this by clicking the workspace name in the top left-hand corner of your screen.

Step one: Create a new chat widget

Make sure you are in the Customer Service section of your workspace before you start.

You can check this by clicking the workspace name in the top left-hand corner of your screen and selecting Customer Service.

  1. Go to Preferences > Chat widgets.

  2. Click Create new chat widget.

  3. Name your chat widget.

  4. Select the Default Language from the drop-down.

  5. Click Any other website

  6. Click Create new chat widget.

Step two: Style your chat widget

  1. Add styling, branding, display rules, and additional channels to your chat widget.

Branding

In the Branding section, you can configure the following:

  • Brand color

  • Organization logo

  • Dark mode organization logo

  • Font

  • Background type

  • Desktop and mobile display

Targeting and behavior

In the Targeting and behavior section, you can configure the following:

  • Allowed domains

  • Specific page paths

  • Country visibility

Content

In the Content section, you can configure the following:

  • Logo display

  • Header title

  • Header description

  • Footer display

  • Disclosure

  • Launch text and placement

Blocks

In the Blocks section, you can configure the following:

  • Add additional channel buttons

  1. Click Publish.

Step three: Install your chat widget on your website

  1. Under Automatic installation, copy the script tag.

  2. Access your website's HTML file.

  3. Find the opening <body> and closing </body> tags.

  4. Paste the script tag between the opening and closing body tags.

  5. Save and deploy your changes.

  6. The chat widget will now be visible on your website.

Last updated