Archive for: Design

Accessing the Standard and Advanced Email Editors in the Package Editor: Thanks to a recent update we have added the ability to change between the StudioCDN Advanced and Standard Editors directly from the StudioCDN Package Editor.

To change between the Standard and Advanced Editors simply click the editor button *.

*Please Note: When switching between editors some mark ups may not be saved.

See Also: How-To: Switching Between the Standard and Advanced Editors in the Package Editor | Design: Activating the Advanced Editor as Default | Design: Adding Structure and Content Blocks | Design: General Email Body Options

Adding Row Background Images: StudioCDN now allows senders to add background images to structure blocks for display behind text and other content.

To add a background image to any structure block…

• Add or Hover and click the desired structure block*.
• Enable the Row Background Image Option toggle from the row properties menu.
• Click Change Image to upload or add an image via. URL.
• Tick Full Width, Repeat, and Center options as desired.
• Add a background color for backup email client compatibility**.

*Email client compatibility: The StudioCDN editor uses advanced email design techniques to ensure that background images are rendered on most email clients. According to our most recent tests, the only email clients for which background images were not shown, were:

• Outlook (background images appear to work on Outlook 2016 on OS X, not in other versions)
• Lotus Notes 7
• Xfinity / Comcast email client

**For those email clients – and for best results when images are blocked – make sure that you set a background color for the row that works well in the absence of the background image.

See Also:  Design: Adding Structure and Content Blocks |  Design: General Email Body Options |  Design: Add Youtube & Vimeo Content

Adding Structure and Content Blocks: The StudioCDN advanced editor allows senders to create media rich deliveries using the Advanced Editor Content and Structure blocks. By default the StudioCDN advanced editor will display a single column template which can be used, edited, and saved as default.

To edit the default template or create your own templates from the StudioCDN Advanced Editor…

• Click the Structure tab and drag and drop the desired Structure column block to the editor section.
• Click the Content tab and drag and drop the desired Content atop of the previously placed Structure column block.
• Edit and customize content blocks through the selected content block menu to the right.

Caveat: When designing from scratch place structure blocks before adding and editing content blocks.

See Also:  Design: Add Youtube & Vimeo Content