Certain customizations and app integrations require merchants to add a block of HTML code to their theme. This can be done through editing the theme files or, in Empire's case, through a special home page section.
Add the HTML to a page to use for the Rich text section
Step 1: Add a new page
Go to your Online Store and open the Pages admin. Create a new page by selecting Add page.
Add a title for the new page, then select the Show HTML button in the top-right corner of the Content field.
Paste the custom HTML code here, then save.
Step 2: Display the page on the home page with a Rich text section
Go to your theme in the Online Store and select Customize.
Under Sections, select [+] Add section to locate the Rich text section. Add the section.
The section will have one content block included by default. This isn't necessary for the custom HTML, so open this block and select Remove content.
Select [+] Add content, then Page.
With this Page content block added, use the Select page button to locate the new page made in Step 1.
Save, then drag the section to the desired position on the home page.
Add the HTML using the Custom HTML section
For Empire merchants, there is a dedicated Custom HTML section.
Check out this guide for detailed instructions:
Using Empire's sections: Custom HTML
Add the HTML directly to the theme.liquid
This process involves changes to the theme's main layout file. To avoid errors, try this in a test duplicate of your theme first. Unless you are comfortable making code adjustments, consider contacting a 3rd-party developer to perform these changes for you.
In the test duplicate of your theme, go to Actions > Edit code. Find the Layout folder and open the theme.liquid file.
In this file, search for this line of code:
{{ content_for_layout }}
This line of code is for the home page sections. Determine whether you want the custom content to appear before or after the home page sections.
Add your code above this line to have it appear before the home page sections.
Add your code below this line to have it appear after the home page sections.
Save and Preview the test duplicate to confirm the code has applied correctly.