Você está na página 1de 31

shopify & you

the step-by-step guide to opening your online store

omas Holmes

Shopify & You - the step-by-step guide to opening your online store by Thomas Holmes Published in 2012 by Thomas Holmes 5 rue St. Cme, 34000 Montpellier, France. On the web: www.shopifyandyou.com

Copyright 2012 Thomas Holmes All rights reserved. No part of this publication may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopy, recording or any information storage and retrieval system, without prior permission in writing from the publisher. While every precaution has been taken in the preparation of this book, the author and publisher assume no responsibility for errors or omissions, or for damages resulting from the use of the information contained in it.

Shopify & You

The step-by-step guide to opening your online store

Thomas Holmes

Co ntents
Table of contents - you are here!iv Introductionvi Acknowledgementsix

SeTTing up your firST baSic STore1

First steps2 The Shopify Admin5 Summary22

THe key feaTureS of an online STore23

Features of your store24 The imposters demo store25 Summary43

cHooSing a THeme for your STore44

Introducing the theme store45 Summary63

publiSHing your producTS64

Product pages65 Creating and editing products67 Managing your products92 Summary107

inSTalling and cuSTomizing your THeme108

Installing the theme of your choice109 Managing your installed themes110 Working with theme settings114 The template editor133 Summary139

building your STore navigaTion and collecTionS140

Creating and managing collections141 Building your stores navigation155 Summary167

creaTing pageS and a blog168

Introduction to pages169 Working with pages171 Introduction to blogs and blog articles176 Working with blogs and blog articles178 Summary188

SeTTing up your STore preferenceS189

Your store preferences190 General settings190 Regions & taxes197 Checkout & payment203 Shipping224 Fulfillment services233 Email & notifications237 DNS & domains247 Account255 Summary256

launcHing your STore, managing orderS and cuSTomerS257

Clicking the launch button258 The admin homepage after you launch259 Managing orders262 Managing customer profiles280 Summary290 The End291

Ive always thought of running an online store as a little like playing a video game. Except this particular video game involves real people and money. Those first few sales are really thrilling. Sales come in during the day and even at night while youre sleeping, and every time, beep, a sales notification comes in on your phone or email. I got my first taste for the excitement of running an ecommerce business when I created an online store to sell sporting equipment in France. We had just started building the store and we only had one product listed and the description was not yet translated into French. Then, out of the blue, my business partner got a call from a guy asking where on earth his order was! We hadnt even checked for sales: the store wasnt launched. It turned out that my partner had posted the store on a public bookmark site, Google had found the store and not one but two people had put through orders! I had been keeping an eye on Shopify for a couple of years before I had the chance to build a store on it. I loved how simple it was to use and how beautiful the stores created with it were. And then there were the interactions with the sales and support teams - such a positive bunch of people, everything was possible and above all awesome. Its such an inspiration to see all these new stores launching and hear the stories behind them. Real people creating real businesses that work! Whats more theres the Build a Business competition that Shopify runs each year: build an ecommerce business and compete for prizes. Thats just brilliant! For all these reasons, I really do believe that Shopify is the way to go if you want to develop an online store. And it was this enthusiasm that inspired me to write Shopify & You. I hope this book will make it easier for you to build your own business with Shopify. Good luck as you begin on this exciting adventure!

vi Introduction

Who is this book for?

This book is for people who are new to Shopify and want to learn the basics of the software quickly. Its also for people who already use Shopify and think a book could help them get a better grasp of the software and serve as a handy reference for specific tasks. In writing the book I assumed that the reader was already familiar with a web browser and web applications (such as Hotmail or Facebook). Theres no need for HTML, CSS or programming skills. Theyre not necessary in order to create a beautiful store with Shopify, so I felt they were beyond the scope of this book.

How is this book structured?

