Platform Integration

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

Supported Platforms

React

Seamless integration with React applications using our official component library.

Angular

Native Angular module with TypeScript support and dependency injection.

Vue.js

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

Next.js

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

WordPress

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

Shopify

Shopify app integration for ecommerce stores with cart tracking.

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

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

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

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

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>
  );
}

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

Shopify Stores

Install from Shopify App Store:

✓ Visit Shopify App Store and search for Minimal
✓ Click Install App and authorize permissions
✓ Enter your Site ID in the app settings
✓ Customize widget appearance
✓ Widget automatically appears on all pages

Advanced Configuration

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