Customizing Cell Groups

Customizing Cell Groups

Customizing Cell Groups in the Drag-and-Drop Editor

Cell Groups in Delivra’s drag-and-drop editor allow for greater flexibility when designing email layouts. They provide the ability to fully customize the structure of a content section and save those layouts for future use—making it easier to create unique, mobile-friendly designs without starting from scratch each time.

Why Use Cell Groups?

  • Flexible Layouts: Arrange and merge content cells into custom formats beyond the standard layouts.

  • Save Time: Customized Cell Group layouts are saved for reuse across other templates and campaigns.

  • Enhance Mobile Experience: Choose whether your custom layouts should be responsive on mobile devices.

How to Customize a Cell Group

Follow these steps to build or edit a custom Cell Group layout:

  1. Open Your Design

    • Access your email template or campaign and proceed to the Design step.

  2. Select the Cell Group

    • In the left panel, click the layout row that contains the Cell Group you wish to edit.

    • Editing options will appear in the right-hand panel.

  3. Open Cell Group Layout Settings

    • Expand the "Cell Group Layout" section.

  4. Change the Layout

    • Click the "Change Cell Group Layout" button.

    • Use the "Select Dimensions" dropdown to pick a basic starting layout (columns and rows).

  5. Customize Further

    • Click the "Customize" button to open detailed layout editing options.

Customize Cell Group Options

Once in the customization view, you can:

  • Merge Cells: Click the spacers between cells to merge them horizontally or vertically, combining cells as needed.

  • Remove Rows: Hover over a row and click the red X to delete it.

  • Add Rows: Click "Add another row" to insert new rows for more flexibility.

  • Set Mobile Responsiveness: Choose whether the cell group should adjust responsively on mobile devices or remain fixed.

These customization options give you complete control over how your email sections are structured and displayed, both on desktop and mobile.

Best Practices and Tips

  • Plan Your Layout: Before customizing, sketch or visualize how you want your content blocks to flow.

  • Keep Mobile in Mind: Always preview your email on mobile to ensure a smooth, readable experience.

  • Reuse Your Work: Save frequently-used custom layouts to speed up future email builds.

    • Related Articles

    • Optimizing cell groups

      Overview If you encounter issues with your email templates not rendering correctly, it may be due to the use of cell groups. This guide will help you understand how to optimize your email templates by using Delivra's pre-built layouts and adjusting ...

    • How do I add a margin to a cell?

      How to Add Margin to a Cell in the Drag-and-Drop Editor Looking to create more breathing room around your content? In Delivra’s email editor, you can simulate cell margins by adjusting padding—the space inside a cell between the content and the cell ...

    • Image captions

      How to Add Image Captions Using Cell Groups Sometimes you need to pair an image with a short caption—whether it’s to describe a product, quote a testimonial, or provide context for event photos. Delivra’s drag-and-drop editor doesn’t include a ...

    • Using Code Blocks to Insert Custom HTML

      Code blocks allow you to insert custom HTML code into your email designs, giving you greater flexibility for custom content, real-time personalization, and third-party integrations. This feature is ideal for marketers who need more control over ...

    • Hide cells based on reading environment

      Hide Cells for Mobile or Desktop Views In responsive email design, layout flexibility is key. There may be times when you want certain content visible only to mobile or desktop users—for instance, due to how tables stack on smaller screens, or to ...