Custom HTML

Overview
Your Custom HTML section is a versatile and powerful way for you to personalize your theme and  increase the possibilities of your storefront’s layout and content.
HTML is a coding language which affects how your section is displayed by the browser.
🌟 We recommend seeking help from a coding specialist if you are not confident in your coding abilities - click here to go to the Shopify Experts directory.
Example of a block of HTML.
Example of a Custom HTML section.
Steps
Within your Shopify admin, go to Sales Channels > Online Store > Themes.
Click your theme, and select Customize.
On the left-hand menu, select Custom HTML.
Scroll down to select Custom HTML.
Click Select.
Adding a Content Block
Under Content, you will be able to see Custom HTML content blocks on the left-hand menu.
By selecting Add Custom HTML, you can feature up to four content blocks to house your code within this section.
Adding a Custom HTML content block.
Moving Content Blocks
You can drag and drop these content blocks to change the order that these images appear within your gallery.
Changing the order of the Custom HTML content blocks.
Adding HTML
Under HTML, enter your block of code into the entry field.
​
Container Width
Use the Container width drop-down menu to choose a size of your HTML block:
25%
33 %
50%
66%
75%
100%
Changing the container width of the Custom HTML content block.
Mega Menu
Next - Sections
Blog posts
Last updated 2 months ago