Chat Widget Embed
Add the Robert's Automotive AI chat tool to your website in seconds
Quick Start
Copy and paste this single line of code into your website's `<head>` or before closing `</body>` tag:
<script src="https://roberts.blokbyblok.org/chat-button.js"><\/script>That's it! A "Chat with us" button will appear automatically on your site within seconds.
Installation Steps
Locate your website's HTML
Find the `<head>` section or just before the closing `</body>` tag of your website's HTML. If you're using Wix, WordPress, Squarespace, etc., look for a "Custom Code" or "Code Injection" section.
Copy the embed code
Click the copy button above to copy the entire script tag to your clipboard.
Paste into your website
Paste the code into your site's code section. Save and publish.
Test it out
Reload your website. A "Chat with us" button should appear in the bottom-right corner. Click it to open the chat.
Website Builder Instructions
Wix
Edit Site → Settings → Custom Code → Add Code → Choose 'Head' → Paste code → Save
WordPress
Dashboard → Appearance → Theme Code Editor → Footer or Header → Paste before closing tag
Squarespace
Settings → Advanced → Code Injection → Footer → Paste code
Shopify
Online Store → Themes → Actions → Edit code → theme.liquid → Paste before </body>
Webflow
Project Settings → Custom Code → Footer Code → Paste
HTML/Custom
Open your HTML file → Paste before </body> tag
What's New in the AI Chat
Smarter First Responses
When customers ask about a specific model on their first message, the AI now asks 1-2 clarifying questions before listing vehicles. This helps refine their preferences for more targeted results.
Contextual Test Drive CTAs
"Schedule a test drive" suggestions now only appear when customers are on a Vehicle Detail Page (VDP), keeping follow-ups relevant to their context.
Budget Filter Suggestions
The AI no longer suggests budget filters if the customer has already specified one, reducing repetitive suggestions and improving the conversation flow.
Follow-Up Intelligence
Follow-up prompts are now smarter and context-aware, adapting to the user's page context, search intent, and previous responses for a more natural conversation.
Advanced Configuration (Optional)
Customize the button appearance and chat behavior:
<script>
window.ChatWidgetConfig = {
appId: 'isringhausen_bmw',
position: 'bottom-right', // 'bottom-right' | 'bottom-left'
buttonColor: '#0066B1',
buttonTextColor: '#FFFFFF'
};
<\/script>
<script src="https://roberts.blokbyblok.org/chat-button.js"><\/script>Available Config Options:
position: Button location - 'bottom-right' (default) or 'bottom-left'buttonColor: Button background color (any hex value, default: #0066B1)buttonTextColor: Button text color (default: #FFFFFF)
Troubleshooting
Button not appearing?
- Wait 30 seconds and refresh your browser (Ctrl+Shift+R or Cmd+Shift+R for hard refresh)
- Check your browser's developer console for errors (F12 → Console tab)
- Try a different browser or clear your browser cache
- Make sure the code was pasted completely and saved
Button appears in wrong location?
- Use advanced configuration to change position to 'bottom-left'
- Some website elements may overlap the button—adjust z-index by contacting support
Chat window closes immediately?
- This may be due to browser popup blockers. Ask users to allow popups for your site
- Some browsers may block it by default—check browser settings