How To Design Your Shopify Store

How To Design Your Shopify Store

How To Design Your Shopify Store

By the end of this article 'How To Design Your Shopify Store', and the following series on Shopify, you would have created a full-fledged eCommerce store and also started a Dropshipping business.

And as always, for any one-on-one consulting and assistance, you may contact me at tariq@bloggersbloom.com
Tariq Digital Marketing Consultant
Tariq SP
Blogger & Affiliate Marketer

How to design your Shopify store? How to create pages, menus, add a theme, etc., to your Shopify store?

This article (and the series on Shopify) will cover how to design your Shopify store, add pages, menus, themes, and much more. This article is part of a series of 7 articles. And by the end of these 7 articles, you will be able to start a Dropshipping business using Shopify.

Day #3: How To Design Your Shopify Store

I do hope you have checked my previous articles in this series on Shopify.

The topics covered so far are,

And most importantly, I hope you have started your free 14-day trial with Shopify

In this article, we will learn how to design your Shopify store.

Day 3: How To Design Your Shopify Store

What will we be covering in this article?

  • Choosing a Theme for your store
  • How to add a Blog post
  • Create Pages for your store
  • Create a Navigation
  • Buy a Domain name
  • Edit Preferences

In this article, we will be discussing all the links under the ‘Online Store’ section, i.e., Themes, Blog posts, Pages, Navigation, Domains & Preferences

Choosing a Theme for your store

You will now get to know how easy it is to select a theme and customize your store.

Under ‘Online Store’, click on Themes.

So what exactly is a theme?

A theme is the skin of your website. It constitutes the look and the feel. From the styles, layouts, fonts, colors, etc., you could customize all these from your themes. Different themes have different styles and offer a different experience to your customers.

You have access to a number of free and premium professionally designed themes in the Shopify Theme Store. However, the number of free themes are limited. At the time of writing this article, there are in total about 9 free themes. Free themes are developed by Shopify and the paid themes are developed by third-party designers who are Shopify partners.

By default, all themes are responsive. Thereby your users will have a great experience, be it on the desktop, laptop, tablet, or mobile devices.

For the sake of this article, I will click on the ‘Free Themes’ option.

Select a theme that is close to your business or you feel will be in lines to your nature of business.

I will select the ‘Brooklyn’ theme. Once decided, click on ‘Add to theme library’, as shown below.

Once added, you will notice the following prompt on your Shopify dashboard.

“Just added, Not customized yet”.

If you click on the ‘Actions’ dropdown, you will notice a set of links.

You could preview how your store looks with the new theme. Yes, we will have to add images and customize the website.

But, if the layout is fine, go ahead and click on ‘Publish.’

You will be asked to re-confirm if you really want to publish the new theme. Go ahead and click on ‘Publish’.

Once done, you will notice that the selected theme, i.e., in this case, the ‘Brooklyn’ theme is now set as your ‘Current theme’.

To customize your theme, click on ‘Customize’.

This is your play area as far as customizing the website is concerned. From rearranging each section (by dragging the sections up and down), to hiding (by clicking on the ‘Hide’ icon) each section and also adding a new section (by clicking on the Add section at the bottom), you could completely customize your website.

Apart from just the home page, you can customize any page of the website.

Click on the ‘Home page’ tab at the top of the page, and you will get a drop-down with a list of pages available on your website. You can select any of these pages to customize.

Once you have made the necessary changes, go ahead and click on ‘Save’ at the top right-hand corner.

Please note. The site is ‘Live’ at this point, as you may have noticed with the green icon adjacent to the ‘Live’ indicator. Hence, any changes made will reflect immediately, and thereby will be visible to your clients.

You have the option to pick up free images from Shopify’s image repository – Burst.

Change the logo in Shopify
Stock images in Shopify

For e.g., click on the first section ‘Header’.

You will notice (as shown above), you have the option to either select an image or explore the free images. This opens up the image library, from where you could select an image based on your industry & niche.

Go ahead, play around, and customize your website.

To go back to your Shopify dashboard, just click on the Shopify logo at the top left-hand corner.

How to add a Blog post

The next up is how to add a blog post to your Shopify store.

Adding a blog to your website is really important. There are a number of benefits of coming up with regular blog articles.

[Related article: How To Create A Blog In WordPress Step By Step (2020)]

To begin with, you build trust with your audience. Coming out with content and blog articles related to your product and niche, showcases yourself as an authority in your niche. Having said that, you must come out with content and blog posts that really add value to your audience.

Second, with regular quality articles being churned out, your website starts ranking better among the search engines. Again, I reiterate. The content has to be really of value. It has to help solve an issue for your audience.

To create a blog, click on ‘Blog posts’ under the ‘Online Store’ under the left-hand-side menus. And then click on ‘Create blog post’.

