Blog

How to Setup an E-Commerce Store on Shopify

February 22, 2023

When it comes to starting an online store, there are many things to take into consideration. One of the most important decisions is which platform are you going to use to run your e-commerce site.

We use Shopify because we believe it offers the most customisation whilst being competitively priced. The admin interface is also by far the easiest to use out of the big three small business e-commerce platforms (the other two being Volusion and BigCommerce).

In regards to customisation, Shopify allows almost every aspect of their templates to be customised to suit your brand. You can also change and enhance the functionality of most parts of the site. On top of this they also have the largest 'app store' for adding powerful new features to your store.

Setting up Shopify

Signing up with Shopify and starting your store couldn't be easier and they offer a 14 day free trial to get you going.

To begin your Shopify store, you must sign up for an account.

1: Sign up

To start, visit Shopify.com. Use the signup form to start creating an account.

Enter the required details and then click the ‘Create your store now’ button.

Your store name needs to be unique; otherwise, Shopify will ask you to choose something else.

2: A few more details

After this initial screen, you'll be asked for a few more details; these include your name, address, country and a contact number.

You will also be asked if you have products and, if so, what you aim to sell. If you're just trying out Shopify to see if it works for you, you can select ‘I'm just playing around’ in the "Do you have products?" dropdown, and ‘I'm not sure’ in the "What will you sell?" section.

Once complete, click ‘I'm done’.

3: Start setting up

After you've signed up you'll be directed straight to your store admin screen. You are now ready to start customising your store’s look, uploading products and setting up payments and shipping.

1. admin 1

Choosing a theme

Shopify has its own official theme store. These themes are all guaranteed to have full support from the designers, so you know your store is in good hands.

All themes come with a comprehensive list of modifications you can make without having to touch a line of code. The premium (i.e. paid-for) themes come with more modifications, but that’s not to say you can’t achieve a great looking site with a free one. These changes are outlined in the next section.

If you want to make larger changes to a theme, these can be achieved using in-built HTML and CSS editor. Don't worry if you haven't got any coding experience – Shopify has an international team of design agencies called 'Shopify Experts' that you can hire to fully customise your site. We are the UK's No. 1 rated Shopify Experts.

To find a theme that suits your needs we recommend the following:

1. Browse the Theme Store

Log into Shopify and visit the Shopify Theme Store at themes.shopify.com. Here you'll find over 180 theme variations to choose from, including a good selection of free ones.

You can filter by paid or free, industry and by features. You can also sort themes by popularity and how recent they are.

2. theme-store 0

2. Read our blog

We have published two posts on our blog about the best themes on the Shopify Theme Store. One about the 5 best free themes, and one about the 5 best premium themes. Take a look at these posts for some inspiration.

3. Check the functionality and reviews

Once you've found a theme you like, click on the theme's sample image. You'll be given more information about the theme, such as whether the theme is responsive/mobile ready and other features.

Scroll down to read some reviews to find out what store owners that use the theme think about it.

4. Preview the theme

To see the theme in action, click View Demo. You'll see this below the green ‘Preview Theme in your Store’ button.

If the theme comes in a range of styles, you can also view demos of the different styles by clicking on them.

5. Get the theme

Once you’ve found a theme you like click the green button. Shopify will ask you to confirm that you want to install the theme.

Click Publish as my Shop's Theme.

Don't worry if you don't feel 100% sure it's the right theme for you. You can always change your mind later.

6. Finish up

Shopify will let you know once the theme is installed, and will give you the option to 'Go to your Theme Manager'. Click this.

Your theme manager shows published themes (the one you installed or activated most recently) and unpublished themes below (previously installed themes).

3. themes 0

Tweaking Shopify

The majority of Shopify themes allow you to make simple changes that can massively change the appearance of your store, so you can rest assured you won't end up with a website that looks like a clone of thousands of others.

These stores are all built using the same theme.

On your admin screen, select 'Themes' from the left-hand navigation menu. On this page, you will see your live theme in a box at the top.

