Chat Widget for Your Website

Add modern chat support to your website quickly and easily.

✨ Features

• 📱 Works on All Devices - Automatically responsive
• ⚡ Ready to Use - Loads without delay
• 🎨 Customizable Design - Adapts to your website design
• 💬 Professional Support - Direct contact with your team

🚀 Quick Installation

Simply copy this code before the closing </body> tag of your website:

<!-- Chat Widget by Scale-Up -->
<script 
    type="module" 
    src="https://cdn.scale-up.dev/chatup-react@latest/dist/chatup-react/chatup-react.esm.js">
</script>
<chatup-widget project-id="YOUR-API-KEY"></chatup-widget>

That's it! The chat will automatically appear as a button in the bottom right of your website.

Finding Your API Key

1. Log in to your Scale-Up Dashboard
2. Open your Project
3. Click the "API Key" button to copy your key
4. Replace "YOUR-API-KEY" in the code above

🎨 Styling & Themes

The widget automatically loads custom themes from our CDN based on your project settings.

Theme Configuration

1. Log in to your Scale-Up Dashboard
2. Go to your Project → Styling
3. Customize colors, fonts, spacing, and more
4. Save your changes

The widget will automatically apply your custom styling within minutes.

Quick Color Override (Optional)

<chatup-widget 
    project-id="YOUR-API-KEY"
    primary-color="#YOUR-BRAND-COLOR">
</chatup-widget>

Note: Dashboard styling takes precedence over inline attributes.

❓ Frequently Asked Questions

Widget not appearing?

• Check that your API Key is correct
• Make sure the code is inserted before </body>

Widget looks weird?

• The widget automatically adapts to your website
• Contact our support if you have issues

Works on all devices?

• Yes! The widget is fully responsive and works on desktop, tablet, and mobile

📞 Support

For questions or issues:

• Email: [email protected]
• Or use the chat widget on our website 😉