Appearance
const TOPOL_OPTIONS = {
id: "#app",
authorize: {
apiKey: "YOUR_API_KEY",
userId: "user-123",
},
callbacks: {
// runs when the user hits Save
onSave: (json, html) => saveEmail(html),
},
};
TopolPlugin.init(TOPOL_OPTIONS);
Minimal code for developers, a full email editor for users.
A script tag and one configuration object put the full editor in your app.
Get startedPackages for React, Vue, Angular, Svelte, and plain JavaScript, all fully typed.
Explore packagesDefine your own drag-and-drop blocks, from static designs to blocks fed by your API.
Build custom blocksSend uploads to Topol's storage, your own cloud bucket, or endpoints you host yourself.
Storage optionsYour colors, fonts, blocks, and translations. End users see your product, not Topol.
Explore themingDefine the personalization placeholders users insert, mapped to your sending data.
Configure merge tagsJavaScript methods drive the editor at runtime, and callbacks report every event.
See callbacksAI writing, comments, autosaves, conditional content, and multilingual templates built in.
Multilingual templates