In the top right-hand corner of that box will be two buttons. The first one shows three dots, which gives you some basic settings changes. One of these allows you to make a duplicate of the theme. We highly recommend you do this in case you make some changes you don't like. The second button says 'Customize Theme'. If you click that you will be taken to a page that controls all the basic functionality of your store. This is a great time for you to have a thorough play with the settings and test out all the features to find out what your site is capable of.

6. customize-theme-2 0

The most common features will include:

  • uploading logos
  • uploading slides to a homepage carousel
  • adding related item functionality to product pages
  • choosing how many items appear on each line of the collection pages
  • colour schemes
  • font choices.

Some themes will also allow you to reposition elements on pages such as showing product images on the left, right or center of the page. You can also choose whether you want to display social like/tweet/pin/+1 buttons.

Adding products

Again, navigating from the bar on the left select 'Products'. You will then see a blue 'Add a product' button in the top right-hand corner of the page. Use the following screen to add as much detail as needed about your products. Especially look at those that will help with SEO such as name, description and URL. Also, include as much detail about variants as possible to help inform customers about your items as much as possible.

7. add-product 0

This is also the screen where you upload product pictures. Once the images are uploaded you can rearrange them, so don't worry about uploading them in any particular order.

8. product-description 0

Great product images make sales, so make sure you show off your products in their best light and highlight any features with close up photos. To keep your store looking tidy we suggest you keep all images the same dimensions. Unless of course you plan to make your collection pages look like a Pinterest board.

Once everything is filled out always remember to click the 'Save product' button in the top and bottom right-hand corners.

Setting up collections

A collection is any group of products that have some feature in common that customers might look for when visiting your store. For example, your customers might be shopping for:

  • clothes specifically for men, women, or children
  • items of a certain type, such as lamps, cushions, or rugs
  • items on sale
  • items in a certain size or color
  • seasonal products such as holiday cards and decorations.

Products can appear in any number of collections. Usually, you would display your collections on your homepage and in the navigation bar. This helps customers find what they're looking for without having to click through your whole catalog.

9. add-collectioin 0

Manual and automatic collections

When you add a new collection, you can select how products should be added to it. These are the two options:

  • Manually – You add and remove products in a manual collection individually.
  • Automatically – You can set up selection conditions to automatically include products that meet certain criteria.

Payment gateways

A payment gateway allows you to take payment from your customers via your website. The price and commission rate is important, but it's also important to see what features they offer. Not all payment gateways are created equal.

You need to look at the following when choosing the right payment gateway for you.

1. Transaction Fees

When you take a payment, some gateways will keep a small percentage or flat fee (or sometimes both) for letting you use their service. Compare these based on what your anticipated sales are.

2. Card Types

You need to know what types of card are accepted by your chosen payment gateway. All accept VISA, Mastercard and most accept American Express. Paypal is also very popular for online payments.

3. Offsite Checkout

Some gateways will take the payment on their own servers via their own form. This means the customer is taken away from your checkout and they pay on the form provided by your payment gateway. They are then redirected to your confirmation page once the customer successfully pays. This allows you to have a bit more control of the checkout process. Now you can circumvent Shopify's limitations in that they don't let you customise the checkout other than with CSS.

Payment Gateway transaction fees are added on top of Shopify’s own transaction fees. However as of November 2014, stores based in the US and UK can use Shopify Payments. Depending upon your Shopify plan, you can save you on these extra costs. Relative to your plan you will receive these highly appealing rates.

  • Basic 2.4% + 20p
  • Professional 2.1% + 20p
  • Unlimited 1.8% + 20p

Depending on how many transactions you make every month it could be worth upgrading to take advantage of these savings.

If you live in the US or UK your store will automatically use Shopify Payments. To complete this click the 'Complete Shopify Payments account setup' button found in Settings > Payments. If you wish to use a third party gateway you can use the 'enable payment gateways' link on the same page.

Making your store live

Before your site can go live you need to add a few more details about your company and how you plan to make deliveries and pay tax.

General

Make sure all your business information is filled out on this page. Also make sure to make use of the Google Analytics feature. This can prove to be an invaluable source for tracking your stores visitors.

