---
title: 'Shopify Tutorial'
disqus: hackmd
---

Shopify web Tutorial
===

## Table of Contents

[TOC]

## SELECT & CUSTOMIZE YOUR SHOPIFY THEME
>
> A theme is a pre-created website design you can add to your store to make it look pretty without writing code. There are hundreds of themes to choose from; some are better than others. Many third-party developers create themes you can use that aren’t in the Shopify theme store.
>
> 1. Click **Online Store**
> 2. Click **Themes**
> 3. Click **visit Theme button**
>
> 
>
> <br>

## CUSTOMIZING YOUR THEME

> To customize your theme,
>
> 1. Click **Online Store**
> 2. Click **Themes**
> 3. Click **Blue costomize button**
>
> 
> <br>
>
> <iframe width="907" height="526" src="https://www.youtube.com/embed/2M0qaCQ6P_Q" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
> <br>

### Customizing the page header

> The Header section provides a number of options you can customize to change the way the header appears across your site.
>
> This includes your logo and the way it displays as well as your top navigation.
>
> Updates you make to the header will display consistently, no matter what page your visitors are on.
>
> 
>
> For example, if you’re editing the Home Page template and you change the menu under Header, it would also change the menu shown in other page templates.

### Customizing the footer

> Like the header, any customizations you make to the footer will display sitewide. The options you’re able to customize will depend on how your theme is coded.
>
> In the Debut theme, for example, you can customize which quicklinks are displayed, edit content about your store, and adjust the newsletter optin within the footer.
>
> 
>

### Editing individual sections

> You can customize each section in the currently selected page template by clicking on that section. When you click into a section the preview will scroll to display the section currently being edited.
>
> The options will vary depending on the section you choose.
>
> For example, if editing the Image with Text Overlay you’ll have options to adjust image alignment, layout, text size, the actual text displayed, and more.
>
> 
>
> The Featured Collection section, however, features different options to adjust how the product collections in your store are displayed to visitors.
>
> 
>

### Adding a section

> Want to add some more content to a page template? The “add section” button lets you expand what is shown in the template. After clicking, you’ll see a list of all the available content modules that can be added to the current template.
>
> Clicking into any of the available sections will add that section into the preview to give you an idea of what it might look like.
>
> If you’re satisfied, just click the blue “Add” button to add that section to your current template.
>
> 

### Moving a section

> Shopify will automatically order the sections as you add them, with new sections being tacked on to the bottom of the list.
>
> You can customize the order of sections by clicking the group of 6 dots on the right side of each section. The cursor will change to an open “grab” hand when you hover over it.
>
>
> 
>

### Theme Settings

> Shopify theme customization allows you to further control the style of your store under the Theme Settings tab, next to the Sections tab. There are a number of options available to adjust your stores visual style.
>
> 
>

### Theme Colors

> The Colors options will allow you to change the way text, buttons, and form fields are displayed in your store. This is a great way to create more contrast for buttons in order to make them stand out.
>
> 
>
>
### Typography

> The Typography options control the way text looks throughout your store. This includes the font used, font weight, and font scale for headings and the base body text.
>
> 
>

## OPTIMIZE YOUR STORE’S SETTINGS

