How to Edit Marketing Email Content and Design in HubSpot

HubSpot gives marketers a powerful email editor that lets you quickly customize layouts, content, and styles without code. This guide walks you through every step of editing a marketing email so you can create high-performing campaigns with confidence.

All instructions here are based on the official HubSpot knowledge base and focus on practical, repeatable steps you can follow inside your own account.

Accessing the HubSpot Marketing Email Tool

Before editing, you need to open the email tool in your account. To get started:

1. In your HubSpot account, navigate to Marketing > Email.
2. Click Create email to build a new message or select an existing email from the list to edit.
3. Choose a regular, automated, or blog/RSS email type as needed.

Once opened, you will see the drag-and-drop email editor with a live preview on the right and your configuration options on the left.

Understanding the HubSpot Email Editor Layout

The email editor is divided into a few core areas:

• Content tab: add, remove, and customize modules and layouts.
• Settings tab: configure sender details, subject line, language, and internal naming.
• Send or Schedule: control recipients, sending time, and final review.

Learning how these pieces interact will help you move quickly when designing messages.

Choosing a Layout in HubSpot

Your layout defines how modules are arranged in the email body. To adjust it:

1. In the left sidebar, click the Layout section (sometimes under the Design options depending on the template).
2. Select a layout with one column, two columns, or a mixed structure best suited to your content.
3. Use the drag handles on modules to rearrange content blocks within that layout.

Layouts give you a flexible grid so your message stays clean and readable on both desktop and mobile.

Adding and Managing HubSpot Email Modules

Modules are the building blocks of your email. HubSpot includes rich modules you can drag into place, such as:

• Text
• Image
• Button
• Divider
• Social follow icons
• Logo and header
• Footer with unsubscribe links

To add or edit a module:

1. Hover over the email preview and click the plus (+) icon to open the module list.
2. Drag a module from the sidebar into the position you want in the layout.
3. Click the module in the preview to open its editing options in the left sidebar.

You can duplicate or delete modules from the preview using the icons that appear when you hover over each block.

Editing Text Modules in HubSpot

Text modules are highly flexible and support rich formatting. To customize them:

1. Click the text area in the email preview.
2. Use the rich text toolbar in the left pane to adjust:

• Headings and font styles
• Bold, italics, and underline
• Bulleted or numbered lists
• Text alignment and line spacing
• Links and personalization tokens

Keep paragraphs short and scannable so recipients can quickly understand your message.

Adding Personalization with HubSpot Tokens

Personalization tokens allow you to merge contact or company data into your content. To insert them:

1. Place your cursor where you want dynamic content.
2. In the text toolbar, click Personalize.
3. Choose a token type such as Contact, Company, or Subscription.
4. Select the specific field (for example, First name).

Always set a fallback value in case a contact record does not contain the required data. This ensures the email still reads naturally.

Working with Images and Buttons in HubSpot Emails

Visual elements help guide attention and improve click-through rates. In the editor:

• Images: click an image module to replace the file, add alt text, set width, and control alignment.
• Buttons: edit the button text, URL, style, and alignment directly in the sidebar.

Align images and buttons so the email flows naturally on mobile devices. Use concise button text that clearly states the action, such as “Download guide” or “Book a demo”.

Styling Global Elements in HubSpot Email Templates

Many email templates include global modules such as headers and footers. These may be managed at the template level rather than per email.

If a module appears locked:

• You might need template-level permissions to edit it.
• Some elements are consistent across all emails for branding or compliance reasons.

Where editing is available, you can adjust colors, fonts, and alignment to match your brand guidelines.

Configuring Email Settings in HubSpot

The settings area controls how your email appears in inboxes and how it is tracked within your account. To configure it:

1. Click the Settings tab in the email editor.
2. Fill out key details, including:

• From name and From address
• Subject line
• Preview text (optional but recommended)
• Internal email name for reporting and organization
• Language and footer options

Use a recognizable sender name and email address to build trust and improve open rates.

Optimizing Subject Line and Preview Text in HubSpot

Your subject line and preview text have a major impact on performance. Best practices include:

• Keep subject lines clear and benefit-focused.
• Use preview text to expand on the subject, not just repeat it.
• Avoid excessive punctuation or spammy phrasing.
• Consider A/B testing subject lines for important campaigns.

Within the editor, you can edit both fields directly and see how they will appear in many inboxes.

Previewing and Testing HubSpot Marketing Emails

Before sending to a list, you should always preview your email and test for common issues. In the editor:

1. Click Preview in the top right of the screen.
2. Review the email on desktop and mobile views.
3. Toggle personalization previews using sample contacts to verify tokens.
4. Use the Send test email option to review the message in your own inbox.

Check links, images, and tracking to ensure everything behaves as expected. This is especially important when using personalized or conditional content.

Sending or Scheduling Your HubSpot Email

When you are satisfied with content and design, you can choose recipients and schedule delivery:

1. Click the Send or schedule tab.
2. Select the lists or individual contacts to receive the email.
3. Choose whether to send immediately or schedule for a specific date and time.
4. Review any warnings or recommendations displayed by the system.

Once everything looks correct, confirm the send. After sending, performance metrics such as opens, clicks, and bounces will be available in your email report.

Additional Resources for Mastering HubSpot Emails

For a deeper reference on every option in the email editor, consult the original documentation: official HubSpot email editing guide.

If you need help implementing an advanced email strategy or integrating campaigns with broader automation, you can explore expert consulting resources such as Consultevo for tailored HubSpot support and optimization.

By following these steps and best practices, you can use HubSpot to build, customize, and optimize professional marketing emails that align with your brand and drive measurable results.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`