Support
Still have questions? Message us.
To be used on individual text-based elements, making content within each editable. This is the editable option that you'll be using the most.
block-edit
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.
<div class="block-edit">Text copy.</div>
Adding variable names to text elements saves their content. 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.
data-block="variable-name"
<div class="block-edit" data-block="example-text">Text copy.</div>
block-maxchar-#
sets a maximum character limit for text.
block-minchar-#
sets a minimum character limit for text.
<div class="block-edit block-maxchar-10">Text copy.</div>
Part of text formatting options by default.
block-no-bold
disables option for making text bold.
Part of text formatting options by default.
block-no-italic
disables option for making text italic.
Part of text formatting options by default.
block-no-superscript
disables option for making text superscript.
Part of text formatting options by default.
block-no-subscript
disables option for making text subscript.
block-no-text
Disables text from being edited in an element.
For example, on a button that should only have its link updated:
<a href="#" class="block-edit block-no-text">More info</a>
block-no-link
Disables option for adding a element around a block of text for linking.
block-remove
Allows a text area to be removed.
In emails only, for text where a link is added, Blocks Edit automatically uses the styling of the immediate text around the link and underlines it.
You can enable link style options to choose from for your emails by setting a variable name for them. Each enabled link is set globally, and can be used for all of the theme's emails.
The link style is shown when a text link is edited, as styles numbers. The first option is always the set default style.
To set a link style, add the data-style attribute with a unique variable name on an example link and it will get included among the link style options.
Example:
<div class="block-edit" data-block="example-name">Text copy <a href="#" data-style="link-standard" style="color: #ff0000">with a link</a>.</div>
Still have questions? Message us.