This book covers the basics of opening an online store with Shopify using the Classic Shopify Admin. To coincide with the launch of Shopify 2, an updated version will be available to all those who bought the original version of the book. The book is divided into the following chapters: 1. Setting up your first basic store: This chapter covers creating a first basic store with Shopify and introduces the admin, where youll develop and run your store. 2. The key features of an online store: The features that make up an online store and a sneak-peek at the imposters demonstration store that we follow the building of throughout the book. 3. Choosing a theme for your store: We take a look at the important decision of how to choose the design theme that will give your store its look and feel. 4. Publishing your products: Find out about effectively presenting your products online and then learn how to create and manage your products in the admin. 5. Installing and customizing your theme: How to install and customize a design theme of your choice and give your store the look and feel you want.
Introduction vii

6. Building your store navigation and collections: Covers how to group products together into collections and build the navigation so that your stores visitors can easily find their way around. 7. Creating pages and a blog: This chapter looks at how to create a blog to attract interest in your store and create pages to answer your visitors questions. 8. Setting up your store preferences: Heres how to tell Shopify exactly how you want your store to run. 9. Launching your store, managing orders and customers: Learn about the statistics available after launch and how to manage orders and customer profiles.

About the author

I was born and raised in Dublin, Ireland. After studying mathematics at university and working for Local Ireland, one of Irelands biggest web projects, I returned to college again, this time for a degree in fine art. Today I live in Montpellier in the South of France. So what qualifies me to write this book? For a start, donkeys years playing and working on the Internet. I created my first website in the summer of 1994. A year later I established the Internet Society at my university in Dublin and, with a friend, created an online magazine featuring interviews and reviews of films, plays and gigs. I was hooked and Ive been working with the web ever since. I have also created several businesses. In 2006 I set up my first business, an Internet marketing consultancy called logic+intuition. In 2007, with the help of two partners, I created my first online store. Over a period of four years, this second business generated nearly 1.5 million euros in sales. With this book, I launch my third Internetrelated venture. I really love photography and theyre my photos that you see throughout the book.

viii Introduction

I was fortunate to have a top team helping me put together this book. For initial inspiration, continual encouragement, proofreading, design, technical support and reading, I have a lot for which to be thankful. Special thanks go to Daniel Stanton and Camille Decitre. Dan proofread each of the chapters and was the first to come back and say that it was actually quite good! This book is much better for his many suggestions. Camille and I collaborated on the design of the book. Her patient, step-by-step approach made a complex project a whole lot simpler. Thanks to the folks at Shopify for all their help, support and encouragement. Id particularly like to acknowledge Mark Hayes, Tamara Solomon, Caroline Schnapp and Liz McDonald. Id also like to thank those who wrote the existing Shopify documentation and the Shopify blog. Thanks also to Simon Banner and Brian Cameron. Its great to float an idea and get such a huge ever-positive response. These two always delivered. For inspiring me into action, Id like to give credit to Brett Kelly, Chris Guillebeau and Tim Ferriss. Brett Kelly wrote the excellent ebook Evernote Essentials on the Evernote software. Chris Guillebeau wrote about Brett in his inspirational book The $100 Startup and in an article on Tim Ferriss blog. Tim Ferriss, of course, wrote the The 4-Hour Workweek, a book which I absolutely love. Respect to Pascal at atelier 19 in Montpellier, France, who graciously gave me permission to feature the stores window display on the cover of the book. Thanks to Dolano for showing me the peace that helped me write this book. Thanks to Stella for her patience, love and ever-smiling presence.

Acknowledgements ix

1. Setting up your first basic store

now its time to get started! in this chapter you will see the simple steps involved in setting up your first basic store on Shopify. That then leads us into the admin, where you will develop and run your online store. Well do a tour of the admin, show you how to get around within it and introduce you to all the main sections.

