Skip to content

Visual Email Designer

Tyler Hatfield edited this page Jul 23, 2026 · 2 revisions

Visual Email Designer

Build responsive, custom templates using the drag-and-drop visual inline block editor.


🧱 Editor Blocks

PolyPress provides a set of layout components:

  • Heading: Customize size, alignment, margins, text content, and color.
  • Paragraph: Supports multiline text content, custom font size, text colors, and alignment.
  • Button: Configure labels, URLs, background colors, text colors, and corner radius.
  • Image: Direct source URL input, click-redirect URLs, alt text tags, and border-radius settings.
  • Divider: Horizontal line components with customizable thickness and line colors.
  • Spacer: Adjust vertical spacing heights between content sections.
  • Columns: Grid layout dividing content blocks into side-by-side structures (e.g. 50-50, 70-30, 30-70).

👁️ Nested Conditional Display Blocks

Wrap elements in logical rules to customize template content based on recipient details:

  1. Add a Conditional block to your canvas.
  2. Define the Visibility Condition rule syntax (e.g. tag contains 'VIP' or location == 'Canada').
  3. Nested Block Customization: Select the Inner Block Type from the dropdown menu. You can place any visual block type (such as Buttons, Headings, Images, Spacers, or Dividers) inside the conditional block wrapper.
  4. Configure the inner block's settings. The visual compiler automatically nests the element inside standard {% if condition %} and {% endif %} tags during template assembly.

🧪 Split A/B/C/D Testing

Optimize newsletter metrics by testing layout variations:

  1. Check Enable A/B/C/D Split Testing in the campaign settings.
  2. Define your test group sample size ratio (e.g., 0.20 distributes the test variants to 20% of your subscribers).
  3. Configure variant subjects and layouts.
  4. Launch the campaign. PolyPress will run variant tests, compare open/click ratios after a set period, and send the winning variant to the remaining 80% automatically.

🎨 Layout, Canvas, & Block Control Upgrades

PolyPress provides fine-grained controls for canvas behavior and block styling:

  • Auto-Expanding Canvas: The visual editor canvas dynamically expands downward without height limits or background white card clipping as content grows.
  • Sticky Block Palette & Inspector: The left block options sidebar and right property inspector stay pinned (position: sticky; top: 0) as you scroll long templates, featuring independent internal scrollbars on small screens.
  • Image Target Link URLs: Standalone and split-box column image blocks support optional link_url properties, wrapping images in <a href="..." target="_blank"> tags in live previews and dispatched emails.
  • Split Box Image Radius: Customize corner rounding (border_radius e.g., 4px, 12px, 50%) for 2-column image layout blocks.

📍 Click Map Visualizer

Analyze recipient interaction directly over your email layout:

  • Visual Overlay: Toggle the Click Map overlay in campaign analytics to project click percentages over template links.
  • Proportional High-Contrast Bubbles: Click badges dynamically scale from a compact 9px floor (low ratio links) up to a 26px bold glowing ceiling for top-clicked links.
  • Target Normalization: Automatically resolves tracking redirects to map clicks directly to target destinations.

📧 Manual Test Dispatch

Verify template layouts on desktop and mobile clients before launching campaigns:

  • Click Send Test in the campaign editor.
  • Enter a recipient email address.
  • PolyPress will compile your blocks and send a test email. If there are connection or SMTP issues, the editor will show a diagnostics overlay with detailed SMTP logs to help you troubleshoot.

Clone this wiki locally