The research done by InVision showed that website design increases sales. A well-designed store can have more sales when compared to a store that doesn’t care about UX and UI. Let’s see what you can do with Shopify to edit a theme.

When you create a new Shopify store, one of the steps you need to go through is choosing the right store theme. You have a couple of options there. You can pick a free theme from the Shopify Theme Store, buy one online, or you can design it by yourself.

A theme made from scratch is best for those kinds of stores that have an unusual customer journey or when they need bespoke solutions. We went over that in our article about Shopify Design, so head on over there to find out if you need to invest in a custom theme design: Should you build your own Shopify Design?

What should you consider when picking a store theme?

Shopify’s themes have different built-in features. When picking a store’s design, consider what you need in your store. To narrow it down, you can pick the one that fits your industry. Fashion stores have slightly different needs than food-selling sites, don’t they?

Choosing the design based on features is a compelling option. It goes like this. Make a list of all the things you want your store to have, then look for a theme that has it. Maybe you want to have an Instagram feed built into your homepage, or maybe you want a “Frequently bought items” section in the PLP. Don’t worry if a theme you like doesn’t have those functions. You can always search for them in the Shopify App Store. But remember – too many apps can slow down your store. You may need to work on Shopify store optimization when you go overboard with the apps.

shopify theme store screenshot

You can switch your Shopify theme anytime, if you don’t want to pick a theme based on features, you can also use Shopify’s classification of themes and pick one based on:

  • popularity
  • layout
  • image size
  • inventory size
  • last added
  • fun
  • minimalistic

Shopify treated Debut as a store’s default theme. It is now replaced by Dawn, which follows the latest UX and UI design guidelines. You can change your Shopify’s look and feel anytime you want.

How to install a Shopify theme?

It’s easy to install a theme in Shopify. The steps you need to take differ if you want to install a free theme, the one you bought or you have on your drive (it may be because you downloaded it from a site that’s different from Shopify Theme Store).

If you don’t have a Shopify account yet, use a trial period to check if it’s the right platform for you. Use your 14-day trial period.

Installing a free theme

The majority of merchants who are new to Shopify choose a free theme. It’s a great starting point, because every theme is responsive, easy to edit, and built with UX in mind.

To install a free theme, go to the Online store section in the left-side menu and click the tab “Themes” where you can access Shopify themes. Scroll down until you see “Theme library” section and click the CTA button “See free themes”.

A screenshot of Shopify admin panel that shows when you can access free themes
When you click the button, a window with free themes pops up. You can read theme descriptions, get to know their features and pick a color version. Once you find the right one, click the green button to add it to your Shopify.
A screenshot of Shopify admin panel when you can preview free themes
You’re not finished. Now you need to activate it. Once it is in your shop, publish it. Then it becomes your store’s design. The design that we chose for this tutorial is called Narrative, and you can see the info that it was recently added next to its name. So, let’s publish it by selecting “Publish” from the drop-down menu (look at the screenshot below).
The theme isn’t activated in our store. You need to publish it to use it

Installing a paid theme in Shopify

Paid themes are installed pretty much the same. After visiting the admin panel, go to “Online store” > “Themes”, and instead of going to “Free themes”, click on the button “Visit Shopify Theme Store”.

A screenshot of Shopify admin panel that shows when you can access free themes
After that, we get into the Shopify Theme Store (see the screenshot below), where we can see every theme. Themes cost between 180-350 dollars. Prior to installing it in the store, we can see how it fits our store. Once we have the winner, let’s connect our payment card to the store and buy the theme we fell in love with.
Shopify theme store with a paid theme

Installing a theme from the drive

We described two most popular cases for installing Shopify themes – installing a free theme and a paid theme directly from Shopify. Now it’s time to talk about the third scenario in which you want to install a theme that you got elsewhere. It may be a design that we got from popular web design services or built upon request by a Shopify agency. It doesn’t matter because the steps are the same. To install a theme outside of Shopify, we need a ZIP file with designs on our computer’s drive or connect with GitHub. Let’s go through all the steps once again. Log in to the Shopify Admin Panel, go to “Online store” in the left-side menu and pick “Themes”. Go to the bottom of the page and select “Add a theme” from a drop-down menu. That menu is placed directly under the header “Theme library” (See the screenshot below).

to add your own theme, click „Add a theme” and pick the space where you keep your theme

Be careful: Downloading themes from unauthorized sites comes with a risk. They may not be compatible with Shopify. Check reviews before spending money.

Looking to get inspired? See our Top Shopify store examples until now

How to edit a Shopify theme?

Besides editing the look, adding images and videos, or modifying the layout, you can introduce more advanced changes into your store, be it adding new subpages, apps, newsletter signup sections, chat box, etc. How should you go about it?

Basic design tweaks in the Shopify editor

The customization level depends on the Shopify plan that you’re on. Nonetheless, any Shopify merchant can change fonts, colors, upload the logo and favicons, add social media profiles, edit the footer, adjust the menu and homepage). The editor makes it easy to see how your website looks on different devices.

How to get inside the Shopify editor? Go to the Theme section, scroll down to the Theme library and click “Adjust” from “the drop-down menu”. Now, you’re inside the editor.

Editing theme’s HTML/CSS code

More advanced users, who know how to code, can make changes to the frontend to modify the theme even more. How to access the code? Inside the tab “Sales channels” go to “Online store” > “Themes” > “Theme library” and choose “Edit theme” from the dropdown menu next to the theme’s name.

Screenshot of Shopify theme editor where you can edit HTML, CSS

You will find all the theme files inside this editor. You can also add their theme sections, for example, a section with featured products or newsletter signup.

Be careful: Before you change anything in the PageBuilder, create a store backup by duplicating the theme. You can duplicate the theme in the same dropdown menu that you can find the “Edit theme” option.

Do you want to build an original Shopify design?

It’s not complicated to modify Shopify themes. But it starts to get tough when you want to create a theme from the ground up. Then, you need the help of an experienced Shopify developer, who can help you build the theme. You may also need a designer who can create a beautiful and easy-to-navigate store design. We’re ready to help you. Use the form below to contact us about creating a beautiful Shopify store for you.

Maria Siewierska

Digital Marketing Specialist