Platform Integration

Integrate Minimal with your platform in minutes. Compatible with all major web technologies.

Supported Platforms

In Development Framework Packages

Our npm packages for framework-specific integrations are currently in development. In the meantime, use our universal script tag for seamless integration with any platform.

HTML / JavaScript

Works with any website using a simple one-line script tag. No build tools required.

Coming soon

React

Seamless integration with React applications using our official component library.

Coming soon

Angular

Native Angular module with TypeScript support and dependency injection.

Coming soon

Vue.js

Vue 3 plugin with composition API support and reactive state management.

Coming soon

Next.js

Optimized for Next.js with SSR support and automatic code splitting.

Coming soon

WordPress

Simple WordPress plugin - install and configure in your admin panel.

Universal Installation

Works with any website regardless of tech stack:

HTML Websites

Add before closing </body> tag:

<script src="https://minimal.lat/embed.js" data-site-id="your-site-id"></script>

React Applications Coming soon

Install via npm and use as component:

npm install @minimal/react
import { MinimalChat } from '@minimal/react';

function App() {
  return (
    <div>
      <MinimalChat siteId="your-site-id" />
    </div>
  );
}

Angular Applications Coming soon

Install via npm and import in your module:

npm install @minimal/angular

import { MinimalModule } from '@minimal/angular';

@NgModule({
  imports: [
    MinimalModule.forRoot({ siteId: 'your-site-id' })
  ]
})
export class AppModule { }

Vue.js Applications Coming soon

Install via npm and use as plugin:

npm install @minimal/vue
import { createApp } from 'vue';
import MinimalPlugin from '@minimal/vue';

const app = createApp(App);
app.use(MinimalPlugin, { siteId: 'your-site-id' });

Next.js Applications Coming soon

Install via npm and add to your layout or app component:

npm install @minimal/react

// app/layout.tsx (App Router)
import { MinimalChat } from '@minimal/react';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <MinimalChat siteId="your-site-id" />
      </body>
    </html>
  );
}

Coming soon

WordPress

Install plugin and configure in Settings → Minimal:

✓ Download Minimal plugin from WordPress repository
✓ Upload and activate in Plugins → Add New
✓ Navigate to Settings → Minimal
✓ Enter your Site ID and customize appearance
✓ Save changes - widget appears automatically

Advanced Configuration Coming soon

Custom Triggers

Open widget based on user actions:

// Open after time delay
setTimeout(() => {
  Minimal.open();
}, 30000); // 30 seconds

// Open on exit intent
document.addEventListener('mouseout', (e) => {
  if (e.clientY < 0) {
    Minimal.open();
  }
});

// Open on scroll depth
window.addEventListener('scroll', () => {
  const scrolled = (window.scrollY / document.body.scrollHeight) * 100;
  if (scrolled > 50 && !Minimal.isOpen()) {
    Minimal.open();
  }
});

E-commerce Tracking

Send cart and product data to AI:

// Track product views
Minimal.trackEvent('product_view', {
  productId: '12345',
  productName: 'Premium Widget',
  price: 99.99
});

// Track cart updates
Minimal.trackEvent('add_to_cart', {
  items: cartItems,
  total: cartTotal
});

// Pre-fill checkout questions
Minimal.setContext({
  cartValue: 299.99,
  items: ['Widget A', 'Widget B']
});

User Identification

Identify returning users:

// Set user information
Minimal.identify({
  userId: 'user_123',
  email: 'john@example.com',
  name: 'John Doe',
  plan: 'premium',
  customAttributes: {
    signupDate: '2024-01-15',
    lastPurchase: '2024-03-20'
  }
});

Need Integration Help?

Our team can help with custom integrations and technical setup.

View Documentation Contact Support