Add AEDAN to Your Website in 3 Minutes

No coding experience required. Just copy, paste, and go live.

Quick Start

Follow these simple steps to add AEDAN to your restaurant website:

1 Get Your Widget Code

Log into your AEDAN admin dashboard and navigate to:

Dev Tab → Widget Code Section

Your unique widget code will be displayed there, automatically generated for your restaurant.

2 Copy the Code

Click the "Copy Code" button or manually select and copy your widget code.

3 Paste on Your Website

Add the code to your website before the closing </body> tag.

See platform-specific guides below for detailed instructions.

That's it! AEDAN will appear as a chat bubble on your website within seconds.

Widget Installation (Recommended)

The widget appears as a floating chat bubble on your website. This is the most popular integration method.

Step 1: Get Your Widget Code from Admin Dashboard

Your widget code is automatically generated in the Dev Tab of your admin dashboard with your unique restaurant ID already embedded. Here's what it looks like:

<!-- Gaazzeebo AI Restaurant Agent -->
<script>
  (function() {
    var s = document.createElement('script');
    s.src = 'https://aedanrose.ai/widget.js';
    s.defer = true;
    s.setAttribute('data-restaurant-id', 'YOUR_RESTAURANT_ID');
    s.setAttribute('data-api-url', '/api/v1');
    s.setAttribute('data-primary-color', '#667eea');
    document.head.appendChild(s);
  })();
</script>
<!-- End Gaazzeebo Widget -->
Important: Always get your personalized code from the Dev Tab in your admin dashboard. The code above shows the structure, but your actual code will have your unique restaurant ID already included.

Step 2: Add Code to Your Website

Paste the code in the <head> section of your website on every page where you want AEDAN to appear.

Note: The script automatically appends to the <head> section and uses defer loading for optimal performance without blocking page rendering.

Iframe Embedding (Alternative)

Use this method to embed AEDAN as a full chat window on a dedicated page or section.

When to Use Iframe:

  • Dedicated "Chat with Us" or "Order Online" page
  • Contact page embedded chat
  • Sidebar chat on your homepage

Iframe Code Example:

Get your personalized iframe code from the Dev Tab. It will look like this:

<!-- AEDAN Iframe Embed -->
<iframe
  src="https://aedanrose.ai/widget.html?id=YOUR_RESTAURANT_ID&color=%23667eea&mode=iframe"
  width="420"
  height="640"
  frameborder="0"
  style="border:0; border-radius: 16px; box-shadow:0 10px 30px rgba(0,0,0,.12);"
  title="AI Chat Assistant"
