Skip to main content

How to Use the Email Builder and Its Inline Editor in Stack

Streamline your email creation process with Stack's efficient Inline Editor. This tool offers a dynamic and user-friendly experience, ensuring quality output with increased speed and convenience.

Table of Contents​

What is the Email Builder Inline Editor?​

The Email Builder Inline Editor in Stack is a powerful tool that allows you to create and customize emails with unprecedented efficiency and ease. It uses a "What You See Is What You Get" (WYSIWYG) editing principle, providing a real-time preview of your email as you make changes. This means you can bold text, insert images, or change colors, and see these changes immediately reflected as they will appear in the final email.

Key Features:​

  • Custom Fonts and Sizes: Choose from a variety of fonts and sizes.
  • Text Formatting: Apply styles like bold, italic, underline, and strikethrough.
  • Color Customization: Use hex codes for precise color selection.
  • AI-Assisted Content Generation: Quickly create engaging content.

Practical Usage Cases​

Promotional Email Campaign​

Capture attention with vivid colors, catchy fonts, and high-quality images. Use a single-column layout for mobile readability and place your CTA prominently.

Seasonal Newsletter​

Use a multi-section layout to organize different product categories with images and descriptions. Choose a complementary background color and readable font.

Re-engagement Campaign​

Personalize with dynamic content settings to insert the recipient's name and tailor messages based on interactions.

Abandoned Cart Email​

Use a two-column layout to show products left in the cart alongside a reminder and special offer.

Event Invitation​

Keep it clean with a single-column layout and a clear CTA. Consider adding a countdown timer for urgency.

Advantages of the Inline Editor​

  • Visual Consistency: Maintain uniform look with default padding settings.
  • Custom Font Support: Align email style with brand aesthetics.
  • Precise Text Styling: Highlight key points with formatting options.
  • Flexible Color Options: Use hex codes for exact color matches.
  • AI-Assisted Content Creation: Speed up email writing with AI suggestions.

Using the Email Builder and Inline Editor​

  1. Navigate to Marketing > Emails > Templates.
  2. Create a new template or edit an existing one.
  • Add Elements: Introduce new content like text and images.
  • Manage Elements: Select and adjust existing elements.
  • Appearance Settings: Control global styles such as background color and mobile formatting.

Managing Text and Formatting​

Highlight any text to access formatting options. You can:

  • Change heading types and fonts.
  • Adjust font size and color.
  • Apply styles like bold, italic, and underline.
  • Add hyperlinks with customizable display text and target URLs.
  • Align text and adjust line height.

Advanced Editing Options​

  • Clear Format: Remove existing formatting from text.
  • Custom Values: Personalize emails with recipient-specific details.
  • Trigger Links: Enable actions like subscription confirmations directly from the email.
  • ContentAI: Use AI to generate content based on provided context and keywords.

Adjusting Appearance and Styling​

Template Settings​

  • Background Color: Enhance readability and visual appeal.
  • Body Color: Ensure contrast for readability.
  • Content Width: Adjust to fit design needs.

Button Design​

  • Corner Radius: Modify roundness for a tailored look.
  • Button Color and Font: Match your brand's theme.

Divider Customization​

  • Height and Color: Define thickness and color for visual separation.

Mobile Formatting​

Ensure your emails look great on all devices by configuring mobile-specific settings:

  • Use a single-column layout for simplicity.
  • Optimize images for quick loading.
  • Design touch-friendly buttons.
  • Limit text for easy readability.

Previewing Emails in Browser​

You can include a "Preview in Browser" link in your campaigns:

  • Default Inclusion: Automatically added to new templates.
  • Manual Addition: Add the element to existing templates and customize its styling.

FAQs​

Q: How can I test different email elements?
A: Use the A/B testing feature to experiment with different components like subject lines and CTAs. A/B Testing Guide

Q: What template should I use for a restaurant to announce new menu items?
A: Use the "Restaurant Generic" template for showcasing new dishes.

Q: How can I use the email builder to solicit donations for a charity?
A: Use the "Helping Hand Charity" template to create compelling messages about your cause.

Q: Which template is best for promoting vacation packages for a travel agency?
A: The "Pinnacle Travel" template is designed for showcasing travel packages.

For more specific template recommendations, refer to the template section in your Stack account.