Quick Start

Open your first Crisp chat in under 5 minutes.

Prerequisites

1. You have installed the crisp_chat package
2. You have completed platform setup
3. You have a Crisp Website ID from your Crisp Dashboard

Get Your Website ID

Go to your Crisp Dashboard, navigate to Settings > Website Settings, and copy your Website ID:

Minimal Example

import 'package:flutter/material.dart';
import 'package:crisp_chat/crisp_chat.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('Crisp Chat')),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              final config = CrispConfig(
                websiteID: 'YOUR_WEBSITE_ID', // Replace with your Website ID
              );
              FlutterCrispChat.openCrispChat(config: config);
            },
            child: const Text('Open Chat'),
          ),
        ),
      ),
    );
  }
}

Replace YOUR_WEBSITE_ID with your actual Website ID from the Crisp dashboard. That's it — tap the button and the native Crisp chat UI will open.

What's Next?

Now that you have a basic chat working, explore the full capabilities:

• Configuration — Customize CrispConfig with user details, tokens, and segments
• User & Company — Identify users with email, name, phone, avatar, and company info
• Session Management — Set custom session data, segments, events, and reset sessions
• Push Notifications — Enable FCM and APNs notifications
• Unread Messages — Query unread message count via REST API