How To Edit Shopify Website

The layout of your Shopify store is important, after all, this is the facade of your brand. In the same way that people judge a physical store, they will also be judging your online one. 

When you’re new to the e-commerce world, this can all seem a bit overwhelming, particularly if you’re not too web-savvy. However, there’s plenty of resources - including this article - to help you out.

Today we’ll be explaining how to edit your Shopify website…

How to edit Shopify website

Understanding Shopify Themes 

A theme is a template for setting out your website. You can use different Shopify themes to play around with layouts, menus, colors, and more. 

At first, your Shopify store will have a default theme called “Debut.”

You can then change your theme, choosing from free ones or paid ones. Whether you change your theme or stick with the default one, you’ll need to edit the theme's default sections using the ‘theme editor’, and then ‘general settings’ to customize colors and fonts.

These help you build your site to reflect your store’s personality. 

There are a few things you can do to customize your online store:

  • You can use a custom domain to help customers find your online store.
  • Select your theme and customize it to suit your business’s brand.
  • Upload images for your blog posts, theme, and product details. 
  • Add a page containing your store’s information.
  • Work on a blog to share news and other content with customers 
  • Categorize your products into collections so customers can find them more easily. 
  • Set up menus to help customers navigate your online store.
  • Add a chat function to your online store pages by installing Shopify Ping and connecting a messaging app.

Editing your theme

You can use your Shopify admin and then ‘theme editor’ to customize your theme. 

When you first open the theme editor, it will display the different sections for the home page. If you want to edit sections for other pages, you can select the page from the drop-down menu at the top of the page.  

If you can’t change a particular setting in your theme, you can edit its code instead. 

The theme editor allows you to see a preview of your site and includes a sidebar or Edit Menu that you can use to add and remove content. 

If you can’t change a particular setting in your theme, you can edit its code instead, but you’ll need knowledge of HTML, CSS, and Liquid, to do this easily. 

If your store uses one of Shopify’s three themes, you can view detailed descriptions of the sections that come with the theme by simply clicking on its name in the ‘Free Themes’ section. 

If you have a paid theme, you can view information about it in its documentation, or reach out to the theme’s developer for specific information and support. 

How to edit your theme’s code

Got to Online Store > Themes> Actions > Edit code.

This will open the code editor. On the left, you’ll see a directory of theme files with a space to view and edit the files on the right.

By selecting a file in the directory on the left, you can open up the code editor. You can edit multiple files at once, and any that you edit will show a dot next to their name to help you keep track of your changes. 

After you’ve clicked ‘save,’ you can revert any changes by opening the file and clicking ‘older versions.’ You’ll also find a drop-down menu that keeps track of the date and time for each change you’ve saved. Then just click which one you want to restore, and click ‘save’ again. 

For more help on your theme code customization, you can follow tutorials that will guide you through the process. As we said, you can also contact your theme’s developer for specific guidance. 

What makes a good Shopify store? 

  • Less is more - keep your store clean and uncluttered - just like you would a physical store! 
  • Choose a stylish and modern color scheme and font that’s easy on the eye and gives a fresh look to your page. 
  • Photos are also really important. Photography should be of professional standard and high quality to ensure that your products are displayed in their best light. Photography is also a big part of aesthetics for many brands. 
  • Gain customers’ trust. While offers may generate conversions, you need to ensure the products you’re selling are as good as what you’re advertising. 
  • Contact information is essential - this is one of the most obvious ways to build trust with potential customers. 
  • A returns policy is also important. In fact, they’ve been known to increase sales by lowering shopping cart abandonment and reassuring the customer that they can return an item if they’re not satisfied.
  • By adding Shopify Payments you’ll be using the latest security technology to protect your customers’ information. Plus you can reassure them by displaying badges that indicate that their payments are secure. 
  • Ensuring that your theme is workable on mobile devices is super important, especially given that the majority of consumers are using their phones and tablets to visit your store. 
  • You need a good menu and filtering options to allow your customers to find what they’re looking for quickly and easily. Good navigation will also boost SEO on your site to make your website more visible in search engines. 
  • For top-level navigation, include headers such as Shop [Product Category]; About Us; Bestsellers, and Contact Us.
  • In your footer, you should include Shop [Product Category]; Return Policy; Terms of Service, and Contact Us.
  • Integrating your social media into your website is also key, as the best Shopify stores have strong followings on social media. You should also consider using social media as a medium to sell your products once you’ve connected it to your store. 

Final Verdict

As we said, you should think of your Shopify store as a physical space: keep it clean, stylish, and easy to navigate.

When you’re first getting started with Shopify, editing your website may seem complex at first, but through trial and error  - and Youtube tutorials - you’ll get there in no time.