Custom HTML / Liquid section
The Custom HTML / Liquid section of Local adds your own HTML, CSS, JavaScript or Liquid code as a section on any page.
Applies to: Local 4.2.1 and later. Added in: Local 1.0.0. Last checked: 2026-10-13 against Local 4.2.1.
The Custom HTML / Liquid section adds your own code to any page: HTML, CSS, JavaScript or Shopify Liquid. Use it to embed a third-party widget, show a metafield or add a small custom element, without editing the theme files.
Where to find it: Online Store → Themes → Customize → Add section → Custom HTML / Liquid
Adding your code
- Custom Liquid holds the code. It runs as you typed it, inside the page width (or the full screen width with Full width under Section design).
- The section has the standard heading area above the code: Heading, Subheading, Text alignment and an optional section link. Leave them empty to show only your code.
- Descrease top margin, Remove top margin and Section visibility work as in every section, see General section styling.
Liquid objects of the page are available: product on a product page, collection on a collection page, and shop, customer and request everywhere.
Does Krown support help with my custom code?
No. Krown support does not provide help with custom code, including code pasted into this section. If the code comes from an app or a service, ask its developer. For your own changes, see Custom CSS and code and Custom work and code changes.
Will my code survive a theme update?
Yes. The code is saved in the section's setting, in your template, not in the theme files, so it is kept when you update Local. Check that it still works after an update, because the theme markup and styles around it can change.
Why does my page look broken after I added code?
Because the code has an error, for example an HTML tag that is not closed, and it breaks the layout around the section. Remove the section or empty Custom Liquid to confirm, then fix the code. See Troubleshoot issues caused by custom code.
All Custom HTML / Liquid settings
Every setting, with its type and default.
Custom HTML / Liquid section: Heading
Where to find it: Custom HTML / Liquid → Heading
The Custom HTML / Liquid section uses the standard Heading settings, listed in General section styling.
Heading (text field).
Subheading (text field).
Text alignment (dropdown, default: Left). Options: Left, Center.
Show section link (checkbox, default: off): Adds a text link next to the section heading. Fill Link text and Link too.
Link text (text field). Shown only when Show section link is on.
Link (link). Shown only when Show section link is on and Link text is set.
Open link in a new window (checkbox, default: off). Shown only when Link is set and Show section link is on and Link text is set.
Custom Liquid (Liquid): Holds your HTML, CSS, JavaScript or Liquid code. It runs as typed; Krown support does not help with custom code.
These settings differ from the standard ones or exist only here:
Heading (text field).
Subheading (text field).
Custom Liquid (Liquid): Holds your HTML, CSS, JavaScript or Liquid code. It runs as typed; Krown support does not help with custom code.
Custom HTML / Liquid section: Section design
Where to find it: Custom HTML / Liquid → Section design
The Custom HTML / Liquid section uses the standard Section design settings, listed in General section styling. Not available in this section: Background color, Background gradient and Heading text color.
Full width (checkbox, default: off): Lets the code use the full screen width instead of the page width.
Descrease top margin (checkbox, default: off): Sets the space above the section to the grid gap of Theme settings → Layout → Horizontal space, instead of the full space between sections. Shown only when Remove top margin is off.
Remove top margin (checkbox, default: off): Removes the space above the section, so it touches the section before it. Shown only when Descrease top margin is off.
These settings differ from the standard ones or exist only here:
Full width (checkbox, default: off): Lets the code use the full screen width instead of the page width.
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 tag of the heading for search engines. It does not change how the heading looks. Options: H1, H2, H3, H4, span.
Custom HTML / Liquid section: Visibility
Where to find it: Custom HTML / Liquid → Visibility
The Custom HTML / Liquid section uses the standard Visibility settings, listed in General section styling.
Section visibility (dropdown, default: Show always): Shows the section on every screen, only below 768 px (mobile) or only from 768 px (desktop, tablets included). A hidden section is still in the page. Options: Show always, Show only on mobile, Show only on desktop.