Developer

Content

Pieces of text, images, and links

Content highlight icon

edit

block-edit or -block-edit: true

To be used on individual HTML elements, making content within each editable. This is the one you'll be using the most.

Example

<div class="block-edit">Text copy for an area.</div>

max characters

block-maxchar-# or -block-maxchar: #

Sets a character limit for content in an element. Default: unlimited.

Example

<div class="block-edit block-maxchar-10">Text copy</div>

bold

block-no-bold or -block-bold: false

Disables option for adding 'strong' element around content. Default: bold allowed.

Example

<div class="block-edit block-no-bold">Text copy for an area.</div>

italics

block-no-italic or -block-italic: false

Disables option for adding 'em' element around content. Default: italics allowed.

Example

<div class="block-edit block-no-italic">Text copy for an area.</div> block-no-link or -block-link: false

Disables option for adding 'a' element around content for linking. Default: linking allowed.

Example

<div class="block-edit block-no-link">Text copy for an area.</div>

For text where a link is added, Blocks Edit automatically uses the styling of the text and underlines it. You can specify link style options to choose from by adding the 'data-style' attribute with a unique variable name on example links to include the style from.

Example

<div class="block-edit">Text copy <a href="#" data-style="link-standard" style="color: #ff0000">with a link</a>.</div>

images

block-edit or -block-edit: true

Enables option to replace an image. Default: replacing image not allowed.

Example

<img class="block-edit" src="image.jpg" width="400" height="200" />

background images

block-background or -block-background: true

Enables option to replace a background image. Default: replacing background image not allowed.

Example

<div class="block-background" style="background-image: url('image.jpg')">

tokens

You can use email service provider tokens/tags/variables throughout your template as you normally would and they will be read by your ESP when importing the final template into it to send out. This includes when editing content in emails in Blocks Edit.

Example

<div class="block-edit">Hello *|FNAME|*,</div>

Implementation Support

Need help implementing your template? Here are some options: