This article introduces the Spacer element in the ZipLeads Email Builder. It makes it easier to customise your email layout precisely, for both desktop and mobile readers.
What is the Spacer element?
The Spacer element is a drag-and-drop tool in the ZipLeads Email Builder. It lets you add adjustable vertical or horizontal space between content blocks in your email templates. It's a simple way to control spacing without using dividers or adjusting padding by hand. Your email layouts stay clean and professional, and they look good on every device.
Key benefits of the Spacer element
Using the Spacer element when you design emails gives you a few handy advantages:
Easily customise your email layouts without complicated workarounds.
Cleaner, more professional-looking email designs.
No more using dividers as spacers or adjusting padding by hand.
Spacing adapts automatically for mobile and desktop devices.
Better visual appeal and readability for your emails.
How to set up the Spacer element
Setting up the Spacer element properly gives your emails exactly the spacing you want, so they look better and are easier to read. Follow these steps to add and customise the Spacer element in your email templates:
Go to Marketing → Emails → Templates from your account dashboard.
Open an existing email template by clicking on it, or create a new one by clicking the + New button in the upper right corner.
Click the Add Elements (+) icon in the upper left corner of the email builder. Find the Spacer element in the sidebar.
Drag and drop the Spacer element into the position you want in your email layout.
Click on the Spacer element, then select the Edit tab in the right sidebar to adjust the height, width or colour. Click the Visibility tab to adjust Device-Based Visibility and Conditional Sending.
Preview your email to check the spacing looks right on both desktop and mobile devices.
Frequently Asked Questions
Q: Is the Spacer element responsive on mobile devices?
Yes. The Spacer element adjusts automatically for mobile, so your spacing stays consistent across devices. Be sure to test your emails in both the desktop and mobile previews to check they look their best.
Q: Does the Spacer element add any visible content to my emails?
No. The Spacer only creates empty space and doesn't display any visible content.
Q: Can I set both vertical and horizontal spacing with the Spacer?
Yes. You can adjust the height for vertical space and the width for horizontal space, depending on your layout.
Q: Do Spacers affect email deliverability or loading speed?
No. Spacers are lightweight and don't affect deliverability or loading times.
Q: How do I remove a Spacer if I no longer need it?
Click on the Spacer element and use the delete (trash) icon to remove it from your layout.