What is the Content Editor?
The Content Editor (ContentHub) is the Reelevant platform’s visual design tool for building dynamic templates — banners, email sections, landing pages, and more. Using a drag-and-drop canvas, you create layouts with text, images, shapes, and data-driven components, then connect them to datasources to personalize every element at render time. Each content template is used by workflow output nodes to deliver the final visual experience to your audience.Key Concepts
| Concept | Description |
|---|---|
| Content | A visual template composed of components arranged on a canvas. |
| Component | An individual element on the canvas — Text, Image, Shape, Map, Barcode, Countdown, Progress Bar, or Progress Arc. |
| Layer | Every component is a layer in the layers tree. Layers can be reordered, grouped, and toggled for visibility. |
| Frame | A page or variant within a content template. Multi-frame content supports animated or multi-page layouts. |
| Condition | A visibility rule that shows or hides components based on data values at render time. |
| Data binding | Connecting a component property (text, image URL, etc.) to a variable from a datasource or URL parameter. |
| Dependency | A data source (datasource, URL parameter, geolocation, weather) attached to the content for dynamic rendering. |
Content Lifecycle
| Status | Description |
|---|---|
| Draft | The content is being edited and has not been published yet. |
| Publishing | The content is being validated by the platform. |
| Published | The content is ready to be used in a workflow. |
| Error | The content encountered an issue during publishing. |
A content must be Published before it can be assigned to a visual content output node in a workflow.
Editor Layout
The Content Editor is organized into several areas:- Header — Displays the content name, status, and action buttons (Preview, Publish, Settings).
- Canvas — The main design area where you place and arrange components.
- Toolbar — A bar with tools for adding components (Text, Shapes, Images, Barcode, Map, Countdown, Progress bars), zoom, undo/redo, and layout guides.
- Layers panel — A tree view showing all components and their hierarchy.
- Configuration panel — Opens when a component is selected, showing its properties (position, size, appearance, data binding).
- Frame dock — A page preview carousel at the bottom for navigating between frames.
What’s Next?
Content Listing
Browse, create, and manage your content templates.
Editor
Learn the editor layout, toolbar, and canvas controls.
Components
Explore all available component types.
Layers
Organize components with the layers tree.
Data Binding
Connect your content to dynamic data sources.
Conditions
Control component visibility with data-driven rules.