Grivo

Embed on website

Add the Grivo chat widget to your website. Platform-specific guides for React, WordPress, Shopify, Webflow, and more.

Last updated: April 2026

Get your embed code

  1. Go to Chatbots in your Grivo dashboard
  2. Click on your chatbot
  3. Go to the Install tab
  4. Copy the script tag

The script tag looks like this:

<script
  src="https://widget.grivo.io/chat.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  async
></script>

HTML / static sites

Paste the script tag before the closing </body> tag in your HTML file:

<!DOCTYPE html>
<html>
<head>...</head>
<body>
  <!-- Your page content -->

  <!-- Grivo Chat Widget -->
  <script
    src="https://widget.grivo.io/chat.js"
    data-chatbot-id="YOUR_CHATBOT_ID"
    async
  ></script>
</body>
</html>

React / Next.js

For Next.js (Pages Router), add the script in _document.tsx:

import Script from "next/script";

// In your _document.tsx or layout:
<Script
  src="https://widget.grivo.io/chat.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  strategy="afterInteractive"
/>

For React (Vite, CRA), add a <script> tag in your index.html.

WordPress

  1. Go to Appearance → Theme File Editor
  2. Open footer.php (or your theme's footer template)
  3. Paste the script tag just before </body>
  4. Click Update File

Alternative: Use a plugin like "Insert Headers and Footers" to add the script without editing theme files.

Shopify

  1. Go to Online Store → Themes
  2. Click Actions → Edit Code
  3. Open theme.liquid
  4. Paste the script tag before </body>
  5. Click Save

Webflow

  1. Go to Project Settings
  2. Click the Custom Code tab
  3. Paste the script in the Footer Code section
  4. Click Save Changes and publish your site

Wix

  1. Go to Settings → Custom Code
  2. Click + Add Custom Code
  3. Paste the script tag
  4. Set placement to Body - end
  5. Apply to All pages
  6. Click Apply

Verify installation

After adding the script:

  1. Visit your website in a new browser tab
  2. You should see the Grivo chat widget in the bottom-right corner
  3. Click it and ask a test question
  4. Check your Grivo dashboard - the conversation should appear in your inbox

⚠️ Not seeing the widget? Clear your browser cache, check that the script tag was added correctly, and ensure your chatbot is published (not in draft mode).

Next: Customize your widget to match your brand.

Previous← Train on docsNextCustomize →