> While Shopify’s default settings are great, there are some things to add and change to make the most of your shiny new store!
>
> Let’s walk through it step-by-step. Start by clicking the Settings button at the bottom left of your dashboard.
>
>
> 
>
> **GENERAL SETTINGS**
>
> Here you can edit your store name, email, store address, and more. If you changed your store name after signing up, update it now.
>
> The Account email is the email Shopify will contact you through (customers won’t see this email). The Customer email is the email customers will contact you through.
>
> <br>
>
> 
>
> Don’t forget to click **Save**!
>
> > Pro Tip: I recommend creating a [e-mail] email address for the customer email. You need a domain name to create one, which I cover below. [Click here](https://help.shopify.com/en/manual/online-store/os/domains/managing-domains/email-forwarding) to learn how to set up email forwarding to forward email from your Shopify domain to your most-visited email address. For your own email address rather than just email forwarding (highly recommended, a support@ email is best so you can have multiple people on your team use the same account if/when you start hiring),
>
>
>
> <br>
>
## PAYMENT PROVIDER SETTINGS

> In the payment provider settings, click the **Complete account setup** button to configure your payment gateway so customers can use credit cards to purchase.
>
> 
>
> Fill out everything on this page. For the Product details box, write “Retailer of [your product category here]”. For example, “Retailer of Matcha Tea,” or “Retailer of health products” if you prefer to go broader.
>
> Next, Statement Descriptor is what your customers will see on their billing statement. Make this your store or company name.
>
> Fill out the remaining information and click Complete account setup.
>
> PayPal should be set up automatically by Shopify. If not, set it up now. You can add other payment providers later, such as Apple Pay, but it’s not necessary now.
> <iframe width="1280" height="720" src="https://www.youtube.com/embed/V-iI0iieIYY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
> <br>

## CHECKOUT SETTINGS

Under your checkout settings, switch **Customer accounts** to “optional,” and customers can create an account but aren’t required to.

> 
>
> Next to **Form options**, check “Require first and last name.”
>
> 
>
> <br>
>
> Finally, **Email marketing**, I recommend checking “Preselect the sign-up option” to market to more of your customers.
>
> 
> When you’re done, click **Save**.
> <br>

## SHIPPING SETTINGS

Your shipping settings depend on how you ship.

> **If you’re dropshipping:** Use “Price based rates.” Someone with a $10 order can pay one rate, and someone with a $30 order can pay a different shipping rate.
>
> **If you’re shipping items yourself:** Use USPS’s Discounted rates for Shopify stores; it calculates shipping for you so your customer pays what it costs you to ship. (For this to work properly, have the correct size and weight entered on your product pages.)
>
> 
>
>
> > Pro Tip: Regardless of how you ship, you can offer free shipping. I recommend offering free shipping over a certain spend (i.e., free shipping on orders over $50). This can increase your conversions AND your average order value. Just make sure you advertise that you offer this on your site
>
> <br>

## ACCOUNT SETTINGS

If you have a partner or a virtual assistant, you can give them an account on this page. Click **Add staff account** and choose what you want them to have access to.
>
> 
>
>
> <br>
>

## CREATE PAGES
>
> Creating the contact page is easy. Click **Add page**, then in the drop-down menu under the **Template** section, choose “page.contact”.
>
>
> 
>
> When you’re done, don’t forget to **Save**.
>
>
> <br>

## ADDING YOUR PAGES TO YOUR MENU NAVIGATION
>
> You’ve created all your important pages, now show them in your site’s navigation by clicking **Online Store** > **Navigation**.
>
>
> 
>
>
> Click **Main menu** to edit your main navigation menu that goes on the top of your site. To add a page, click **Add menu item**, then Pages > **Contact Us** (or whichever page you’re adding).
>
>
> 

### Nesting menu items to build drop-down menus

> You can build drop-down menus by creating or moving menu items so that they are "nested" below a top-level item. The top-level item appears in the main menu on your online store, and the nested menu items appear in a drop-down menu. The top-level item can have up to two levels of nested drop-down menus:shopi

## ADD PRODUCTS TO YOUR STORE

> To add a product to your store, click **Products**, then **Add product**.
>
> 
>
> <br>
> <iframe width="1280" height="720" src="https://www.youtube.com/embed/fIxM_BP3Mtc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
>
### TITLE & DESCRIPTION
>
> Enter your product’s title and description. In your description, I recommend talking about the BENEFITS of your product first, the features second. People buy based on emotion and need — they don’t buy because something is “made of titanium”, they buy because they want something that’s long-lasting.
> <br>
>
### IMAGES
>
> Images are extremely important in selling a product online. If your images suck, you’ll lose credibility and sales.
> <br>
>
> 
>
>
> <br>

### Product type
> **Product type** is the type of product (i.e., phone, tea, toiletry, etc.) you sell. Product types are one way to create product collections, which we’ll talk about in a second.

### Vendor
> **Vendor** is used for shipping and inventory purposes. Unless you’re integrating a vendor API, you don’t need to worry about this. (If you don’t know what that is, you don’t need to worry about this.)

### Collections
> **The Collections** settings allow you to manually add this product to a collection of products, helping customers browse your inventory. We’ll talk more about collections in Step 8.

### Tags
> **Tags** are a way to organize products into collections and improve your site’s search function. If I tag something as “Tea” and the customer searches “Tea” in the search field on my site, everything tagged “Tea” will show.
>
> <br>
>
### PRICING
>
> Pricing is straightforward. Your **Price** is the price customers will pay. Your **Compare at price** will be shown crossed out next to your actual price to use price anchoring, a conversion optimization strategy.
>
> 
>
> <br>
>
### INVENTORY
>
> Your inventory settings help with keeping track of inventory (shocking, I know!). You can create a custom SKU for your products if you want. Otherwise, you can leave these settings alone.
>
> 
>
> <br>
>
### SHIPPING
>
> Your shipping settings only need to be adjusted if you’re shipping your products using the USPS Discounted Rates for Shopify. (If you’re not sure if you need this, you probably don’t.) Otherwise, you can leave this alone.
>
> 
> <br>
>
### VARIANTS
>
> This is where you add variations of your products like size or color. For example, if you’re selling T-shirts, you can add size (S, M, L) and color (red, green, blue).
>
> 
> <br>
>
>
### META TITLE & DESCRIPTION
>
> You know what these are — the title and description that show up in search results pages. Refer to the product page best practices guide linked below for help.
>
> 
>

<br>

## CREATE YOUR COLLECTIONS

> A collection is a group of similar products, based on tags, types, vendors, etc. They help your customers find similar products. For example, “Men’s Shoes” could be a collection.
>
> To create one, head over to **Collections** then click **Create collection**.
>
> 
> <br>
> <iframe width="1280" height="720" src="https://www.youtube.com/embed/-dtCqD-hP5w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
>
### COLLECTION TITLE & DESCRIPTION
>
> Like product pages, your collection pages also have a title and a description. However, you don’t need a description — it’s just a paragraph that shows up above your products. It can help with SEO, but can also be a distraction. It’s best to do this once you have at least two products in a collection.
>
> 
> <br>
>
### MANUAL VERSUS AUTOMATED
>
> You can manually add products to your collections by clicking the collection, searching for the product under the Products section, and selecting the products to add.
>
> 
>
> <br>
>
> Alternatively, you can automatically add products by setting the Collection type to “Automated” and set the conditions to what you want (like Product Tag = “Tea”). With this method, any time you add a product tagged with “tea”, it will be added to this collection automatically.
>

## Tracking and adjusting inventory

> Before you can view or adjust inventory levels for a product, you need to set up inventory tracking for the product. After tracking is set up, an inventory history is available for 90 days.
>
> Steps:
>
> 1. From your Shopify admin, go to **Products** > **All products**.
> 2. Click the name of the product that you want to track.
> 3. If the product has variants, then click the variant that you want to track.
> 4. In the **Inventory** section, select **Track quantity**.
> 5. Set the quantity.
> 6. Click **Save**
>
> **Caution**
> If you're using Shopify POS, you can continue selling products when inventory reaches zero and below. This is because the Shopify POS app assumes you have the inventory on hand if you are selling in person.

### Adjust inventory levels

> You can change the inventory count for product variants on the **Inventory** page.
> If you manage inventory across multiple locations, then see [Changing inventory quantities by location](https://help.shopify.com/en/manual/locations/changing-quantities/change-quantities-by-location).
>
> Steps:
>
> 1. From your Shopify admin, go to **Products** > **Inventory**.
> 2. Under **Update quantity**, change the inventory count:
> * To adjust the count, click **Add** and enter a number. You can use a negative number to subtract from the inventory.
> * To set a new total inventory count, click **Set** and enter a number.
>
> The new total is shown under **Quantity**.
> 3. Click **Save**
>

### View a product's inventory history

> If you are using Shopify to track a product's inventory, then you can view the history of its inventory adjustments. If the product has variants, then you can view the inventory history for each variant that is being tracked, but you can't view the inventory history for all of the variants at once.
>
> You can view only the last 90 days of inventory history for a product or variant.
>
> When you view the inventory history for a product or variant, you see the following information about inventory adjustments:
>
> **Date** - the date of each adjustment
> **Event** - the event that caused the adjustment, such as a transfer or an order
> **Adjusted by** - the staff member who made the adjustment
> **Adjustment** - the quantity of the adjustment change, negative or positive
> **Quantity** - the inventory quantity after the adjustment
>
> Steps:
>
> 1. From your Shopify admin, go to **Products** > **All products**.
> 2. Click the name of the product.
> 3. If the product has variants, then click **Edit** beside a variant.
> 4. In the **Inventory** section, click **View inventory history**.

## ADD DISCOUNT CODES

> To add discount codes to your store, go to **Discounts** > **Codes** then name or generate your code, set the parameters (like $10 off, 10% off, only on orders over $50, etc.).
> <br>
>
> 

> <iframe width="1280" height="720" src="https://www.youtube.com/embed/O2PUj41t5dQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
>
> That’s all there is to it! Next.

## GET FAMILIAR WITH YOUR ORDERS PAGE

> To manage your orders and fulfill them, you have to go to the **Orders** page.
>
> 
>
> **Note** that you can't see this page until you select a plan for your store. You still get 14 days of your free trial, but once you select a plan, it expands what you can do and you’ll be charged after 14 days.
>
> On the **orders** **page**, you’ll see any orders that come in, the customer’s details (address, item purchased, etc.) and order's status. After an order has shipped, you’ll need to update the order to “shipped”.
>
> <br>
>

## REVIEW YOUR ANALYTICS & SET UP GOOGLE ANALYTICS

> You’ll want to get familiar with your **Analytics** page. Here you see how much traffic your store is getting, what pages users are visiting, what items are selling the most, and more.
>
> 
>
> There’s nothing for you to do on this page right now; just be aware of it and get familiar with it.
>
> If you haven’t already, take this time to watch the below video and set up your Google Analytics account! While you can’t review Google Analytics from this analytics page, it’s still important to set up so you can get even more detailed information on your site’s visitors.
>
> <iframe width="560" height="315" src="https://www.youtube.com/embed/3VYg19ikStY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
>
>

## Install Apps through the Shopify App Store

> When you find an app in the [Shopify App Store](https://apps.shopify.com/) that you want to use on your store, click **Add app** on the app’s listing page.
>
> After you click **Add app**, you need to authorize the app in your Shopify admin.
>
<iframe width="907" height="526" src="https://www.youtube.com/embed/wcqUrB1idxc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


## SET SALES PRICES TO PRODUCTS AND VARIANTS
>
> <iframe width="1280" height="720" src="https://www.youtube.com/embed/7EBAvqjjgY8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<br>

## Add a blog to your online store

> You can add blogs to your online store, and then post to the blogs to update your customers about your business or products. Blog posts drive traffic to your site in several different ways:
>
> * Improve your store's SEO.
> * Let you tell stories that convert visitors into customers.
> * Increase customer engagement.

### Add a blog

> Your online store has a default blog called News. You can keep this blog, or you can create your own with a custom name.
> Steps:
>
> 1. From your Shopify admin, go to **Online Store** > **Blog Posts**.
> 2. Click **Manage blogs**.
> 3. Click **Add blog**.
> 4. Give your blog a title, and then select how you want to manage **comments**.
> 5. Optional: If you have created a custom template for blogs, then you can select a **template**. In the Template drop-down menu, select the template that you want to use for the blog. All of the posts in the blog will use the template.
>
> 6. Click **Save blog**.
> <iframe width="1205" height="753" src="https://www.youtube.com/embed/iq27Gse4ITI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
> <br>

### Edit a blog name

> Steps:
>
> 1. From your Shopify admin, go to **Online Store** > **Blog Posts**.
> 2. Click **Manage blogs**.
> 3. Click the name of the blog to edit.
> 4. On the **Edit blog** page, enter the new name you want for your blog in the Title field.
> 5. Click Save.

<br>

### Edit the search engine listing for a blog

> You can edit the text that appears in search engine results for a blog. Use a descriptive title and description to help new customers find your online store and convince them to click the link. Learn more about [search engine optimization](https://help.shopify.com/en/manual/promoting-marketing/seo).
>
> You can preview your blog's search engine listing and make changes to help new customers discover your online store.
>
> Steps:
>
> 1. From your Shopify admin, go to **Online Store** > **Blog Posts**.
> 2. Click **Manage blogs**.
> 3. Click the name of the blog to edit.
> 4. In the **Search engine listing preview** section, click **Edit website SEO**.
> 5. In the **Page title** field, enter a descriptive title. This title will display as a link in search engine results. You can enter up to 55 characters in the title.
> 6. Enter a description for the search engine listing. Make sure to include relevant keywords to help new customers find your link, and to include your business name. You can enter up to 320 characters in the description.
> 7. In the **URL and handle** section, you can edit the web address. In most cases, you won't need to make changes to the web address. If you do make changes, then make sure that you set up URL redirects from the old web address. The URL can't contain any spaces. Handles are used in theme design.
> 8. Click **Save**.

<br>

### Change a blog's web address

> You can change the web address of your blog in the Search engine listing preview section of the Edit blog page. When you create a blog, a URL and handle are automatically generated. You might want to change or shorten the web address, but in most cases you can leave the default alone.
>
> To change a blog's web address:
>
> 1. On the Edit blog page, click Edit website SEO to open the Search engine listing preview.
> 2. In the **Search engine listing preview**, edit the **URL and handle** field.
> 3. If you want the old blog URLs to redirect customers to the new URLs, then leave the options for redirects checked.
> 4. Click **Save**.
<br>

### Link to an external blog

> You can add a link in your online store navigation to a blog hosted on a third-party platform such as **WordPress**, **Tumblr**, and **Blogger**. The link can appear in your main navigation or within a menu, depending on what you choose. You can set up menus and links in the **Navigation** area of Shopify.
>
> Steps:
>
> 1. From your Shopify admin, go to **Online Store** > **Navigation**.
> 2. Click the name of the menu where you want to add the link.
> 3. Click **Add menu item**, or choose an existing menu item to edit.
> 4. Enter the link name, for example Blog, into the **Name** field.
> 5. Paste the link to your blog in the **Link** field.
> 6. Click **Save menu**.
>
> Tip
> `Make sure that you link from your blog to your Shopify store to encourage readers to visit. Search the help center for your blog platform to find instructions for adding an external link.`
>

## UNDERSTANDING DIFFERENT MENU STYLES
>
> <iframe width="1280" height="720" src="https://www.youtube.com/embed/dNavwMjYznc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<br>

## ADD A FAVICON TO YOUR SHOPIFY THEME
>
> <iframe width="1280" height="720" src="https://www.youtube.com/embed/7v7iZN5eQ5o" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<br>

## ISSUE REFUNDS
> <iframe width="1280" height="720" src="https://www.youtube.com/embed/rwDk5cAfFD4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

###### Created By Abenezer Tesma : FindAbenezer.com

###### credit to :+1:
https://help.shopify.com/en/manual/products/inventory/track_inventory
https://sumo.com/stories/shopify-tutorial-for-beginners
https://getshogun.com/learn/shopify-theme-customization
https://help.shopify.com/en