></iframe>
URL Parameters:
  • id - Your restaurant ID (required)
  • color - Primary color in URL-encoded hex format (optional, default: #667eea)
  • mode - Set to "iframe" for embedded mode (required)

Custom Sizing:

You can customize the iframe dimensions directly in the Dev Tab using the "Resize iFrame" feature. Simply enter your desired width and height, and the code will be updated automatically.

<!-- Custom Size Example -->
<iframe
  src="https://aedanrose.ai/widget.html?id=YOUR_RESTAURANT_ID&color=%23667eea&mode=iframe"
  width="500"
  height="700"
  frameborder="0"
  style="border:0; border-radius: 16px; box-shadow:0 10px 30px rgba(0,0,0,.12);"
  title="AI Chat Assistant"
></iframe>

Platform-Specific Installation

Choose your website platform for step-by-step instructions:

WordPress Installation

  1. Install the "Insert Headers and Footers" plugin (or use your theme's custom code feature)
  2. Go to Settings → Insert Headers and Footers
  3. Paste your widget code in the "Scripts in Footer" section
  4. Click "Save"
  5. Visit your website to confirm AEDAN appears
Alternative: If you're comfortable editing theme files, paste the code in Appearance → Theme Editor → footer.php before </body>

Shopify Installation

  1. Go to Online Store → Themes
  2. Click "Actions" → "Edit Code"
  3. Find the theme.liquid file in the Layout folder
  4. Scroll to the bottom and paste your widget code before </body>
  5. Click "Save"
  6. Preview your store to confirm

Wix Installation

  1. Go to Settings → Custom Code
  2. Click "+ Add Custom Code"
  3. Paste your widget code
  4. Set placement to "Body - End"
  5. Choose "All Pages" (or select specific pages)
  6. Click "Apply"

Squarespace Installation

  1. Go to Settings → Advanced → Code Injection
  2. Paste your widget code in the "Footer" section
  3. Click "Save"
  4. Visit your site to confirm

Custom HTML Installation

  1. Open your website's HTML file in a text editor
  2. Find the closing </body> tag (usually near the bottom)
  3. Paste your widget code right before it
  4. Save the file
  5. Upload to your server (via FTP or hosting control panel)
<!-- Your existing HTML -->
  <footer>
    <!-- Footer content -->
  </footer>

  <!-- AEDAN Widget Code - PASTE HERE -->
  <script>
    window.aedanConfig = { ... };
  </script>
  <script src="https://cdn.aedan.ai/widget.js" async></script>

</body>
</html>

Customization Options

Change Colors to Match Your Brand

Customize the widget color directly in your widget code by changing the data-primary-color attribute:

<script>
  (function() {
    var s = document.createElement('script');
    s.src = 'https://aedanrose.ai/widget.js';
    s.defer = true;
    s.setAttribute('data-restaurant-id', 'YOUR_RESTAURANT_ID');
    s.setAttribute('data-api-url', '/api/v1');
    s.setAttribute('data-primary-color', '#ff6b00'); // 👈 Change this to your brand color
    document.head.appendChild(s);
  })();
</script>
Pro Tip: You can also change the widget color from the Settings Tab in your admin dashboard. The Dev Tab will automatically update your widget code when you change the color.

Customize Widget Behavior

For advanced customization like welcome messages and positioning, visit the Settings Tab in your admin dashboard where you can configure:

  • Primary widget color
  • Restaurant-specific greetings and welcome messages
  • Business hours and operating schedule
  • Special instructions for AI responses

API Keys (Advanced)

The Dev Tab provides API keys for advanced integrations and programmatic access:

Public API Key

Your public API key is displayed in the Dev Tab and is safe to use in client-side code. It's automatically included in your widget code.

Security: Your public key is used to authenticate widget requests. Never share your private/secret keys publicly.

Testing and Validation

The Dev Tab includes powerful testing tools:

  • Test Live AI: Opens a test window to chat with your AI in real-time
  • Validate Setup: Checks if your widget code is correctly configured
  • Run Full Diagnostic: Comprehensive system check including API connectivity and AI training status
  • Test API Connection: Verifies your backend connection is working
  • Verify AI Training: Confirms your AI has been trained with your documents

Downloadable Test Files

The Dev Tab lets you download complete HTML test files with your widget embedded for local testing.

Testing Your Installation

How to Verify AEDAN is Working:

  1. Visit your website in incognito/private browsing mode
  2. Look for AEDAN's chat bubble (bottom right by default)
  3. Click the bubble to open the chat
  4. Send a test message: "I'd like to make a reservation"
  5. AEDAN should respond within 1-2 seconds
Success! If AEDAN responds, your installation is complete. Test reservations and orders to ensure everything works perfectly.

Troubleshooting

Widget Doesn't Appear

  • Check if code is pasted before </body> tag (not </head>)
  • Clear your browser cache (Ctrl+F5 or Cmd+Shift+R)
  • Verify your restaurant ID is correct in the code
  • Check browser console for JavaScript errors (F12 → Console tab)

Widget Appears but Doesn't Respond

  • Verify your AEDAN account is active (check admin dashboard)
  • Ensure you've uploaded your menu in the admin dashboard
  • Check your plan's conversation limits aren't exceeded
  • Contact support if issue persists

Widget Looks Different Than Expected

  • Verify customization code syntax is correct
  • Check if your website's CSS is overriding widget styles
  • Try using !important in custom CSS if needed
Need Help?
Still stuck? Visit our Help Center or email support@gaazzeebo.com

Next Steps: Training Your AI

After installing the widget, you need to train AEDAN on your restaurant's specific information. Here's how:

1. Prepare Your Training Documents

You'll need 2 PDF files:

  • Menu PDF: Your complete menu with items, prices, and descriptions
  • About/Overview PDF: Information about your restaurant (history, specialties, policies, hours, location, etc.)
Pro Tip: Ensure your PDFs contain readable text (not just scanned images). The AI extracts structured data from the text content.

2. Upload Training Documents

Go to Admin Dashboard → Settings Tab → Training Section

  1. Click "Choose Files" and select your 2 PDFs
  2. Click "Upload Documents" - files will be securely stored and versioned
  3. Wait for upload confirmation (green checkmark)
Important: PDFs must be under 10MB each. Supported formats: PDF only (no Word docs, images, or Excel files).

3. Run AI Training

After uploading documents:

  1. Click the "Train Aedan" button
  2. Training takes 2-5 minutes (watch the progress indicator)
  3. AI will extract menu items, prices, policies, and restaurant information
  4. You'll see "Training completed" when finished
Training Quota: Each plan has a monthly training limit. Free plan: 5 trainings/month. Check your usage in the Settings tab.

4. Test Your Trained AI

Use the Dev Tab → "Test Live AI" button to verify training worked:

  • Ask: "What are your hours?" (should answer from your About PDF)
  • Ask: "What's on the menu?" (should list items from your Menu PDF)
  • Ask: "How much is [specific menu item]?" (should provide exact price)

5. Connect Stripe to Accept Online Orders 💳

Want customers to pay for orders directly through AEDAN? Connect your Stripe account to start accepting online payments.

Why Stripe?
  • ✅ Secure: Industry-leading payment security (PCI-DSS compliant)
  • ✅ You get 100% of order amount: Customers pay the 3% AI service fee on top
  • ✅ Direct deposits: Money goes straight to YOUR bank account
  • ✅ We never touch your money: Stripe automatically splits payments
  • ✅ Fast setup: 5-10 minutes to connect

How It Works:

  1. Customer orders through AEDAN chat: "I want 2 pizzas for delivery"
  2. AEDAN calculates total and adds 3% AI service fee
  3. AEDAN generates secure payment link and sends to customer
  4. Customer clicks link → Redirected to Stripe checkout page
  5. Customer pays with credit card (hosted by Stripe, not us)
  6. Money split automatically by Stripe:
    • 100% of order amount goes to YOUR Stripe account → YOUR bank account
    • 3% AI service fee goes to Gaazzeebo (automatically deducted by Stripe)
  7. Order confirmed in your admin dashboard
Example Payment Breakdown:
Customer orders $30.00 worth of food
+ $0.90 (3% AI service fee - customer pays this)
= $30.90 total customer pays

💰 You receive: $30.00 (100% of order - deposited to your bank in 2-7 days)
🤖 Gaazzeebo receives: $0.90 (3% AI service fee - automatically split by Stripe)

Step-by-Step Setup:

Option 1: I Already Have a Stripe Account (Recommended)
  1. Log into AEDAN Admin Dashboard
    • Go to Settings Tab
    • Scroll to "Payment Processing" section
  2. Click "Connect Existing Stripe Account"
    • Button will be orange/blue - can't miss it!
  3. Authorize Connection
    • You'll be redirected to Stripe.com
    • Log into your existing Stripe account
    • Stripe will ask: "Allow AEDAN by Gaazzeebo to access your account?"
    • Click "Connect"
  4. Verify Connection
    • You'll be redirected back to AEDAN dashboard
    • Status should show: ✅ Connected
    • Your Stripe account ID will be displayed
  5. Test It!
    • Open your AI chat widget
    • Place a test order: "I want to order a burger for pickup"
    • AEDAN should generate a payment link
    • Click link to see Stripe checkout page
Option 2: I Don't Have a Stripe Account Yet (New to Stripe)
  1. Log into AEDAN Admin Dashboard
    • Go to Settings Tab
    • Scroll to "Payment Processing" section
  2. Click "Create New Stripe Account"
    • Alternative button below "Connect Existing Account"
  3. Complete Stripe Onboarding Form
    • You'll be redirected to Stripe's onboarding page
    • Fill out business information (5-10 minutes)
  4. What Information You'll Need:
    • Business Details: Restaurant name, address, phone, website
    • Tax Information: EIN or SSN (for tax reporting)
    • Bank Account: Routing number and account number (where you'll receive payouts)
    • Identity Verification: Upload driver's license or passport
    • Business Owner Info: Name, DOB, address
  5. Submit and Wait for Verification
    • Stripe reviews your application (usually instant, sometimes 1-2 business days)
    • You'll receive email confirmation when approved
  6. Return to AEDAN Dashboard
    • Once approved, connection status shows: ✅ Connected
    • You're ready to accept payments!
Once Connected - What Happens?
  • ✅ AEDAN can now generate secure Stripe checkout links for customer orders
  • ✅ You receive 100% of every order amount - customer pays the 3% AI fee separately
  • ✅ Payments automatically split by Stripe: Order total to you, AI fee to Gaazzeebo
  • ✅ Money deposited to your bank account in 2-7 business days (Stripe standard)
  • ✅ View all payment activity in your Stripe dashboard
  • ✅ Full order history in AEDAN admin dashboard

Security & Privacy:

  • 🔒 No credit card data stored by us: All payment info stays with Stripe
  • 🔒 PCI-DSS Level 1 Certified: Highest security standard for payment processing
  • 🔒 Your money, your control: We can't access your Stripe balance or bank account
  • 🔒 Disconnect anytime: Revoke access in Settings tab with one click

Common Questions:

Q: Do I lose 3% of my order revenue?

A: No! You receive 100% of your order amount. The customer pays the 3% AI service fee on top of their order. Example: $30 order = customer pays $30.90, you receive $30.00.

Q: Do I need to pay for Stripe?

A: Stripe is free to sign up. They charge 2.9% + $0.30 per transaction (standard for all payment processors). This comes out of the order amount before it reaches you.

Q: When do I get paid?

A: Stripe deposits to your bank account in 2-7 business days (varies by bank). First payout may take 7-14 days for new accounts.

Q: Can I use Stripe if I'm outside the US?

A: Yes! Stripe supports 40+ countries. During onboarding, select your country and provide local bank details.

Q: What if a customer disputes a charge?

A: Handle disputes directly in your Stripe dashboard. Stripe provides tools to respond and resolve disputes.

Q: Can I disconnect Stripe later?

A: Yes! Go to Settings Tab → Payment Processing → Click "Disconnect Stripe". Takes effect immediately.

Q: Who pays the 3% AI service fee?

A: The customer pays it. It's added to their order total automatically. The 3% fee covers AI processing, secure infrastructure, and 24/7 support. Enterprise plans (20,000+ orders/month) may qualify for reduced fees - contact us!

Need Help Connecting?
Stuck during setup? We're here to help:
📧 Email: support@gaazzeebo.com
💬 Chat: Click the AEDAN widget on any page
📚 Help Center: Detailed guides and FAQs

6. Monitor Performance

Track your AI's performance in the Analytics tab:

  • Revenue Analytics: Track order values and trends
  • Customer Intelligence: See customer behavior patterns
  • AI Performance: Monitor confidence scores and response accuracy
  • Email Analytics: Track email notification delivery

Training Best Practices

What Makes Good Training Data?

  • Menu PDF: Organized by categories (Appetizers, Entrees, Desserts, Drinks), clear pricing, ingredient details, dietary info
  • About PDF: Business hours, location/address, phone number, restaurant history, specialty dishes, dietary accommodations, reservation policies, delivery/takeout info
  • Quality over quantity: 2 well-organized PDFs train better than 10 messy ones
  • Keep it updated: Re-train when you update your menu or change policies (uses 1 training credit per run)

Common Training Mistakes to Avoid

  • ❌ Uploading image-only PDFs (scanned menus without text layer)
  • ❌ Including outdated menu items or incorrect prices
  • ❌ Forgetting to include essential info like hours and location
  • ❌ Not testing the AI after training
  • ❌ Using Word docs or images instead of PDFs