Custom HTML

HTML is a versatile and powerful yet relatively simple coding language which affects how your section is displayed by the browser.

Leverage the power of code and use HTML to increase the possibilities of your storefront’s layout and content.

If you are not totally confident in your coding abilities, it would be best to approach an expert in this field before beginning or making changes which may not be reversible.

Adding Custom HTML sections

Firstly, to add the section, navigate the follow steps:

  1. Admin

  2. Online store → Themes → Customise

  3. Sections

  4. Select "Add section" at the foot of this menu.

  5. Find "Custom HTML" and click "Add"

  6. You will see the following settings.


This section is broken up into "content blocks", which contain your code.

Add a new content block by selecting “Add custom HTML”:


There is no limit to the number of content blocks you can add.

Once your content blocks are in place, you can reorder them by click and dragging the dotted icons to the right of the subject:

Custom HTML

Content blocks can be expanded by clicking them:

Once your content block has been expanded, you will see options to place your own HTML code.


Here you can add your custom HTML code:

Container width

Choose between 25% - 100% width.

Here are some examples of the different widths available.




Remove content

To remove a content block, expand that block and choose “remove content”:


Be sure not to accidentally remove the whole “section” instead!

Remove section

To remove the whole section containing ALL content blocks, click “remove section”: