The EDM builder has a feature that helps you in organizing the structure of your templates: Stripes. Get familiar with this feature and utilize it across all your EDMs to establish a coherent design process.

What are "stripes"?

Stripes are essentially your template's block category. By default, the canvas for a new EDM template already has three stripes: "header", "content", and "footer".

You'll notice these stripes as you hover your mouse pointer to the sides of the template. Click on the area to select the highlighted stripe.

The labels are self-descriptive. Thus, moving and creating new blocks into their appropriate stripe is not such a huge chore.

Why bother with stripes?

At first, stripes may feel like they're more trouble than they're worth. We encourage you to stick with it.  Modularity is a core aspect of EDMs. Thus, having various stripes that describe a block's category in the template is useful.

Stripes are more than just visual cues for the template. They can have their own properties set, too. Pay close attention, in particular, to "Email area" as this is where you can label the stripe according to content type.

Keeping stripes in check is good practice and should be adopted right from the start. When more complex EDM designs come along, you'll be thankful that you've been using stripes correctly.

Adding a stripe.

You'll find that there may be times when you'll need to add a new section/stripe to the EDM template. Sometimes, unintentionally, stripes are removed when they contain a single structure and that structure is dragged to another stripe. 

Take the "Footer", for example. Typically, this stripe contains only one structure. Accidentally dragging the structure to a different stripe will remove the "Footer" stripe.

Select a stripe, then click the "+" button to add a new one below the currently highlighted. You'll be prompted to select the default structure. The new stripe will be labeled "Stripe - Content", so make sure to change it in the properties panel, if necessary.

The same process applies when you just want to add a new stripe when the template design requires it. For example, when you deem it necessary to add "Info area" or a second "Content" stripe to the template.

Removing an entire stripe.

Removing stripes will feel familiar and easy since it uses the same approach as deleting blocks.

Hover over this part of the stripe outline to reveal these options: Delete, Copy, Move, and Save as module. Click on "Delete" (trash bin icon) to remove the currently highlighted stripe.

Moving a stripe.

Accordingly, this same menu is also where you can find the option to move the highlighted stripe. Long-press "Move", then drag the stripe to where you prefer it to be in the template.

Note: You'll notice that the menu has a "Copy" button, too. Consider using this if the new stripe you're adding is similar to an existing one. Adjust stripe properties thereafter as needed. It'll save you the trouble of recreating the same structure from a blank stripe.

To set stripe properties, simply select the stripe then set the properties accordingly on the right-hand panel (refer to second image).

Keep in mind that settings for a stripe will affect the entire stripe. It might not be something you want when you need finer design control over your structures.

Takeaway

Stripes are in the template to help you make your design process easier to plan, track, and execute. For better control of the blocks and the entire layout, we highly recommend utilizing stripes and keeping them in check.

Did this answer your question?