HTML Block

🚧

ADVANCED FEATURE

This feature is for advanced users. Adding code to your theme can have negative effects if done improperly.

Overview

The HTML block allows you to add HTML or Code Snippets to a page. You can find the HTML Block in the +Add Menu > Building Blocks

Click or Drag & Drop to add the block to your page.

Using the HTML Block

After adding the block to your page, click the "Edit My HTML Component" button to Add or Edit HTML Code.

Within the Edit Screen, you can add or edit HTML Code.

There are two settings for the HTML Block:

• Render HTML in the Editor
  This will allow the HTML to render inside of the Visual Design Editor. We recommend turning this off if the code added does not have a visual representation, or if the code will render something very large.
• Execute JavaScript in the Editor
  This setting enables / disables JavaScript to run in the editor. We recommend keeping this setting off unless necessary so that it does not interfere with the drag & drop interface. .

Global HTML Variables

Customer Attribute Variables

Any customer attribute that has been created can be used as an HTML variable using the format [customer.drop_down]. ( drop_down is the attribute "Code" as illustrated in the image above. )

Customer Address Variables

Any customer address attribute that has been created can be used as an HTML variable using the format [customer.defaultBillingAddress.drop_down] or [customer.defaultShippingAddress.drop_down]. ( drop_down is the attribute "Code" as illustrated in the image above. )

Account Address Variables

Any account address attribute that has been created can be used as an HTML variable using the format [account.defaultBillingAddress.drop_down] or [account.defaultShippingAddress.drop_down]. ( drop_down is the attribute "Code" as illustrated in the image above. )