Skip to content
Marketing

Rearrange Elements and Layouts with Arrow Controls in Email Builder

This article shows you how to quickly rearrange elements and layouts in the Email Builder using new arrow controls. This feature makes editing emails…

2 min read455 words1 explained image
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key Benefits of Arrow Controls
  2. How To Use Arrow Controls to Rearrange Layouts
  3. Arrow Controls for Elements vs Layouts
  4. Frequently Asked Questions
  5. Next Steps

This article shows you how to quickly rearrange elements and layouts in the Email Builder using new arrow controls. This feature makes editing emails faster, easier, and more intuitive by removing the need for complex drag-and-drop actions.

TABLE OF CONTENTS


What is the Arrow Control Feature?

The Arrow Control feature in the Email Builder allows users to move elements or layout sections up or down with a simple click. This improvement eliminates the hassle of precise drag-and-drop movement and streamlines the design process for email campaigns and templates.

What is the Arrow Control Feature? (image 1 of 1) What this shows The Arrow Control feature in the Email Builder allows users to move elements or layout sections up or down with a simple click. What this shows Illustrates the "What is the Arrow Control Feature?" section of "Rearrange Elements and Layouts with Arrow Controls in Email Builder". This screenshot appears in the "What is the Arrow Control Feature?" section of "Rearrange Elements and Layouts with Arrow Controls in Email Builder". The text alongside this image reads: The Arrow Control feature in the Email Builder allows users to move elements or layout sections up or down with a simple click. This improvement eliminates the hassle of precise drag-and-drop movement and streamlines the design process for email campaigns and templates. Immediately after, the guide continues: Arrow controls provide a smoother and more user-friendly experience when designing emails. Image 1 of 1 What to clickThe Arrow Control feature in the Email Builder allows users to move elements or layout sections up or down with a simple click. This improvement eliminates the hassle of precise drag-and-drop movement and streamlines the design process for email campaigns and templates. Next stepArrow controls provide a smoother and more user-friendly experience when designing emails.

Key Benefits of Arrow Controls

Arrow controls provide a smoother and more user-friendly experience when designing emails.

  • Speeds up layout reordering.

  • Simplifies element movement without relying solely on drag-and-drop.

  • Reduces design errors from misplacing blocks.

  • Enhances the email-building experience for beginners.

  • Allows precise layout adjustments with just one click.

  • Works for both individual elements and entire layout blocks.

How To Use Arrow Controls to Rearrange Layouts

Arrow controls make repositioning content blocks in your emails faster and more precise.

  1. Navigate to Email Marketing from the left-hand menu.

  2. Open an existing Template or create a new Campaign.

  3. Hover over the element (e.g., text, image) or layout block you want to move.

  4. Click the up (↑) or down (↓) arrow that appears near the top-left of the section.

  5. The element or layout will move instantly to its new position.

Arrow Controls for Elements vs Layouts

Understanding the difference between elements and layouts helps you use the arrows more effectively.

Arrow controls appear for both:

  • Elements: These include individual pieces like text blocks, buttons, or images. The arrows move these items within their current layout.

  • Layouts: These are broader sections (e.g., header, body, footer). Arrows here move the entire section up or down within the overall email design.


Frequently Asked Questions

Q: Do I need to save after each move?
 No. All changes are automatically saved as you make them.

Q: Can I still use drag-and-drop?
 Yes. Arrow controls are an enhancement, not a replacement. You can continue to use drag-and-drop alongside the new arrows.

Q: Are arrow controls available on mobile?
 Currently, this feature is optimized for desktop use.

Q: What if the arrows don't appear?
 Ensure your mouse is hovering directly over a movable element or layout. If they still don't show, try refreshing the editor or checking for browser updates.


Next Steps

  • Practice using the arrow controls by editing a template now.

  • Experiment with mixing arrow-based movement and drag-and-drop for more flexibility.

  • Learn how layout blocks work to better plan your email structure.

Was this guide helpful?

Related guides