Chatbot

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

  1. As a widget

  2. Embedded

Initialise as widget

After installing the Chathive SDK, 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 installed the Chathive SDK, 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.

PreviousGetting startedNextMethods

Last updated