HubSpot key update: How “Mobile Optimized Email” improves conversions

What is this update about?

Email marketing is a powerful conversion tool, but if your emails aren’t optimized for mobile, engagement drops, and valuable leads slip away.

Enter HubSpot’s key product update, “Mobile Optimized Email,” which empowers you to fine-tune drag-and-drop emails for different screen sizes. 

It also enhances user experience by giving a real-time preview of emails exactly as your recipients will see them.

It lets you:

• Hide modules and sections on both mobile and desktop.
• Change layouts.
• Disable automatic column stacking on mobile.
• Tailor emails for users reading on different-sized devices

The best part is that it’s available for all hubs and tiers.

In this blog, we’ll show you how to turn your clicks into customers and overcome email formatting challenges. Let’s dive in.

Why Mobile-Optimized Email is critical for email marketing success?

As 50% of email opens happen on mobile, optimizing them for smaller screens is more crucial than ever for your email nurture campaign success.

It's needed for:

• Improved user experience
• Higher Click-Through Rates (CTR)
• Amplified conversion rate
• Avoiding spam filters
• Stronger brand perception

Here are the 10 tactics to solve email marketing woes for better engagement.

How can you implement Mobile Optimized Email in HubSpot?

Changing the visibility of modules and sections on mobile

Follow these steps to customize which modules or sections are displayed for desktop and mobile recipients:

• In your HubSpot account, go to Marketing > Marketing Email.
  
  
• Select a drafted drag-and-drop email or click Create Email in the top right to start a new one.
  
  
• Use the desktop or mobile icon at the top of the email editor to preview and adjust the settings for each device type.
  
  
• Hover over a module or section and click the hide icon to remove it from the version of the email you're editing.
  
  
• To reveal all hidden modules for the version you're editing, click Show hidden at the top of the email editor.

Changing layout or stacking on mobile

For configuring different column layout settings between mobile and desktop devices:

• Select an email section.
  
  
• In the Layout menu on the left, disable the All devices option. Then, set up the column layout for Desktop and adjust the stacking layout for Mobile.

Changing the styling of a section on the mobile

To customize how the background or spacing of a section of your email appears for desktop or mobile recipients:

• Hover over and click a section.
  
  
• In the Background or Pacing section of the left pane, toggle the All devices switch off. Then, set up the background or spacing styling for desktop and mobile.

Changing template styling on mobile

These are the steps to follow for customizing how the template background or spacing of a section of your email appears:

• Click Design on the left panel.
  
  
• Toggle the All devices switch off in the Template section in the left pane. Then, set up the background or body color for Desktop and mobile.

Conclusion

With more people checking emails on their phones than ever, mobile optimization isn’t optional, it’s the key to a higher conversion rate. 

This HubSpot product update ensures your emails deliver a seamless user experience, maintain perfect formatting, and drive engagement across all devices. 

If you need further clarification on this update or expert support with any aspect of HubSpot, you couldn’t be better placed. Our RevOps experts will optimize your HubSpot to drive efficiency and growth.