Follow

Drag and Drop Editor 2.0 - Content Blocks

NOTE: The Drag and Drop Editor 2.0 is currently in a closed beta and is only accessible to customers on version 8.13.0 who have requested to be included in the beta. If you attempt to select the Drag and Drop Editor 2.0 from the Editor Type field on an Email Template, you will be presented with a form which you can submit to request access to the beta. Once approved, you will be notified that you have access the the editor.

Content Blocks are the most basic element of a Drag and Drop 2.0 Email Template. Content Blocks are added to Sections and are used to display specific types of content within the template, such as text or an image. There are 2 types of Content Blocks available:

Text

text block icon

Text Content Blocks can be added to a Section in the template in order to add text to that Section. Clicking on the block will pop up a content editing menu containing options such as changing the font type, adding dynamic content, and adding hyperlinks.

text block edit menu

Clicking the block also updates the righthand sidebar to display a styling menu for the Content Block. This menu allows you to set a background color or image for the block and adjust the padding around the content. Clicking the lock icons will prevent the padding values from being changed.

NOTE: Padding can only be locked in the US Data Center. This feature will be available in the EU and AU Data Centers in the near future.

text_block_settings_menu.png

NOTE: These styling options in the sidebar are available for every type of Content Block.

Image

image block icon

Image Content Blocks are used to add an image into a Section. Clicking on the block will open the image manager, which allows you to pick any image you have previously uploaded and place it into the Content Block.

image manager

When you click on a Content Block that already contains an image, a popup content editing menu will display. This menu allows you to open the image editor, replace the image, make the image a hyperlink, or change the image alignment within the block.

image block edit menu

Clicking the block also updates the righthand sidebar to display a styling menu for the Content Block. This menu allows you to set a background color or image for the block and adjust the padding around the content.

Social Links

social_links_block_icon.png

Social Links blocks allow you to add links to your social media accounts to your template. Out-of-the-box, we offer icons for Facebook, Twitter, Google+, Linkedin, Instagram, Pinterest, Blogger, and YouTube, but you can add custom links to additional platforms as well.

social_links_block.png

Clicking inside the Social Links block will display an editing pane.

social_links_block_edit_menu.png

Edit Links will allow you to set the URLs for social links and add custom social links.

social_links_block_edit_links.png

Additional options allow you to set the link alignment in the block, set the shape of the icons, set the visual style of the icons, and set whether the icons should be listed vertically or horizontally.

Social Share

social_share_block_icon.png

Social Share blocks allow you to add social links into a template that recipients can use to share the content of the email on their own social media account. There are social share links for Facebook, Twitter, LinkedIn, and Google+

social_share_block.png

Clicking inside the Social Share block will display an editing pane. The editing pane includes options to set which social share links should be displayed, the alignment of the links within the block, the shape of the links, the visual style of the links, and whether the links should be displayed horizontally or vertically.

social_share_block_edit_menu.png

Adding Content Blocks to a Section

A Content Block can be added to a Section by clicking the desired block in the righthand sidebar and dragging it into the Section. Once a Content Block is in the section, it can be rearranged within the section at any time. A Section can contain as many Content Blocks as desired.

add_content_block.png


Feature Added: 8.13.0
Feature Updated: 8.14.0
ClickDimensions Version Need: 8.13.0
Have more questions? Submit a request

0 Comments

Article is closed for comments.