Quick start
Get your AI chatbot live on your website in under 2 minutes. No coding required.
Last updated: April 2026
This guide walks you through getting your first AI chatbot live on your website. The entire process takes about 2 minutes.
Prerequisites
- A website where you can add a
<script>tag (works with any platform) - A Grivo account - sign up free here
Step 1: Create your account
- Go to grivo.io/login
- Sign up with your email or Google account
- No credit card required - the free plan includes everything you need to start
Step 2: Train your chatbot
After signing up, you'll be prompted to train your chatbot. You have several options:
- Website URL (recommended) - Enter your website URL and Grivo crawls all pages automatically. This is the fastest way to get started.
- PDF upload - Upload help docs, product manuals, or knowledge base files
- Text/docs - Paste or type content directly
For most websites, training takes 1–3 minutes depending on the number of pages. You can see progress in real time.
💡 Tip: Start with your website URL. You can always add more training sources (PDFs, docs) later to improve accuracy.
Step 3: Add the widget to your site
Once training is complete, Grivo gives you a single script tag. Copy it and paste it into your website:
<!-- Add this before </body> -->
<script
src="https://widget.grivo.io/chat.js"
data-chatbot-id="YOUR_CHATBOT_ID"
async
></script>Platform-specific instructions
- React / Next.js - Add the script tag in your root layout or
_document.tsx - WordPress - Go to Appearance → Theme Editor → footer.php, paste before
</body> - Shopify - Go to Online Store → Themes → Edit Code → theme.liquid, paste before
</body> - Webflow - Go to Project Settings → Custom Code → Footer Code
- HTML - Paste directly before
</body>in your HTML file
See Embed on website for detailed platform guides.
Step 4: Test your chatbot
Visit your website and you'll see the Grivo chat widget in the bottom-right corner. Try asking it a question about your product - it should answer using the content it was trained on.
⚠️ Note: If you don't see the widget, clear your browser cache and make sure the script tag was added correctly. The widget may take up to 60 seconds to appear on first load.
Step 5: Customize (optional)
Your chatbot works out of the box, but you can customize it to match your brand:
- Change widget colors to match your brand
- Set a custom welcome message
- Add your logo or avatar
- Configure lead capture fields
- Set up human handoff rules
See Customize your chatbot for the full guide.