This article introduces the new Spacer Element in your CRM's Email Builder, designed to make email layout customisation easier and more precise for both desktop and mobile users.

TABLE OF CONTENTS

• What is the Spacer Element in the Email Builder?
• Key Benefits of the Spacer Element
• How To Setup the Spacer Element
• Frequently Asked Questions

What is the Spacer Element in the Email Builder?

The Spacer Element is a drag-and-drop tool in your CRM's Email Builder that allows users to add adjustable vertical or horizontal space between content blocks within their email templates. The Spacer Element provides a simple, intuitive way to control spacing without relying on dividers or manual padding adjustments. This feature ensures that your email layouts look clean, professional, and are responsive across all devices.

Key Benefits of the Spacer Element

Adding the Spacer Element to your email design process offers several user-focused advantages:

• Effortless customization of email layouts without complex workarounds.
  
  
• Cleaner, more professional-looking email designs.
  
  
• Eliminates the need for using dividers as spacers or adjusting manual padding.
  
  
• Responsive spacing automatically adapts for mobile and desktop devices.
  
  
• Enhances the visual appeal and readability of your emails.

How To Setup the Spacer Element

Proper setup of the Spacer Element ensures your emails have the exact spacing you want, improving both aesthetics and readability. Follow these steps to add and customize the Spacer Element in your email templates:

1. Navigate to Marketing → Emails → Templates from your account dashboard.
   
   
2. Open an existing email template by clicking on the template or create a new one by clicking the + New button in upper right corner.
   
   
3. Click the Add Elements (+) icon in the upper left corner of the email builder. Locate the Spacer element in the sidebar.
   
   
4. Drag and drop the Spacer Element into your desired position within the email layout.
   
   
5. Click on the Spacer Element then select the Edit tab on the left bar to adjust the height, width or color. Click on the Visibility tab to adjust Device-Based Visibility and Conditional Sending.
   
   
   
   
6. Preview your email to ensure the spacing looks correct on both desktop and mobile devices.

Frequently Asked Questions

Q: Is the Spacer Element responsive for mobile devices?

The Spacer Element automatically adjusts for mobile responsiveness, ensuring consistent spacing across devices. Be sure to test your emails in both desktop and mobile previews to confirm optimal appearance.

Q: Does the Spacer Element add any visible content to my emails?

No, the Spacer only creates empty space and does not display any visible content.

Q: Can I set both vertical and horizontal spacing with the Spacer?

You can adjust the height for vertical space and width for horizontal space, depending on your layout needs.

Q: Do Spacers affect email deliverability or loading speed?

No, Spacers are lightweight and do not impact deliverability or loading times.

Q: How do I remove a Spacer if I no longer need it?

Simply click on the Spacer Element and use the delete/trash icon to remove it from your layout.