Appearance
Introduction
What is Stripo Extensions SDK?
The Stripo Extensions SDK is a powerful JavaScript/TypeScript framework that empowers developers to extend and customize the Stripo email editor with tailored functionality. Whether you're building custom content blocks, integrating with your existing systems, or creating a fully branded email design experience, the SDK provides the tools and APIs you need to make the Stripo editor truly yours.
Built on a modern, immutable architecture designed for real-time collaboration, the SDK enables you to:
- Create custom content blocks with drag-and-drop functionality
- Integrate external services like DAMs, CMSs, AI assistants, and marketing platforms
- Customize the editor interface with custom controls, panels, and styling
- Build data-driven content that connects to your product catalogs and databases
- Implement business logic that adapts the editor to your specific workflows
Why Use the Extensions SDK?
Unlimited Customization
Go beyond the default editor capabilities. Create blocks, controls, and workflows that match your exact requirements. From simple custom buttons to complex, multi-step configuration wizards, the SDK gives you complete control.
Seamless Integration
Connect the Stripo editor to your existing ecosystem. Replace default components with your own implementations—use your image library, connect to your CRM's merge tags, integrate your AI service, or sync with your product catalog.
Production-Ready Architecture
Built on battle-tested patterns for collaborative editing, the SDK handles the complex challenges of real-time synchronization, undo/redo, and template versioning automatically. You focus on building features, not infrastructure.
Developer-Friendly Experience
Modern JavaScript/TypeScript APIs, comprehensive documentation, and real-world examples help you get started quickly and build confidently.
What You Can Build
Custom Content Blocks
Create reusable email components tailored to your product or industry.
Common use cases:
- Product recommendation blocks with live catalog data
- Personalized greeting blocks with customer data
External System Integrations
Replace default editor components with your own implementations.
Available integrations:
- Image libraries (DAM, CDN, media managers)
- Video libraries (hosting platforms, video CMSs)
- Smart elements (product catalogs, blog posts, dynamic content)
- AI assistants (OpenAI, Claude, custom LLMs)
- Merge tags (CRM fields, customer data)
- Display conditions (audience segmentation, personalization rules)
- Custom fonts (brand typography, web fonts)
Custom Controls and Settings
Add specialized configuration options to your blocks.
Editor Interface Customization
Customize the visual appearance and behavior of the editor.
Template Modification System
Programmatically modify email templates at runtime.
Learn more about Template Modifications →
Core Concepts
Immutable Architecture
The SDK is built on an immutable architecture designed for real-time, collaborative editing. Instead of direct DOM manipulation, all template changes go through a validated modification system that:
- Synchronizes changes across all users in real-time
- Resolves conflicts automatically using CRDT algorithms
- Tracks complete version history with undo/redo support
- Ensures data consistency and reliability
Learn more about Architecture →
Component Ecosystem
The SDK provides a comprehensive component system:
- Blocks - Custom content blocks users can drag and drop
- Controls - Form controls for settings panels
- UI Elements - Custom interface elements
- Settings Panels - Configuration panels for blocks
- Context Actions - Custom actions in block context menus
- Block Renderers - Custom visual representations
Getting Started
Ready to build your first extension? Follow our step-by-step guide:
- Installation - Set up your development environment
- Create Your First Block - Build a working custom block
- Explore Examples - Learn from real-world implementations
Key Features at a Glance
| Feature | Description |
|---|---|
| Custom Blocks | Create drag-and-drop content blocks with custom HTML, CSS, and behavior |
| External Integrations | Connect DAMs, CMSs, CRMs, and other external systems |
| Settings Customization | Add custom controls and configuration panels |
| Template Modification | Programmatically update templates with validated changes |
| Internationalization | Support multiple languages with built-in i18n |
| Theming | Customize editor appearance with CSS |
| Lifecycle Hooks | React to events like creation, selection, copy, and deletion |
| Custom Rendering | Display different content in editor vs. final email |
| Context Actions | Add custom actions to block context menus |
| Real-time Collaboration | Built-in support for multi-user editing |
What's Next?
Choose your path based on your goals:
New to Stripo Extensions? → Start with Getting Started
Want to see working examples? → Explore Tutorials & Examples
Building a specific integration? → Check out Integrations Guide
Need API reference? → Browse API Documentation
Understanding the architecture? → Read Core Concepts