How to Use the Email Builder and Its Inline Editor

Overview

PXME’s Email Builder with Inline Editor is a powerful tool for creating visually appealing, personalized, and professional email campaigns. As a WYSIWYG (What You See Is What You Get) editor, it allows you to design emails in real time, ensuring every formatting change, image insertion, or layout adjustment is instantly previewed as recipients will see it. This makes email marketing faster, more intuitive, and more effective.

What is the Inline Editor?

The Inline Editor is PXME’s drag-and-drop design tool that simplifies email creation. It supports full customization, real-time previews, and reusable elements—helping you launch campaigns with ease.

Key Features

• Text Customization: Fonts, sizes, colors (including hex codes), bold, italic, underline, strikethrough.

• Hyperlinks: Add links to text, buttons, or images.

• AI-Assisted Content: Generate text or images with AI.

• Custom Values: Insert dynamic personalization fields.

• Default Padding: Consistent margins built in (Top 10, Bottom 10, Left 20, Right 20).

Navigating the Interface

1. Go to Marketing > Emails > Templates.

2. Create a new template or edit an existing one.

3. Use the toolbar to:

   • Add Elements – Drag in text, images, buttons, etc.

   • Manage Elements – Review and adjust active components.

   • Appearance Settings – Control backgrounds, CSS, dividers, and mobile formatting.

   • Saved Elements & Layouts – Reuse saved logos, sections, or layouts.

Adding Elements

Layouts

Drag and drop layout structures into your email:

• 1 Column: Clean vertical flow, highly mobile-friendly.

• 2 Columns: Side-by-side layout (image + text).

• 1/3–2/3 or 2/3–1/3: Highlight one side more prominently.

• 1/4–3/4 or 3/4–1/4: Strong highlight with support section.

• 4 Columns: Grid-style for multiple products, images, or articles.

Elements

• Text: Headings, paragraphs, captions.

• Image: Upload or link images, logos, GIFs (up to 10MB).

• Button: Create clickable CTAs.

• Divider: Add spacing or separation.

• Social: Insert linked social icons.

• Footer: Include contact info, disclaimers, unsubscribe link.

• Code: Add custom HTML (for advanced users).

• Video: Insert videos with GIF thumbnail previews.

• Shopping Cart: Display products with prices and purchase links.

• RSS Header & Items: Pull in blog/news content dynamically.

• FAQ Element: Add accordion-style interactive Q&A.

• Product Catalog: Showcase multiple products visually.

• Forms & Inline Surveys: Collect feedback directly in emails.

Conditional Elements

Personalize content visibility based on contact data.

1. Select an element in the builder.

2. Go to the Visibility tab.

3. Enable Conditional Element.

4. Set rules based on contact fields (text, number, radio, dropdown).

Note: Multi-select fields are not supported.

Managing Text & Formatting

• Change headings and fonts.

• Adjust font size and line height.

• Use formatting (bold, italic, underline, strikethrough).

• Insert hyperlinks with custom text.

• Control alignment and use bullet/numbered lists.

Image & Text Layout

The Image + Text Layout option lets you blend visuals, messaging, and CTAs:

• Access via Marketing > Emails > Templates/Campaigns.

• Start from a template or scratch.

• Customize background, padding, and corner radius for polished design.

FAQs

Q1: What is the Inline Editor, and how does it work?
It’s PXME’s WYSIWYG email design tool, showing live previews as you edit.

Q2: Can I customize the design and layout?
Yes. Fonts, colors, layouts, and appearance settings are fully customizable.

Q3: How do I add different content elements?
Use the Add Elements panel to drag and drop text, images, buttons, and more.

Q4: Can I save and reuse components?
Yes. Save logos, layouts, or sections for future campaigns.

Q5: What if I need to add custom HTML?
Use the Code element. Beginners should review HTML basics before using this feature.