CamBuildrs Email Editor allows you to create highly customizable campaign emails using a visual drag-and-drop interface. It supports modern HTML email layouts, responsive design, and a modular structure that works well for both beginners and advanced users.
Overview
The editor is divided into three main areas:
Canvas (center): The live preview of your email. This is where you build and arrange your content by placing elements into rows.
Sidebar (right): Contains all content blocks, rows, and settings. When you select an element in the Canvas, this sidebar also displays its configuration options.
Toolbar (top): Includes action buttons for saving, switching between mobile/desktop views, and toggling structure or merge tag preview.
Block Types in the Sidebar
The sidebar is structured into three tabs: Content, Rows, and Settings.
In the Content tab, you’ll find all available building blocks:
Static Content Blocks
These are the foundational components of your email layout. You can drag and drop them into any row on the Canvas.
TITLE: Inserts a heading or title. Alignment, font, size, and color can be customized.
PARAGRAPH: A standard text block, ideal for body copy, explanations, or narratives.
LIST: Adds bulleted or numbered lists. Bullet styles and spacing are fully customizable.
IMAGE: Upload or link to images (e.g. logos, infographics, photos). Adjust padding, size, and alignment.
BUTTON: Creates a call-to-action (CTA). You can customize label text, colors, padding, borders, and more. Buttons can link to external pages, internal anchor links, or open prefilled emails (mailto links).
DIVIDER: Inserts a visual line to break up content sections. Line style, color, and spacing are configurable.
SPACER: Adds vertical space between elements. The height is fully adjustable.
HTML: For advanced users. Allows insertion of raw HTML/CSS/JS for complete customization.
VIDEO: Embeds a video preview that links to YouTube, Vimeo, or similar platforms. A clickable thumbnail is automatically generated.
ICONS: Adds one or multiple icons from a preset library. Common use cases include contact links or visual emphasis.
TEXT: Similar to PARAGRAPH, but optimized for pasting formatted text (e.g. with bold, lists, and links preserved).
Interactive Elements (Colored Icons)
Some blocks in the Content tab have colored icons, indicating that they are interactive or dynamic. These include:
SHARE
SURVEY
Additional Features
Merge Tags
Use merge tags such as {{ var:firstname }} to personalize content.
To preview how merge tags will appear for each recipient, click “Show Merge Tags Preview” in the top toolbar.
Mobile & Desktop Preview
Toggle between mobile and desktop view using the device icons in the upper left of the Canvas.
If a “mobile” label appears on an element, it means you are editing the mobile version only — changes here won’t affect the desktop version.
You can also hide blocks on mobile or desktop entirely. Hidden elements appear blurred in the Canvas. To preview the email as it will appear to recipients (with hidden elements removed), click the eye icon in the top left corner.
Saving
Use the SAVE button in the top right corner frequently to store your changes on the server.
If you leave the editor without saving, your edits will still be stored locally.
Upon reopening the editor, you’ll be prompted to choose between continuing with the locally stored draft or the server version.
This also applies when someone else saves changes while you are editing. Always confirm which version should be used, as saving will overwrite the server version.
Best Practices
Always preview your email before sending a test version.
Use rows to logically group and align content blocks.
Avoid using custom HTML unless necessary, as it may cause rendering issues in some email clients.
Thoroughly test dynamic elements (such as buttons, survey blocks, or sharing tools) across both desktop and mobile clients.