Insert HTML code into Shopify Footer

Insert HTML code into Shopify Footer

Cormac_Kerrigan
Shopify Partner
27 1 2

Hi,

I have a string of HTML code that I need to embed in my Shopify Footer Theme (Showcase Theme). 

This is a book now widget button and the client has asked it be present on all web pages, therefore the footer is the obvious and preferred choice. 

Can anyone advise how I can properly insert this piece of HTML into the Footer, even by using the liquid code? 

Reply 1 (1)

sory
Visitor
1 0 0

To embed HTML code in your Shopify Footer Theme using liquid code, you will need to follow these steps:

  1. Open the Shopify Admin panel and go to Online Store > Themes.
  2. Click on the Actions dropdown for your Showcase Theme and select Edit code.
  3. In the left-hand side panel, click on the Sections folder and then click on footer.liquid.
  4. Scroll down to the point where you want to add the HTML code.

If you want to add the Book Now widget in a specific location in the footer, you can wrap the HTML code in a div and add classes to that div, and then style it with CSS.

 

Also, keep in mind that some widgets or scripts may conflict with Shopify's native functionality, so it's always a good idea to test your changes thoroughly to make sure they don't cause any issues.