Drop-in Auth: Lightweight & Data-Agnostic

⚡ 3-Line Integration

<!-- 1. Add widget script -->
<script src="https://engageplus.id/widget.js"></script>

<!-- 2. Add widget container -->
<div id="engageplus-widget"></div>

<!-- 3. Initialize (replace YOUR_CLIENT_ID) -->
<script>
  window.EngagePlus.init({
    clientId: 'YOUR_CLIENT_ID',
    containerId: 'engageplus-widget',
    onSuccess: (tokens) => {
      // User authenticated! tokens.accessToken available
      console.log('Logged in:', tokens);
    }
  });
</script>

That's it! User data automatically syncs to your database via webhook or direct integration.

📊 EngagePlus vs Traditional IDPs

🔧 How It Works

1. 1

   Add widget to your site

   Copy/paste 3 lines of code. No backend changes needed.

2. 2

   User clicks "Login with Google"

   OAuth handled securely by EngagePlus. No OAuth credentials to manage.

3. 3

   User data synced to YOUR database

   Automatic upsert to Supabase, Airtable, or webhook to your backend.

4. 4

   Widget returns access token

   Use token to make authenticated API calls. JWT with 1-hour expiry.

🔐 Technical Details

💡 Perfect For

📝 Full Example (React)

import { useEffect } from 'react';

export default function LoginPage() {
  useEffect(() => {
    // Load EngagePlus widget
    const script = document.createElement('script');
    script.src = 'https://engageplus.id/widget.js';
    script.async = true;
    script.onload = () => {
      window.EngagePlus.init({
        clientId: 'YOUR_CLIENT_ID', // Get from dashboard
        containerId: 'auth-widget',
        onSuccess: (tokens) => {
          // User authenticated!
          localStorage.setItem('accessToken', tokens.accessToken);
          
          // Redirect to dashboard
          window.location.href = '/dashboard';
        },
        onError: (error) => {
          console.error('Auth error:', error);
        }
      });
    };
    document.body.appendChild(script);
  }, []);

  return (
    <div className="login-page">
      <h1>Welcome! Please log in</h1>
      <div id="auth-widget"></div>
    </div>
  );
}

User data automatically appears in your database after login. No additional backend code needed.

💰 Pricing Details