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.
- Learn what types of Content Blocks are available in the Drag and Drop Editor 2.0
- Learn how to edit Content Blocks
- Learn how to add new Content Blocks to a Section
Table of Contents
There are 6 types of Content Blocks available:
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.
The Text Block editing pane also includes a Fetch Content from Web feature that allows you to specify a webpage URL and automatically pull text from the web page into the block by referencing the webpage's metadata.
NOTE: The URL used to Fetch Content from the Web must begin with http:// or https://
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: These styling options in the sidebar are available for every type of Content Block.
Clicking the link button will open the hyperlink manager. The hyperlink manager allows you to specify what type of link you are adding, the link URL, and the link text. A link can be one of the following types:
- Website URL: this is a standard link to a webpage.
- Phone: this is a phone link that will automatically use your default phone app or software to call the specified number.
- Email: this is a mailTo link.
- File: this opens the file manager, where you can upload attachments, such as excel files or PDFs and link to them.
- Unsubscribe: this allows you to add a global unsubscribe link or a link to a previously created Subscription Management Page.
- View in Browser: this allows you to re-add a view in browser link into the template if the default view in browser link is removed.
- Web Content: this option displays a list of existing Forms, Surveys, or Landing Pages in your environment and allows you to add a link to a selected record.
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.
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.
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.
The Button block allows you to add a button into the Email Template.
You can modify the button text by clicking the text.
Clicking inside the Button block anywhere other than on the text will display an editing pane for the button itself.
The editing pane will allow you to set the button's hyperlink and also allow you to change the button color, border properties, and alignment.
Spacer blocks allow you to add a divider or extra space between the content of other blocks or sections.
Clicking inside the Spacer block will display an editing pane.
The editing pane will allow you to set the thickness, color, and style of the divider.
Social Links Block
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.
Clicking inside the Social Links block will display an editing pane.
Edit Links will allow you to set the URLs for social links and add custom social links.
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 Block
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+
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.
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.
|Feature Added: 8.13.0|
|Feature Updated: 9.3.0|
|ClickDimensions Version Need: 8.13.0|