GUURU for Developers

GUURU for Developers

  • Docs
  • Contacts

›Chat Window

Chat Button

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

SmartChat

  • Getting started
  • Chat Window

    • 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 window is the component where your visitors will interact with SmartChat.

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

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 Window

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

However, if you’d like the Chat Window 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 Window 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 Window (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 Window when clicked. For example, if you want the Chat Window 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 Button section and set your custom ID or class in the Custom launchers selectors setting.

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