【初心者でも簡単】ShopifyでECサイトを構築する方法~画像を使って解説~

September 27, 2020
構築関連
タイトル画像

コロナウイルスの影響もあり自社サイトの需要が高まっています。ECサイトを簡単に構築することができるShopifyは、海外で人気のECプラットフォームです。最近、日本でも少しずつ話題になり始めています。

  • これからECサイトを作りたい
  • 簡単におしゃれなECサイトを作りたい
  • Shopifyのサイト構築の仕方がわからない

という悩みを持つ方も多いのではないでしょうか。

この記事では、Shopifyの運営・構築の業務を行っている株式会社UnReactが、ShopifyECサイトの構築を画像を使って詳しく解説していきます。

Shopify構築手順

  1. Shopifyアカウント登録
  2. Shopifyサイト商品登録
  3. Shopifyサイトテーマ変更

この手順でサイトを構築していきます。Shopifyにあまり詳しくない方はこちらから。

Shopifyアカウント登録

Shopify公式サイトを検索してください。現在は、無料体験がありますので初めての方は無料体験で作っていきましょう。「無料体験をはじめる」押してください。

shopify公式サイト画像


メールアドレス、パスワード、ストア名、ストアURLを入力して「ストアを開く」を押してください。

無料体験申し込み画像


次は、いくつかの質問に答えていきましょう。入力したら「次へ」をクリックして進んでいきましょう。「スキップ」を押して、ステップ2に進んでも大丈夫です。

質問1画像


ストアの住所を登録していきます。必要事項を入力したら「ストアに入る」を押しましょう。

ストア住所登録画像


ストアの画面に移動しました。

画面左下の設定をクリックし、一般設定を押してください。

ストアホーム画像


「メール認証の確認をしてください」といあるので登録したメールを確認しにいきましょう。

設定一般画像


メールの中の「Comfirm email」を押したら、Shopifyへようこそで表示されます。「あなたのストア」を押してストアに戻りましょう。

Eメール承認画像
メール確認画像
ストアホーム画像


以上で、Shopifyアカウント登録は完了です。

商品登録

次に、ストアに商品を登録していきましょう。ここでは、商品写真を使いますので、実際に登録したい方は写真をご用意ください。では、始めていきます!

「商品を追加する」を押してください。

商品追加画像


商品追加画面になりました。ここで商品の詳細を入力していきます。

上の項目から入力していきましょう。

商品詳細設定画像



「タイトル」には商品名、「説明」には商品の情報を入力し、「メディア」に写真をドラッグ・アンド・ドロップするか「ファイルを追加」で追加してください。

商品詳細設定画像2


価格設定では、「価格」に販売価格を入力する。この価格の値段で顧客は購入することになります。セール価格を表示する場合は「割引前価格」に元の価格を入力する。「商品の一点あたりの費用」に商品の費用を入力するとマージンと利益を計算して表示してくれます。

在庫設定では、4つの項目をそれぞれ必要に応じて記入していきます。
「SKU」とは、Stock Keeping Unitの略で在庫管理を行う時の最小の管理単位のこと。例えばTシャツでカラーが赤、青、白の3色、サイズがS、M、Lの3サイズある場合「9SKU」となる。

「バーコード」はご自身が使われているものを記入してください。お試しの方は、無記入でも大丈夫です。「在庫を追跡する」、「在庫切れの場合でも販売を続ける」は必要に応じてチェックを入れてください。

「在庫数」には商品の在庫の数を記入してください。

商品設定画像3


配送設定では、配送が必要な商品なのか、必要であれば詳細を選んでいきます。
HS(統計品目番号)とは国際貿易商品の名称、分類を世界で統一した6桁の品目番号です。必要な場合に記入してください。
「バリエーション」では、商品に異なるサイズや色がある時に記入します。オプションを入力するときは、赤と入力したあとにカンマを入れるかEnterを押すと反映されます。複数のオプションが有るときは、「別のオプションを追加する」を押してください。入力したら、「保存」を押して登録します。

商品設定画像4
バリエーション画像

以上で、商品の登録は完了です。

複数の商品を追加してみてください。

テーマ変更

最後にテーマの変更をしていきます。

ホームに行き、「テーマをカスタマイズする」を押してください。

テーマカスタマイズ画像


現在のテーマのカスタマイズをする場合は「カスタマイズ」をクリックして編集してください。今回はカスタマイズは解説しません。テーマを変更する際は、テーマライブラリの無料テーマか、Shopifyテーマストアから購入することで変更することができます。「無料テーマを探す」をクリックしてください。

テーマ設定画像

無料テーマの中から好きテーマを選択してください。選択したら、「テーマライブラリに追加する」を押してください。

テーマ選択画像
テーマ追加画像


テーマライブラリに、テーマが追加されました。カスタマイズをクリックするとサイトの設定をすることができます。カスタマイズが終わったら、画面右上の「公開する」を押してオンラインストアに反映しましょう。

テーマカスタマイズ画像

以上で、サイト構築は完了です。

お疲れさまでした!

構築例はこちらから。

まとめ

今回はShopifyでECサイトを構築する方法を解説しました。

無料テーマでもカスタマイズすることでおしゃれで、UXの高い、自分だけのECサイトを作ることができます。

最後までご覧いただき、ありがとうございました。


関連記事

【初心者向け】Shopifyについて解説 ~初めてのECサイトにおすすめ!~
Shopify内でドメインを購入して独自ドメインを使う方法

ホームへ戻る