Custom HTML / Liquid section
The Custom HTML / Liquid section of Combine runs your own HTML or Liquid code on a page, with an optional section heading.
Applies to: Combine 4.2.0 and later. Added in: Combine 1.0.0. Last checked: 2026-10-13 against Combine 4.2.0.
The Custom HTML / Liquid section runs your own HTML or Shopify Liquid code on a page, with an optional section heading above it. Use it for a third-party embed, a script that an app gives you, or content from metafields that no other section shows.
Where to find it: in the theme editor, select Add section and choose Custom HTML / Liquid.
Content
- Paste your code into Custom Liquid. It takes HTML, Liquid tags and objects, CSS in a
<style>tag and scripts. - Liquid works as in a theme file:
shop,request, and on product pagesproduct, are available. - The section shows nothing but its heading while Custom Liquid is empty.
The section adds custom features without modifying the theme's core code, so your code stays in place when you update Combine.
Design
- Full width stretches the content to the edges of the screen. Without it, the content keeps the page width.
- Remove top margin removes the space above the section.
The section heading and Heading tag work as described in General section styling.
Krown support does not provide help with custom code. A broken tag in this section can break the page layout; test the code in a duplicate of your theme first.
Does my custom code survive a theme update?
Yes. The code is a section setting, so Shopify keeps it in the page template when you update Combine. Code that depends on Combine's own CSS classes or scripts may need changes after an update, because those can change between versions.
When should I use the Custom Liquid block instead?
When the code belongs inside a card, next to headings and buttons. The Custom Liquid block sits inside a flex section slide, card or column; this section takes a full-width area of its own.
All Custom HTML / Liquid settings
Every setting of this section, with its type and default.
Custom HTML / Liquid section: Section heading
Where to find it: Custom HTML / Liquid → Section heading
The Custom HTML / Liquid section uses the standard Section heading settings, listed in General section styling.
Heading (text field): Sets the section title. Leave Heading, Subheading and Button label empty to hide the heading area.
Subheading (formatted text).
Heading size (dropdown, default: Regular). Options: Regular, Large.
Text alignment (dropdown, default: One row: Left). Options: One row: Left, Two rows: Left, Two rows: Center.
Button label (text field): Adds a button to the heading area on desktop; below 768 px it shows under the section as a full-width button.
Button link (link). Shown only when Button label is set.
These settings differ from the standard ones or exist only here:
Heading (text field): Sets the section title. Leave Heading, Subheading and Button label empty to hide the heading area.
Subheading (formatted text).
Custom HTML / Liquid section: Content
Where to find it: Custom HTML / Liquid → Content
Custom Liquid (Liquid): Runs your HTML or Liquid code in the section. Krown support does not help with custom code.
Custom HTML / Liquid section: Design
Where to find it: Custom HTML / Liquid → Design
Full width (checkbox, default: off): Stretches the content to the edges of the screen.
Remove top margin (checkbox, default: off): Removes the space above the section.
Custom HTML / Liquid section: SEO
Where to find it: Custom HTML / Liquid → SEO
The Custom HTML / Liquid section uses the standard SEO settings, listed in General section styling.
Heading tag (dropdown, default: H2): Sets the HTML level of the section heading for search engines; span gives it no level. It does not change the size. Options: H1, H2, H3, H4, span.
Related pages
- Custom Liquid block: custom code inside a flex section card.
- Custom CSS and code: where code changes for Combine belong.
- Custom work and code changes: what Krown support covers.
- General section styling: the section heading settings.