Website Building » Shopify » How Do I Add HTML and CSS to Shopify?

How Do I Add HTML and CSS to Shopify?

Last updated on January 4, 2023 @ 10:56 am

Adding HTML and CSS to Shopify is a two-step process. First, you need to add the HTML code to a new file in your Shopify theme. Second, you need to add the CSS code to a new file in your Shopify theme.

To add HTML code to a new file in your Shopify theme:

1. Go to Online Store > Themes in your Shopify admin.

2. Find the theme you want to edit, and then click Actions > Edit code.

3. In the Layout directory, click Add a new asset.

4.In the Asset type drop-down menu, select Template.

5. In the File name field, enter the name of your new HTML file (for example, index.html).

6. In the Content field, enter your HTML code.

7. Click Save.

PRO TIP: If you are not familiar with HTML and CSS, we recommend that you consult with a web developer or designer to make any changes to your Shopify theme. Making changes to your theme’s code can result in unexpected changes to your online store, and can even make your store unavailable if you do not know what you are doing.

To add CSS code to a new file in your Shopify theme:

1. In the Assets directory, click Add a new asset. In the Asset type drop-down menu, select Stylesheet (CSS).

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.