Widget Setup Guide | AI Smart Hub

1 Get Your Widget Key

Log in to your dashboard and navigate to Settings → Widget. Copy your unique widget key.

💡 Your widget key is like a password - keep it secure! It connects your widget to your business data.

2 Add the Widget Code

Place this code just before the closing </body> tag on your website:

      <!-- AI Smart Hub Widget -->

      <div id="ai-chat-widget" data-key="YOUR_WIDGET_KEY_HERE"></div>

      <script src="https://yourdomain.com/widget.js"></script>

3 Customize Appearance

You can customize the widget by adding data attributes:

      <div id="ai-chat-widget"

          data-key="YOUR_WIDGET_KEY"

          data-primary-color="#d4af37"

          data-position="bottom-right"

          data-welcome="Hi! How can I help you today?">

      </div>

4 Configure Your Knowledge Base

In your dashboard, go to Smart Tools → AI Knowledge Base. Add information about:

Your products/services and prices
Shipping and return policies
Business hours and contact info
FAQ and common questions

⚡ The more you add to your knowledge base, the smarter your AI becomes!

5 Test Your Widget

Visit your website and click the widget bubble. You should see your welcome message. Try asking:

"What are your hours?"
"Do you have [product name]?"
"How much is shipping?"

🤖 AI Widget Setup Guide