Pieces of text, images, and links

Content highlight icon

Text editing

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.


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

Maximum characters

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

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


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


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

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


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


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

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


<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.


<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.


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


block-edit or -block-edit: true

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


<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.


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


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.


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

Preview text

The (hidden) text that is shown under the subject line in most email clients.


<div class="block-preview" style="display: none; max-height: 0; overflow: hidden;">Short line of preview text goes here</div>

Testing your template

Sign up for free to import your template and test out editable tags. Need some help implementing the tags? Here are some options: