Embed the Topol email editor in React

@topol.io/editor-react is the official React wrapper for Topol Plugin, the drag-and-drop email editor you run inside your own app.

Read the setup guide About Topol Plugin

What you can do.

  • Render the full Topol email editor inside your React app
  • Pass your API key and a user ID to authorize each editor session
  • Get the template JSON and production-ready HTML back when users save
  • White-label the editor so it reads as part of your product

How to set it up.

  1. 1Install @topol.io/editor-react from npm.
  2. 2Add the TopolEditor component to the page where users design emails.
  3. 3Pass your options, including your API key and a user ID.
  4. 4Store the JSON and HTML the editor hands back when a user saves.
Install
npm install @topol.io/editor-react

Requirements.

  • A Topol Plugin plan with an API key
  • A React app

Links.

Related integrations.

All integrations
Embed Topol in your app