← Back to home

Integration Documentation

Learn how to add Nico to your website in just a few minutes

1 Get Your Credentials

After completing your payment with Corox, you'll receive an email with your credentials:

Note: If you haven't received your credentials, contact info@corox.click

2 Download the Files

Download the widget files and add them to your project:

Copy these files from the /nico folder to your server or CDN.

3 Add the Code to Your HTML

Paste this code in your HTML page, before the closing </body> tag: 

<!-- 1. Include the files -->
<script src="path/to/nico-widget.umd.js"></script>
<link rel="stylesheet" href="path/to/style.css" />

<!-- 2. Widget container -->
<div id="nico-widget-container"></div>

<!-- 3. Initialize Nico -->
<script>
  window.createNicoWidget("nico-widget-container", {
    businessId: "YOUR_BUSINESS_ID",
    channelId: "YOUR_CHANNEL_ID",
    apiUrl: "https://api.corox.click/api/v1/widget",
    primaryColor: "#a52a2a"
  });
</script>
Important: Replace YOUR_BUSINESS_ID and YOUR_CHANNEL_ID with the values you received via email.

4 Customize (Optional)

You can customize the widget appearance with these options:

Option Type Description
position string Position: "bottom-right" or "bottom-left"
title string Chat title (e.g., "Nico - Assistant")
welcomeMessage string Initial welcome message
primaryColor string Primary color in HEX format
finalGradient string Final gradient color (for accents)

Example with customization:

window.createNicoWidget("nico-widget-container", {
  businessId: "YOUR_BUSINESS_ID",
  channelId: "YOUR_CHANNEL_ID", 
  apiUrl: "https://api.corox.click/api/v1/widget",
  position: "bottom-left",
  title: "👨‍🍳 Nico - Your Virtual Chef",
  welcomeMessage: "Hi! I'm Nico, what would you like to order today?",
  primaryColor: "#e67e22",
  finalGradient: "#f39c12"
});

5 Custom LLM Provider

If you already have your own Large Language Model (LLM) provider such as OpenAI, Anthropic, or a local model, you can easily integrate it with Nico. This allows you to maintain full control over your models, data, and costs.

Configuration: To integrate a custom provider, please contact our technical team to enable the communication gateway in your Nico instance.

Need Help?

If you have issues with the integration, feel free to contact us:

WhatsApp Email