LutinGenie Widget CDN

🏠 For LutinGenie Marketing Team

Using our own widget on our marketing site? Excellent choice!

Copy this code into your marketing site's HTML (replace YOUR_BUSINESS_ID):

<!-- LutinGenie Widget Integration -->
<link rel="stylesheet" href="https://lutingenie.pages.dev/style.css">
<script src="https://lutingenie.pages.dev/lutingenie-widget.js"></script>

<script>
  // Initialize LutinGenie widget
  LutinGenie.init({ 
    businessId: 'YOUR_BUSINESS_ID',
    // Optional: Customize for marketing site
    theme: 'light',
    position: 'bottom-right'
  });
</script>

📋 Integration Steps for Any Website

Add the CSS in your <head> section
Add the JavaScript before closing </body>
Initialize with your business ID
Test on a staging site first

🚀 Production CDN URLs

<!-- CSS (load in <head>) -->
<link rel="stylesheet" href="https://lutingenie.pages.dev/style.css">

<!-- JavaScript (load before </body>) -->
<script src="https://lutingenie.pages.dev/lutingenie-widget.js"></script>

⚙️ Configuration Options

LutinGenie.init({
  businessId: 'your-business-id',      // Required: Your LutinGenie business ID
  theme: 'light',                      // Optional: 'light' or 'dark'
  position: 'bottom-right',            // Optional: widget position
  autoLoad: true,                      // Optional: auto-initialize
  customStyles: {},                    // Optional: custom CSS overrides
  onReady: function() {                // Optional: callback when ready
    console.log('LutinGenie loaded!');
  }
});

📦 Available Files

🔄 Updates & Versioning

Current version: 0.4.0

Built: 2025-12-06

The CDN automatically updates when we push changes. Your integration will always use the latest stable version.

🌐 Browser Support

✅ Chrome 70+
✅ Firefox 70+
✅ Safari 12+
✅ Edge 79+
✅ Mobile browsers (iOS Safari, Chrome Mobile)

🔮 Future Installation Methods

npm install: Coming soon! We're working on making LutinGenie available via npm for easier integration into build processes.

React/Vue components: Framework-specific components are also in development.

🆘 Need Help?

Integration issues: Check browser console for errors
Business ID problems: Verify your ID in the LutinGenie dashboard
Styling conflicts: Use developer tools to debug CSS
Technical support: Contact our development team

🐕 This widget is proudly used on our own marketing site!

🔄 Alternative Installation Methods

Add this to your website:

<script src="https://cdn.lutingenie.com/lutingenie-widget.js"></script>
<script>
  LutinGenie.init({
    apiKey: "your-api-key-here"
  });
</script>

Alternative (with CSS)

<link rel="stylesheet" href="https://cdn.lutingenie.com/style.css">
<script src="https://cdn.lutingenie.com/lutingenie-widget.js"></script>

🧙‍♂️ LutinGenie Widget CDN