Cutsom HTML block

Store Design
, , ,

Topic summary

Creating a custom HTML block in a Shopify theme’s footer.

  • Initial request: Add custom HTML to the footer and understand how to create a “custom HTML block.” The goal is to place custom code in the footer area.

  • Guidance provided: Navigate to Online Store > Themes > (⋯) > Edit code, then open Sections > footer.liquid and paste the desired HTML there. This points to editing the footer section file (footer.liquid), which controls the footer’s markup.

  • Follow-up question: The requester asks what exact HTML/code is needed inside footer.liquid to create a selectable “custom block option” (i.e., a configurable block in the theme editor), not just hard-coded HTML.

  • Current status: No code examples or schema details were provided, and no images or attachments are included. The thread remains unresolved pending specifics on how to implement a custom block option (versus simply inserting static HTML).

Summarized with AI on December 30. AI used: gpt-5.
1

Hi everyone, how can I create a custom html block. I want to add a custom html code into my footer part of my website. How can I do it?

2

If you go to Online Store, Themes and click the three dots and select Edit code. In there you will find footer.liquid under sections, here you can place the html code.

Hope this helps

3

Thanks BlackCro. But what’s the HTML code to insert into footer.liquid in order to make a custom block option?