What's your biggest current challenge? Have your say in Community Polls along the right column.

How to add HTML code to homepage?

How to add HTML code to homepage?

LIVELEAKSTAR
Tourist
5 0 1

Hi, I'm trying to add this HTML code (site-map) to my Dawn theme.

Does anyone know how I can implement it onto my homepage?

 

I used this site to make the site-map code that I want to add to my home page

https://www.image-map.net

 

Any help is greatly appreciated 😄

Replies 3 (3)

LIVELEAKSTAR
Tourist
5 0 1

This is the code I got from the site. Not sure where to put it though:

 

<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="LIVELEAKSTAR MENU.gif" usemap="#image-map">

<map name="image-map">
<area target="" alt="SHOP" title="SHOP" href="https://liveleakstar.com/pages/shop" coords="406,918,51,657" shape="rect">
<area target="" alt="PLAY" title="PLAY" href="https://ffm.to/2guys1hammer" coords="457,472,128,219" shape="0">
<area target="" alt="SUBMIT" title="SUBMIT" href="https://liveleakstar.com/pages/submit" coords="958,941,606,658" shape="0">
<area target="" alt="FORUM" title="FORUM" href="https://liveleakstar.com/pages/community" coords="887,325,640,133" shape="0">
<area target="" alt="LOADING" title="LOADING" href="https://cdn.shopify.com/videos/c/o/v/f5d834a0489547eba543f86f4d999d37.mp4" coords="884,585,640,403" shape="0">
</map>

Anshul_arora
Navigator
453 128 100

Hello @LIVELEAKSTAR ,


I understand you are looking to add HTML code in your Home Page.


You can add the HTML code in your Home Page liquid file with the following steps -:


1. Open your Theme Editor and click on 'Snippets' section https://prnt.sc/CFxsqS6fTAxq


2. Next, Click on 'Add a new snippet' and liquid file name https://prnt.sc/4-QaOutkHIKY


3. Once the file name added, copy & paste the code https://prnt.sc/fEft-lcGW92A


[Make sure you have added correct code]


4. Now add the snippet file in them.liquid file, where you are looking to display the output of HTML code like this https://prnt.sc/sM6Sg3cQph-4 and save.


I hope these steps help you.


Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
LIVELEAKSTAR
Tourist
5 0 1

I followed all your steps but it still does not seem to be working at all. I greatly appreciate all your help though, thank you 😄