Create a blog post related to the products or services you are offering on your website. Do remember to add the keywords and phrases in your title and your content.

After all, we do want the article to reflect in the search engine results.

Add an Excerpt (short description of your article) and a Featured Image for your post.

If you want your post to reflect on the website as soon as you click ‘Save’, leave the Visibility to ‘visible’. If you would like to post the article for a later date, click on ‘Set a specific publish date’ to set a later date.

Once you have completed the article (blog post), click on Save.

Your article will now be live on the website. You can click on ‘View’ to view the live site article.

Create Pages for your store

Apart from the Products page, you must have some important pages created on your website. This adds credibility to your store and lets the customer know who is behind the online store.

Some of the pages you must have on your online store are as follows,

  • About Us
  • FAQs
  • Contact Us
  • Privacy Policy
  • Shipping Policy
  • Terms & Conditions

On similar lines as creating a blog post, you can go ahead and create the pages too.

Click on ‘Pages’ under ‘Online Store’. Click on ‘Add Page’

Go ahead and create the pages you require and once done, click on ‘Save’.

Create a Navigation

Creating the navigation menu for your store helps customers find what they’re looking for faster.

To add the navigation menu, click on ‘Navigation’ under ‘Online Store’. You will notice, by default, there are two sets of navigation links – Footer menu & Main Menu.

The main menu, yes, is the top navigation links you see on the website. To add the pages you have created to the main menu, click on ‘Main Menu’.

By default, there will be only two menu items currently. The Home & Catalog menu options. You can edit the links or delete them by clicking on the options available.

To add a menu item, click on the ‘(+) Add menu item’ at the bottom.

You will see the following window.

Type out the name of the page you intend to add.

For e.g., I will create a link for ‘Contact Us’ and link this to my contact page, I just created.

Under the name, type out ‘Contact Us’. As soon as you click on ‘Link’, you will have the option to add a page, external link, blog post, product, search page, collection, etc.

Click on ‘Pages’, since the ‘Contact Us’ page I just created will be under Pages.

Once this is done, go ahead and add all the pages you have created.

I have created six pages in total. And I have categorized them as Main Menu and Footer Menu.

Footer menu, yes, is the links that reside in the footer of the website (bottom links). Hence, I have added the Privacy Policy, Terms & Conditions, and the Shipping page links to the Footer menu.

Hence, following the above steps, I complete my Footer Menu as well.

If you now preview your web store, you will notice the links appearing on the top and the bottom of your website.

Buy a Domain name

By default, when you register for the 14-day free trial with Shopify, your Shopify store comes with a myshopify.com URL.

For e.g., for my store, ‘myorganichealthstore’, the default URL is myorganichealthstore.myshopify.com.

It is highly recommended that you invest in a custom domain of your own. Selecting a domain name is an important step in building your unique identity and eventually the trust of your customers.

There are two ways to go about this.

You can either buy a domain name from a domain registrar’s such as NameCheap. Or, you can buy a custom domain directly from your Shopify dashboard.

In all honesty, if you run away from the technical stuff, I suggest buying the domain name from your Shopify dashboard. Unless you would like to buy a domain name, for e.g., from NameCheap, and changing the DNS settings in the Namecheap control panel to point to Shopify.

I suggest not to and go ahead and purchase your domain from Shopify.

To buy a domain, click on ‘Domains’ under ‘Online Store’. You will notice the various options available, i.e.,

  • Connect existing domain: Select this option if you already have a domain registered elsewhere
  • Transfer domain: If you would like to transfer your domain to Shopify and manage it all from the Shopify dashboard
  • Buy new domain: If you would like to buy a domain name from the Shopify dashboard

Then click on the ‘Buy new domain’ button.

Enter the domain you would like to buy and complete the purchase formalities.

Once completed, your store (e.g., myorganichealthstore.myshopify.com) will now point to your purchased domain name.

Edit Preferences

The final link under ‘Online Store’ is ‘Edit Preferences’.

Under the Preferences section, you can enter the Homepage title and Homepage meta description for your store.

In addition to this, you can include the following,

Social sharing image (default store image shown on social media platforms)

Google Analytics (to track the users coming into your web store)

Facebook pixel (helps in creating ad campaigns & retargeting)

Password Protection (password is enabled until you select a plan)

Spam protection (protects your store from SPAM)

I hope this article has helped you in understanding how to design your Shopify store.

In our next article, i.e., How To Set-Up Payment & Shipping on Your Shopify Store, we will understand more about the various payment gateways, checkout, legal and shipping options available on the Shopify store.

Catch you soon! 😉

I hope you found value in this article.

Please do share your views and feedback in the comments section below. It will only help me improve and in turn, help me in bringing out quality content for you.

Thank you!

57 / 100

Leave a Comment

Back to top