Glisser, déposer, c’est tout
Sections, colonnes et blocs se calent tout seuls. Annuler, rétablir et les raccourcis clavier fonctionnent comme on s’y attend.
Éditeur d’e‑mails intégrableChaque e‑mail est une pile de blocs.
Mailblocks ajoute à votre produit un éditeur d’e‑mails glisser-déposer, en une seule balise script. Vos utilisateurs conçoivent des e‑mails responsive, votre application reçoit du HTML et du MJML propres, et plus personne n’a à se battre avec Outlook.
14 jours gratuits, sans carte bancaire. Fonctionne sur localhost dès la première minute.
- Image
- Titre
- Colonnes
- Bouton
- Séparateur
- HTML
Bibliothèque de blocs
Tous les blocs dont vos utilisateurs ont besoin.
Chaque bloc s’exporte en MJML et s’affiche de la même façon dans Gmail, Outlook et Apple Mail. Rien à configurer.
- Titre
- Texte
- Image
- Bouton
- Colonnes
- Conteneur
- Séparateur
- Espacement
- Réseaux sociaux
- Tableau
- HTML
- Brouillon IA
Intégration
Trois étapes, et l’éditeur tourne dans votre application.
- 1
Ajoutez le script
Une balise, quelques kilo-octets. L’éditeur, lui, se charge depuis Mailblocks dans une iframe en sandbox.
- 2
Montez l’éditeur
Indiquez-lui un élément, passez votre clé publique et l’identifiant de la personne qui édite. Rien de plus à configurer.
- 3
Enregistrez le résultat
À l’enregistrement, vous recevez le HTML à envoyer et un JSON de design à stocker. Rechargez ce JSON quand vous voulez pour reprendre l’édition.
<div id="editor" style="height: 720px"></div>
<script src="https://customer.mailblocks.app/sdk/v1.js"></script>
<script>
const editor = Mailblocks.mount('#editor', {
publicKey: 'pk_live_…',
user: { id: currentUser.id },
onSave: ({ html, design }) => saveTemplate(html, design),
});
</script>Côté utilisateurs
Vos utilisateurs ont droit à un vrai éditeur, pas à un formulaire avec un aperçu.
Responsive par défaut
Prévisualisez sur ordinateur et sur mobile, masquez des blocs selon l’appareil et comptez sur un rendu fiable dans toutes les grandes messageries.
Un mode sombre maîtrisé
Donnez une variante sombre à n’importe quelle couleur. Mailblocks écrit les media queries pour qu’en mode sombre, l’e‑mail paraisse voulu et non subi.
Balises de personnalisation
Proposez vos propres variables, regroupées et nommées. Vous choisissez la syntaxe : Handlebars, Liquid ou toute autre.
Bibliothèque d’images
Envoi de fichiers, dossiers, recherche et import depuis une URL. Hébergée par nos soins ou reliée à votre propre stockage.
Partir d’un modèle existant
Collez un modèle MJML, en balises ou en JSON, et il s’ouvre en blocs modifiables au lieu d’une page blanche.
Générateur de modèles IA
Un premier jet, le temps de le décrire.
Vos utilisateurs composent une phrase étape par étape et obtiennent un modèle complet et modifiable, fait de vrais blocs. Pas une capture d’écran, pas un pavé de HTML.
Créer une newsletter pour Northwind Coffee sur les cafés d’automne, au ton chaleureux, qui invite les lecteurs à passer commande.
- Huit étapes guidées, ou du texte libre quand c’est utile
- Le résultat est du MJML, importé sous forme de blocs modifiables
- Quota mensuel selon l’offre, décompté de notre côté
- Les prompts tournent sur nos serveurs et n’arrivent jamais dans le navigateur
Marque blanche
Il porte vos couleurs, pas les nôtres.
Passez un thème, et chaque panneau, bouton et boîte de dialogue s’y conforme : couleur d’accent, surfaces, bordures, polices, arrondis, modes clair et sombre. Le badge Mailblocks disparaît sur les offres payantes.
Licence
Réservé à vos domaines. Inutilisable ailleurs.
Vous ne téléchargez jamais l’éditeur, il n’y a donc rien qui puisse fuiter. Il tourne dans une iframe qui ne s’affiche que sur les domaines couverts par votre licence.
- app.yourproduct.com Sous licence
- staging.yourproduct.com Sous licence
- localhost:5173 Local · toujours autorisé
- copy-of-your-app.net Sans licence · reste vide
frame-ancestors · signed · watermarked
Verrouillé par domaine
Le navigateur lui-même refuse d’afficher l’éditeur sur un site qui ne figure pas dans votre licence.
Aucun code livré
Votre bundle ne contient qu’un petit chargeur. Le code de l’éditeur reste sur nos serveurs et porte un filigrane propre à chaque licence.
Utilisateurs signés
Si vous le souhaitez, signez les identifiants utilisateur sur votre serveur pour que personne ne puisse ouvrir de session en votre nom.
Un décompte équitable
Vous payez les utilisateurs actifs mensuels de l’éditeur, pas les pages vues. Le développement en local est toujours gratuit.
Tarifs
Vous payez pour les personnes qui ouvrent l’éditeur.
Toutes les offres incluent l’éditeur complet, le générateur IA et la bibliothèque d’images. Commencez par un essai de 14 jours.
Startup
Pour un premier produit qui confie la création d’e‑mails à ses utilisateurs.
49 $USpar mois
- 50 utilisateurs actifs de l’éditeur / mois
- 1 domaine de production
- 150 générations IA / mois
- 5 Go stockage d’images
Growth
RecommandéPour les produits qui comptent plusieurs applications, tenants ou environnements.
129 $USpar mois
- 250 utilisateurs actifs de l’éditeur / mois
- 3 domaines de production
- 1 000 générations IA / mois
- 25 Go stockage d’images
Business
Pour les plateformes où la création d’e‑mails fait partie du travail quotidien.
299 $USpar mois
- 1 000 utilisateurs actifs de l’éditeur / mois
- 10 domaines de production
- 5 000 générations IA / mois
- 100 Go stockage d’images
Enterprise
Quotas, contrats et support sur mesure pour les grandes plateformes.
Sur mesure
- 10 000 utilisateurs actifs de l’éditeur / mois
- 50 domaines de production
- 25 000 générations IA / mois
- 100 Go stockage d’images
Les premières questions des développeurs
Faut-il modifier mon backend ?
Non. L’éditeur vous remet le HTML et le JSON du design dans le navigateur ; enregistrez-les là où vous stockez déjà vos contenus. La signature des identifiants utilisateur est facultative et tient en une ligne sur votre serveur.
Avec quels frameworks fonctionne-t-il ?
Tous. Le SDK est écrit en JavaScript pur, sans dépendances : il fonctionne avec React, Vue, Svelte, Angular, Laravel Blade, Rails ou une simple page statique.
Qu’est-ce qu’un utilisateur actif, exactement ?
Un identifiant utilisateur distinct qui ouvre l’éditeur au cours d’un mois calendaire. Une même personne qui édite cinquante fois n’est comptée qu’une fois. Les sessions sur localhost et sur les domaines .test ne sont jamais comptées.
Puis-je héberger l’éditeur moi-même ?
L’éditeur tourne chez Mailblocks, ce qui lui permet de rester sous licence et à jour. Vos designs, votre HTML et, si vous le souhaitez, vos images restent sur votre propre infrastructure.
Un vrai éditeur d’e‑mails dans votre produit, dès cette semaine.
Lancez l’essai, collez trois lignes et envoyez le premier e‑mail conçu par vos utilisateurs eux-mêmes.