This tutorial shows you how to use the HTML element to add custom code into your page.

The HTML component is very useful. This allows you to embed custom code that you want onto the page.

  1. Click and drag the HTML component into a dropzone on the page.
  2. Click on the highlighted HTML component to open the HTML editor.

You can see that the bottom half of the editor window had opened up a text box. You can enter HTML in here and see the results in the editor above immediately.

Click outside of the HTML editor box or the close icon to close the editor.

How to include CSS and Javascript on your page

The HTML element can also be used to add custom CSS and JavaScript into your page by including the appropriate <style></style>  and <script></script> tags respectively.

Note: Templating languages, such as Liquid, are not supported within the HTML element. Such languages require placement within the store's theme to function.

Did this answer your question?