Skip to main content

Create and use HTML Blocks

Use HTML Blocks to create reusable HTML content in Flowize. You can edit the content in the visual editor or work directly with its HTML source.

Overview​

The HTML Blocks overview lists the blocks in your project and provides an Actions menu for each one. To edit an existing block, double-click its row or choose Open from its Actions menu.

Create an HTML Block​

  1. Open HTML Blocks under Contents in your project.
  2. Select New Content.
  3. Enter a Name. The form requires a name and advises you not to include spaces. Add a Description if needed.
  4. Select Save to open the HTML Block editor.

Edit the HTML Block​

The top toolbar provides device previews, Undo and Redo, view controls, fullscreen, and preview, source editing, and Save. Content Settings identifies the content type as BLOCK.

Edit the HTML source​

You can import the html for the block or edit an individual element's markup, select the element and use its HTML source control.

Insert dynamic content​

In the element source editor, select Variables to open the variable picker. Browse the available categories, such as Data, Database, Website, and Content Block. Select a variable and use Accept to insert it into the HTML source.

You can also use Macro Editor to create or insert a macro. Use Conditions to add conditional content.

Style and organize elements​

Select an element, then open the style controls to adjust its classes and appearance. Open Layers to inspect the structure of the HTML Block.

Save the HTML Block​

Select Save at the top right of the editor. In the Saving Design dialog, review the Title, Description, and Publish Options, then select Save again.

The publish options let you generate inline CSS, preserve stylesheet links and <style> tags, remove HTML comments, or remove class attributes.

Insert an HTML Block into an email​

  1. Open the email in its editor.
  2. Select HTML Blocks in the top toolbar.
  3. Choose the saved HTML Block to insert it into the email.

Flowize inserts a reference to the block in the email content, such as @htmlblock.my_html_ul@. The reference uses the HTML Block's name.

Was this article helpful?