Chathive SDK
  • Chathive documentation
  • What's new in the Chathive docs?
  • Api
    • REST API
  • Crawler
    • Overview
    • Crawler config
    • Attributes
  • SDK
    • Getting started
    • Chatbot
      • Methods
      • Events
      • Attributes
    • AI form
      • Configuration
      • Methods
      • Events
    • Attributes
  • Tools
    • Overview
    • Parameters
    • Format response
Powered by GitBook
On this page
  • Initialise as widget
  • Embed in your page
  • Example
  • Limitations

Was this helpful?

  1. SDK

Chatbot

PreviousGetting startedNextMethods

Last updated 7 months ago

Was this helpful?

A chatbot project can be added to your app or website in 2 ways.

Initialise as widget

After, you’ll need to start up the Widget. Use the code snippet below to make sure the Widget launches every time the page is refreshed.

Place this code in the </body> tag on every page where you want to show the widget.

<script>
    Chathive.widget.init({ apiKey: "YOUR_API_KEY" });
</script>

Good to know: If you have a single page app make sure this is executed after the SDK has been loaded

Embed in your page

Sometimes a widget doesn't fit into your design. for these purposes we also made it possible to embed the widget into your page.

Once you’ve , you’ll need to specify which HTML tag should contain the widget. Place the following code just before the </body> tag, making sure it comes after the HTML tag where you want to embed the widget."

<script>
    Chathive.widget.embed({
        apiKey: "YOUR_API_KEY",
        selector: "html_tag_selector",
    });
</script>

Example

<body>
    <div id="embedding"></div>
    <script>
        Chathive.widget.embed({
            apiKey: "YOUR_API_KEY",
            selector: "embedding",
        });
    </script>
</body>

Limitations

  • Currently only 1 chatbot project can be added to your app or website.

installing the Chathive SDK
installed the Chathive SDK
As a widget
Embedded