Taxes

  1. Go to the Products page of your admin
  2. Click on the name of a given product.
  3. Scroll down to the section called "Inventory & variants."
  4. Click on the edit link next to your Product Variant to open a dialog window.
  5. Make sure the checkboxes next to Charge taxes and Requires shipping are checked if you need to include these with your products.
  6. Some stores won't need to charge taxes or shipping on products like digital goods. On the other hand, a T-shirt store will likely need to charge both.
  7. If you are planning to ship your product to customers, make sure to enter the product's Weight in the appropriate field.

Shipping

If your shipping rates are too narrow, or you don’t give enough options, you may lose out on some sales. Shopify will only calculate a shipping rate for your customers based on the rules that you define in the Shipping page of the admin. To make sure you won't lose any sales:

  1. From your store admin, go to the Settings > Shipping page.
  2. In the "Shipping rates" section, look to see if you have set a weight-based shipping rate and adjust it according to your product's specifications.

Test your order system

To test your system you can simulate a transaction using Shopify's Bogus Gateway.

To use the Bogus Gateway:

  1. From your store Admin, click Settings, then Payments to go to your Payments settings page.
  2. If you have a credit card gateway enabled, deactivate it before continuing (click Edit, then Deactivate, then confirm your deactivation.)
  3. In the Accept credit cards section, click Select a Credit Card Gateway to open the drop-down menu.
  4. Scroll down the list to Other, then click (for testing) Bogus Gateway.
  5. Click Activate (or Reactivate, if you've used the Bogus Gateway before.)
  6. Go to your storefront and place an order as a customer would. At checkout, enter the following credit card details instead of genuine numbers:

Testing a real payment gateway with a genuine transaction

  1. Make sure you've set up the payment gateway you want to test.
  2. Make a purchase from your store as a customer would, and complete checkout using genuine credit card details.
  3. Cancel the order immediately, to refund yourself and avoid paying transaction fees.
  4. Log in to your payment gateway to make sure the funds went through.

Is this free?

Yes – just be sure to cancel and refund the order soon after you place it.

If your billing cycle hits after you've placed the test order but before you cancel it, the transaction fees will appear on your bill. You can still cancel after paying your bill to Shopify, but you'll receive the refund as a transaction credit on your account. You can use transaction credits to pay future transaction fees.

Domains

To get your site live you'll need a domain name. You have two choices for this. Firstly you can buy a domain from Shopify and it will be added to your store automatically. This saves you time, especially if you have no knowledge of hosting a website. These domains typically cost $9-$14 USD per year. Your second option is to purchase a domain from a third party such as GoDaddy. The prices of these start from $1.99 USD a year. The downside is you'll have to redirect the DNS records yourself which can seem daunting at first.

Here are the steps to put your new Shopify store live on a third party domain name.

1. Add the new domain in Shopify

In the Shopify admin, from the left hand navigation go to Settings and then Domains and add your domain name using the 'Add an existing domain' button.

2. Update DNS records

Login to your domain registrar and make the following changes to the DNS records:

  • Replace the @ or main A record with the following IP address: 23.227.38.32
  • Add or replace the www CNAME with storename.myshopify.com (i.e. your store Shopify link without the http bit, which can see on the domains settings page)

3. Remove any storefront passwords

Otherwise, no one will be able to access your site even once it's live.

4. Set as primary if relevant

Whilst in Settings > Domains, you can choose your main domain by using the dropdown at the top of the screen:

Ensure that you also check the 'Redirect all traffic to this domain'. This means that traffic to all other domains will be directed to your primary domain. This is crucial for good SEO.

5. Adding other domains

You can repeat steps 1 and 2 with other domain names you own. All domain names will redirect to the 'primary' domain, which you can change at any time with the 'Set as primary' option next to each domain name.

Note that the number of domain names you own has no influence on SEO.

14. domains

Conclusion

And that is all there is to it. In theory you can have a great looking, unique, fully functioning store in less than half an hour without having to be a web expert. This way you can spend most of your time marketing your product rather than having to maintain a website.

Authors

Subscribe to our newsletter

Be the first to hear about what’s hot in e-commerce and Shopify Plus. Straight to your inbox.