Web Widget

Overview

Embed a chat widget directly on your website so visitors can communicate with your AI assistant without leaving the page.

Setup

Step 1: Create Widget Integration

1. In Happ, go to Integrations
2. Click Add Integration > Chat Webhook
3. Configure the webhook URL and settings
4. Assign an AI assistant

Step 2: Add to Your Website

Add the Happ chat widget snippet to your website's HTML. The widget appears as a chat button in the bottom-right corner of your page.

Step 3: Customize

Configure the widget appearance:

• Widget position
• Color theme to match your brand
• Welcome message
• Chat bubble icon

Features

• Real-time chat — Instant messaging with AI responses
• Responsive design — Works on desktop and mobile browsers
• Customizable appearance — Match your website's branding
• Conversation continuity — Returning visitors can see their chat history

Tips

• Place the widget on pages where customers are most likely to need help
• Set a welcoming first message that guides visitors
• Configure the assistant's knowledge base with website-specific information