Velaxe
CanvasX (Canvas Express) — Drag-and-Drop HTML Email & Page Designer with AI, Inline CSS & Previews | Velaxe

CanvasX (Canvas Express)

Create your first design in CanvasX

Start a project, add sections/blocks, and export with inline CSS for reliable email rendering.

15 min Beginner Marketer, Designer, Beginner Updated Oct 20, 2025
View App All Guides
CanvasX editor overview

Overview

Start a project, add sections/blocks, and export with inline CSS for reliable email rendering.

Prerequisites

  • Brand logo and colors (optional)

Permissions required

templates:write assets:read

Steps (4)

Estimated: 15 min
  1. 1

    Create a new design

    Marketer 2 min Back to top

    Open CanvasX → **New Design**. Pick **Email** layout and a starter template or begin from a blank canvas.

    Tips

    —

    Validation

    • Canvas shows header/body/footer sections.

    Success criteria

    —

  2. 2

    Add and edit content blocks

    Designer 6 min Back to top

    Drag text, image, button, divider, and social blocks into sections. Use the right-side panel to change fonts, colors, spacing, and alignment.

    Tips

    • Use multi-select to adjust spacing/typography on several blocks at once.
    • Keep body text ≥ 14px for readability.

    Validation

    —

    Success criteria

    —

  3. 3

    Check responsiveness

    Designer 3 min Back to top

    Toggle **Mobile Preview** and ensure columns stack correctly. Hide optional desktop-only blocks if needed.

    Tips

    —

    Validation

    • No cropped images or overflow on mobile preview.

    Success criteria

    —

  4. 4

    Export with inline CSS

    Marketer 4 min Back to top

    Click **Export → HTML** and choose **Inline CSS (recommended for email)**. Download HTML or copy to clipboard.

    Tips

    —

    Validation

    —

    Success criteria

    • HTML renders correctly in a test inbox with styles intact.

About this guide

CanvasX lets teams design pixel-perfect newsletters and simple landing pages without code. Choose from a rich template library and block set, save reusable modules, and toggle inline vs external CSS. Import existing HTML or from a URL, auto-inline styles, and fix Outlook quirks automatically. Use AI prompts to generate full layouts, refine sections, and write on-brand copy—powered by Velaxe AI Hub. Preview on mobile/desktop, simulate dark mode, and connect third-party render previews. Publish to a Velaxe public URL or send to Email Hub with preserved personalization and compliance blocks. Enterprise controls include brand kits, template locking, commenting, version history, RBAC, and audit trails. CanvasX also connects to Velaxe ProductCatalog and Events apps for data-driven content.