Content

Pieces of text, images, and links

edit

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

• Use it as close to the copy as possible, outside of bold and italic formatting tags, and outside of a string of text that has a link within it
• Use on 'img' elements to allow for uploading a new image
• Editable elements cannot have nested elements that are also editable
• For areas with multiple paragraphs, make the container editable instead of the individual paragraphs

Example

text

Disables content from being edited in an element.

min/max characters

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

bold

Allows/disables adding 'strong' element around content. Default: bold allowed.

italics

Allows/disables adding 'em' element around content. Default: italics allowed.

links

Allows/disables adding 'a' element around content for linking. Default: linking allowed. You do not need to enable changing the link on current linked areas.

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 to example links to include the style from. If a section has a 'data-style' variable defined, it will only show link styles from within that specific section.

images

Allows/disables replacing an image. Default: replacing image not allowed.

• When an image in a template is uploaded in place of a current one, an option to crop the image is given with the same proportions as the original source image
• If there is a 'height: auto' CSS style for the image, there is no cropping option; the image is scaled to the width of the source image with a proportional height of the new image
• The source of each individual image can by overriden with the image's URL option
• Includes option for alt text

background images

Enables/disables replacing a background image. Default: replacing image not allowed.

• Works for CSS background/background-image property as well as background attribute
• Takes into account Outlook workaround and accordingly matches the image URL

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

stored content

Adding to HTML elements stores their content. This works with style functionality to update content across each style version.

• Each unique content piece requires its own variable name
• Using the same variable name on multiple content pieces will update content for all pieces when one is updated

Example

Regions

Customizable areas

region

Group of elements and Components that can be customized.

• Regions cannot contain nested Regions
• A dashed red outline is shown when mousing over a Region along with its options

repeat

Allows duplicating a Region, making it part of a listing where each copy can be reordered or removed.

style

Multiple versions of a Region that can be switched between.

• The same variable name should be used for all Style blocks that apply to its Region
• Style blocks should be adjacent to each other
• Numbered tabs are shown to switch between the available Styles
• Optionally, use Stored Content for content to get updated within each Style version

Example

remove

Allows a Region to be removed.