👋 Welcome to the Demo Page

This page demonstrates how the Snackz AI Agent widget is embedded.

Look for the chat bubble in the bottom right corner!

How to Embed

Simply add this script tag to your website:

<script>
    window.SnackzConfig = {
    apiUrl: "https://kolibri.agent.snackz.ai", // Your API URL
    apiKey: "MwMLXzrno3GoDC9E3eUkpOuA8jL4PQof",              // Your API Key
    shopId: "167206"               // Shop ID
  };
</script>
<script src="https://kolibri.agent.snackz.ai/widget/snackz-widget.js" async></script>
        

Programmatic Control

You can also control the widget programmatically:

Use the buttons above to control the chat widget programmatically, or click the chat bubble in the bottom right corner.

<script>
  // Control the chat widget programmatically
  function openChat() {
    window.SnackzAgent.open();
  }

  function closeChat() {
    window.SnackzAgent.close();
  }

  function minimizeChat() {
    window.SnackzAgent.minimize(); // Minimizes window or closes to bubble
  }

  function maximizeChat() {
    window.SnackzAgent.maximize(); // Maximizes the chat window
  }

  function toggleChat() {
    window.SnackzAgent.toggle(); // Opens if closed, closes if open
  }

  function startNewChat() {
    window.SnackzAgent.startNewChat(); // Starts a new conversation
  }
</script>