GUURU for Developers

GUURU for Developers

  • Docs
  • Contacts

›Chat Widget

Loader

  • Getting Started
  • Public Interface
  • Handling Events
  • Conversion
  • Cookies
  • Examples

SmartChat

  • Getting started
  • Chat Widget

    • Getting started
    • Parameters

SmartForm

  • Getting Started

Admin API

  • Getting started
  • Examples
  • API Reference

    • Queries
    • Mutations
    • Types
    • Pagination

Webhooks

  • Getting started
  • Examples

Integrations

  • Facebook
  • Freshchat
  • Salesforce
  • Zendesk
  • Microsoft
  • Third Party Messaging

Getting started

The chat widget is the component where your visitors will interact with SmartChat.

The Chat Loader will automatically open this widget when clicked, but you also have a dedicated web page for the chat widget than can be accessed directly to allow you to share or embed your SmartChat widget.

https://chat.guuru.com/<YOUR_APP_ID>

It must be loaded with the app id. All parameters are optional. Get your appId on the General Settings.

Using custom launchers to open the Chat Widget

By default, your visitors will see our Chat Loader launcher on the bottom right of their device screen.

However, if you’d like the Chat Widget to open from a specific button, link or element in your website or app you can create a custom launcher.

For example, you can trigger the Chat Widget to open when a visitor clicks on your Live Chat with us button.

You can add as many custom launchers as you need

Creating a custom launcher on your website or app

  1. Set one ID or a class (if you need to have multiple custom launchers by page) to use as a custom launcher to open the Chat Widget (e.g., "#open-guuru-chat" or ".open-guuru-chat").

  2. Add the previous ID or class to the HTML element that you want to open the Chat Widget when clicked. For example, if you want the Chat Widget to open if someone clicks in Live Chat with us link: <a id="open-guuru-chat" href="mail@your-domain.com">Live Chat with us</a>

  3. Go to Chat Settings in Chat Loader section and set your custom ID or class in the Custom launchers selectors setting.

← Getting startedParameters →
  • Using custom launchers to open the Chat Widget
    • Creating a custom launcher on your website or app
GUURU for Developers
Docs
SmartChatSmartFormAPI Reference
Community
GitLabFacebookLinkedIn
Copyright © 2023 GUURU Solutions Ltd.