Start the creation of your store on Shopify by filling in the simple form on the Shopify homepage (http://www.shopify.com).

First steps
Lets open up the Shopify website (http://www.shopify.com). In the simple form on the homepage, fill in your store name, email address and the password you would like to use with Shopify. Make sure to use the store name you want - the address of your store will be based on it. It is literally the store name so you dont need to put in www, .com or anything like that. Note down the password as you will need it again. Click the Create your store now button and Shopify will start putting in place your store. The screen will show you a number of steps taking place and then confirm that your store is ready to go. Click the Take me to my store button to continue. So you are now on the homepage of your new store. Its quite basic but it looks good! In the next few chapters, were going to look at how you can get your store to look like you want it. Then well look at how you publish your products, general information pages and articles for your blog.
2 Setting up your first basic store

Your store will now look something like this - well look at how to customize this to your needs in the next few chapters.

At the top of the page, youll notice a dark bar with a button Go to store admin to quickly access the admin for your store. Theres a confirmation that your store is password protected so that no one else can see it yet plus it shows that you are logged

Setting up your first basic store 3

on (or connected to Shopify) and you have the option to Log out. You can close this bar (by clicking on the x). If you check your email, you will also have a welcome email from Shopify with the address of your shop, the admin and some tutorials to get you started. We will look at the features of your store a little bit later. For the moment, lets click the Go to store admin button at the top right of the page and take a look at your store admin. Before we get into the admin, Shopify needs a few more details to complete the setup of your account. Fill in your name, address and the other fields. Click the link if you would like to read the terms of service and click the Im done button to move to the next step.

Shopify requests some more details so that it complete the setup of your account.

4 Setting up your first basic store

This is the homepage of your admin as it appears before your store is launched.

The Shopify Admin

Welcome to your store admin! It is from here that you will develop and run your store. Your free thirty day trial of Shopify has begun. Lets take a look at the different elements on this page.

The upper navigation bar

Right at the top of the page, there is a darkened bar that we will call the upper navigation bar. From this bar you can navigate to a number of important parts of your store. Starting at the left and working to the right: Shopify: Clicking on the shopify logo at the top left, will always bring you back to the admin homepage. You are currently on the admin homepage so it will only refresh the page if you click it now. We will try this again properly later. View your store: Clicking on this button will open the homepage of your store (or the store homepage). Try it! You will recognise the store homepage from earlier. You can click back on your browser to bring you back to the admin homepage.
Setting up your first basic store 5

Searching for a goat in your admin using the search box at the top of the upper navigation bar.

Search shop: Moving over to the right-hand side, you can use the search box to search through and find things in your admin. For example, you might want to search for a product. Its not going to give you any results yet as you dont have any products. But try typing in something short into the search box and click enter or return on your keyboard to run the search. After you can always try clicking the shopify logo at the top left to bring you back to the admin homepage! Support: Focusing back on the upper navigation bar, clicking on the link Support on the right will open up a new window (or tab) with the Support Center. Here you can browse through hundreds of questions that you might have about Shopify and read the answers. You can search through the questions and answers. This page also provides you with various means to contact Shopify Support. If you click on the button Ask Shopify a question, you will be presented with a form to contact Shopify Support. Lastly on this page, you can see the latest tweets or public messages, from Shopify.

The Support Center which provides a wealth of information on Shopify in the form of questions and answers.

6 Setting up your first basic store

Clicking the link DOCS at the top of the page will open up the Shopify Documentation which provides a more technical overview of Shopify. Clicking the link FORUM will bring you to the forums, an excellent resource with discussions on many aspects of ecommerce as well as discussion on Shopify itself. Its well worth a look. The link SUPPORT at the top of the page will bring you back to the Support Center. Ok, now lets go back to the admin homepage. Usually the support center will be open in a new window or tab. So if you close that window or tab, you should be able to see your admin homepage. And at the top youll see the now familiar upper navigation bar. Account: On the right-hand side of the upper navigation bar, you will see the link Account. Clicking on this will open a page that provides lots of details about your Shopify account. The Account Stats show how many SKU (or individual products including variations) you have from the total allowed on your current plan plus how much storage space you are using from what is offered on your current plan. You can see on the screenshot below, I have not used any SKUs (Stock Keeping Units) and I can add up to 100 more to my account. I have 1 gigabyte (or 1GB) of storage space left for storing product photos, etc. On the account page, you can also find the date of your next invoice, when you signed

Clicking on the Account link in the upper navigation bar will open up an overview of your Shopify account.

Setting up your first basic store 7

up for Shopify (Member since), your Account status and your Current plan. Shopify offers a number of different plans which allow for different numbers of products, quantity of storage space and other features. If you click on the link Change your plan, you can see the different plans. The best plan for your store mainly depends on how many products you will offer and also how much revenue your store will make. Click back on your browser to return to Your Account. Further down the page you will see a list of staff accounts. You can edit your own account by clicking on the link edit beside your name. You can also invite another staff member to use the admin for your store. Lastly on the page, there is a list of issued invoices and a button to close your store. Dont do this, unless you really mean it! Logout: Lastly on the right-hand side of the upper navigation bar, there is the link Logout. This word dates from the early days of computer software and it means the same as Disconnect, or Sign out. Clicking this, you will be signed out of your account, and you will need to type in your email address and password to get back into your store admin.

To access your Shopify account, you will need to enter the email address and password with which you created your store.

8 Setting up your first basic store

The main navigation bar

This is the green bar at the top of the page, just under the upper navigation bar. From here, you can access the most important parts of your admin. Lets take a look around the different parts of the admin. Home button : To the far left of the main navigation bar, you will see a little graphic of a house. Wherever you are in the admin, clicking this will bring you back to the admin homepage. You will notice that the home button is surrounded in white. This acts like a tab in a filing cabinet. The section marked in white is the one currently at the front and in this case indicates which section of the admin you are in. You are currently on the admin homepage so the home button tab is the one at the front. When you move to a different section, this will change. Orders: If you click on Orders, you will be brought through to the orders section. You will notice how the home button is no longer the front tab. The Orders tab is now at the front because you are now in the orders section!

The Orders section is for managing the core of your online business - the orders.

Setting up your first basic store 9

In the orders section, you can manage everything to do with orders. Given that youre just starting out, youre unlikely yet to have any orders. In this case, Shopify have kindly left us with a graphic that explains a little the main orders page. If you put your mouse over the different parts of the graphic, it will show you a description of that part of the main orders page. On this page, you can manage your orders, filter your orders by specific criteria (paid or unpaid for example) and apply various actions (like capturing payments) for a group of orders that you have selected.

When your store is up and running, youll be able to manage your customers in this section.

Customers: Next, lets click on the Customers tab and take a look at the customers section. We dont have any customers yet so this page will have a graphic that explains the page. Put the mouse over different parts of the graphic to read more.

10 Setting up your first basic store

For each customer that makes a purchase in your store, a customer profile will be available in this section. Here youll be able to sort, search and filter through your customers. For example, maybe youll want to see which customers spent the most or which customers passed the most number of orders. All this information and much more is contained in this section. Products: Of course, before you will have any orders or customers, youre going to need some products. And naturally, its in the products section that you will create and manage your products. Take a look at the graphic provided in this section, to see how an individual product looks like in the admin. On this page, you will be able to add new products, export products and import

In the products section, you can prepare the presentation of the products that will be sold in your online store.

Setting up your first basic store 11

products. Once you have some products in place, in this section you will also be able to sort, edit and publish or hide your products. Collections: Your products can be grouped together into collections. So for example, if you were selling kitchen products, you might group all your coffee makers (including the one shown in the screenshot) into a coffee makers collection. If you then make this collection available in your store, your stores visitors will be able to see all your coffee makers grouped together. So far, as you can see on the screenshot, there is only one collection called Frontpage. This is a collection of products that are displayed on your stores front page.

In the collections section, you can group products into collections of similar products.

There are two different types of collections: custom collections and smart collections. In a custom collection, the products are grouped together manually by you. In a smart collection, the products in the collection are grouped together automatically according to a set of conditions (all coffee makers that cost less than $100 for example). Blogs & pages: Your store however, will be made up of more than just products and collections. You will also need to provide pages with information about your business.

12 Setting up your first basic store

For example, most stores have a customer service page which describes how their service works. You might also need a page about you and your store, your terms and conditions, and many other things. With Shopify, you can also have a blog on your store. A blog is a section on your store, where you can publish up to date information. For example, an article about a special new product, or an article related more broadly to your industry. Providing just information about your products in your store is only of interest to so many people. But with a blog, you can talk about far wider topics that are of interest to your target customer base. Plus a blog can be fun and inject a bit more personality into your store!

From the Blogs & Pages section, you can publish pages and blog articles to your store.

Navigation: Providing your stores visitors with an easy and useful way to get around your store is very important. Say someone is buying a coffee maker in your kitchen store but they also want to buy a juicer. You want it to be really easy for them to find

Setting up your first basic store 13

the juicers when they are finished in the coffee makers section. They will do this through the navigation. Of course, at the moment, we are working through the navigation of your admin for Shopify. Hopefully, you are already seeing how well laid out it is! So in the navigation section of your admin, you can control the navigation for your store. This is done through the editing or creation of link lists. These are, to put it simply, a list of links. On the web, a link is a way to move from one page to another. In your link lists, you can put in links to the front page of your store, specific collections, products, pages or the blog. To start your store off, there are two existing menus: the Main Menu and the Footer. These you will see in action when we look at the navigation on your store. Notice how the Main Menu link names below: Home, Catalog, Blog and About Us correspond directly to the navigation on the store, to the right of the store name,

In the Shop Navigation section, you create the means for your stores visitors to navigate around your store.

14 Setting up your first basic store

Imposters Poster Prints in the screenshot.

The navigation Home, Catalog, Blog, About Us comes directly from the Main Menu link list in the navigation section.

If you are moving from an existing store on another platform, the URL Redirects, also available in this section are very useful. Using them you can redirect from your old web page addresses to the new addresses on your Shopify store. Promotions: The promotions section ties together a number of different marketing related features. If you sign up for a Shopify Professional Plan or higher then you will be able to create discount codes to give a customer a special discount or free shipping. You can also publish your products to Google Product Search and the Shopify Marketplace. Plus you may be able to cash in some credits for ads on Facebook and Google.
The Promotions section is the place for creating discount codes, publishing to Google Product Search and Shopify Marketplace, and to redeem your Facebook and Google Adwords ad credits.

Setting up your first basic store 15

Through the Apps menu you can add and manage apps for your store.

Apps: On the right-hand side of the main navigation bar, there are three more sections. The first is Apps and you will notice when you click Apps, rather than changing page, it will open up a small menu that presents you with two choices: Manage Apps or Get More Apps. Apps is short for applications. There are hundreds of Shopify applications that can add useful features to your store. When you have apps installed, you can manage them through the Manage Apps section. To look at what apps are available, click on Get More Apps.

In the App Store, youll find hundreds of great features, services and plugins that you can add to your store.

16 Setting up your first basic store

We will come back and look at apps in more detail later. Many of them are invaluable add-ons to your store!

The Themes menu gives you access to control your stores theme or to put it another way, its look and feel.

Themes: Lets go back to your Shopify admin - you might have to click back in your browser. When you click on Themes in the main navigation bar, another menu will open up. Each store that uses Shopify is styled using a theme - it provides the stores look and feel. There are hundreds of themes available, some are for free and some are premium (costing upwards of $80). You can design your own theme if you have the skills, or if you prefer, you can pay a designer to develop a unique theme for your store. In the theme settings you can adjust the settings for the theme currently live on your storefront. When you first create your Shopify store, it will use one of the default themes, either Radiance or New Standard. All the themes have different aspects that you can customize. On both the default themes for example, you can customize various colors and fonts used on the page, as well as choosing a background for your store. The template editor is for those experienced with HTML and CSS. If you have the skills, you can customize your store exactly how you want it. Dont touch this area unless you really know what you are doing as you could easily break your store! In the theme manager, you can manage the themes that you have already installed. You can change which theme is currently live on your store. You can also work on a theme or improve an existing theme without it being live on your store. If you click Find more themes, you will be brought to the theme store. Here you can

Setting up your first basic store 17

browse, read about and view the more than one hundred themes available. When you have chosen one you like, you can then purchase it and have it installed on your store.

The theme store provides you with more than one hundred themes to use to style the look and feel of your store.

18 Setting up your first basic store

Read about mcommerce on the Shopify blog (http://www.shopify.com/blog/6704874-the-rise-of-mobile-commerce)

Its worth noting that you can also have a second active theme: one that is designed for mobile devices! Shopify estimates that for Christmas 2013, 43% of all purchases in Shopify stores will be made using a mobile device. So its important to cater for those that want to buy in this way. Preferences: Using the back button on your browser (several times if necessary), return to your admin. To the far right of the main navigation menu, is the Preferences menu. Clicking on it will open a menu with seven options. It is through this menu that you can control your preferences and settings for your store.

Setting up your first basic store 19

The Preferences menu provides access to all the settings for your store - its essential to get these set up properly to have a smooth running store.

Well look at the preferences in detail later but here is a quick overview of what is in each section:
General Settings: Set your store name, description, email preferences, phone

number and address. Adjust standards and formats for your store, like your timezone, units (metric or imperial), currency and language. You can also set up Google Analytics, a very useful statistics package for your store. Lastly you can set or remove a password for your store. If youre still on a trial, youll have to sign up for a plan to remove the password.
Regions & Taxes: On this page, you can set the tax rates that will be applied

to customers coming from different countries. The tax rates will be based on your country of business. Shopify will pre-fill what it understands the tax rates to be based on the country you chose when you set up your Shopify account. You may need to check these with your accountant though. From this page, you can also choose whether or not to include taxes in your product prices

20 Setting up your first basic store

and whether taxes are also applied to shipping rates.

Checkout & Payment: As an ecommerce store, you need to offer your visitors

a means to pay you. You can offer well known options like Paypal or Google Checkout. If you have a merchant account and a payment gateway in place then you can take payment through these. If you are selling enough volume this can reduce the commissions you pay on accepting credit card payments. In this section you can also set a number of important settings relating to checkout and order processing.
Shipping: In the shipping section, you define how much shipping fees will

be charged on each order. You can define shipping based on individual destination countries, weight based rates and price based rates. On the two more expensive Shopify plans, you can also have real-time shipping rates from the big transporters like UPS, FedEx and USPS.
Fulfillment Services: If you have an external service offering order fulfillment,

real-time inventory and other shipping related services, then you can use this section. You can set up your store to work with Amazon Services, Shipwire or Webgistix. Or if you work with another service, you can set it up so that they are emailed orders.
Email & Notifications: Customers are sent an email from your store when

they pass an order, an order is shipped or is cancelled. In this section, you can customize the design and text in these emails. You can also customize emails that are sent to you or your team when orders are passed.
DNS & Domains: In this section you can choose the address that visitors will

use to access your store. You do this using what are called domain names or domains for short. Well known examples of domain names are: shopify.com, google.com, etc. In this part of the admin, you can register your own domain (for an annual fee) or set up your store with an existing domain that you already own.
Setting up your first basic store 21

In this chapter, we went through the simple steps to create your store with Shopify. We looked at the navigation of your store admin and we did a tour of all the different sections that make up your admin. You should feel pretty comfortable getting around the admin now. In the next chapter, we will look at the key features that make up an online store.

22 Setting up your first basic store