2024/07/16

【新・Shopifyマスターへの道】#0 ロードマップを始める前に【2024 年最新版】

@ 信条刃

Shopify

この記事は、これから Shopify 構築ロードマップを始める方に向けたものです。ロードマップの目標やどんな方に向けたロードマップになっているのかを説明しています。
また、ロードマップで作る EC サイトの完成物を確認します。

Shopify 構築ロードマップをこれから始める方へ

このロードマップの目標

「Shopify パートナーとしてゼロから EC サイトを作り上げ、オーナーアカウントに所有権を移行する」

「新・Shopify 構築ロードマップ」を進めていくと、誰でも簡単に Shopify で EC サイトが構築できるようになります。

このロードマップでは、オンラインストアを構築して実際に商品を販売できるレベルのストアを目指します。もちろん、全て無料で公開していきます。

新・Shopify 構築ロードマップの対象者

  • Shopify パートナーとしてストア構築をできるようになりたい方
  • Shopify で EC サイトを構築しネットショップを始めたい方
  • Shopify で EC サイトを構築する流れを知りたい方

基本的には、Shopify パートナー向けに進めていきます。Shopify パートナーとしてストアを構築し、クライアントであるストアのオーナーに所有権を移行する流れになっています。
オーナー自らストアを立ち上げたい場合でも、このロードマップを見れば EC ストアを構築することができるようになります。

ロードマップの流れ

次のステップに沿ってストアを構築していきます。

  1. ストア構築の準備をしよう
  2. 商品を登録しよう
  3. コレクションを登録しよう
  4. ブログ記事を作成しよう
  5. サイトのデザインを選ぼう
  6. テーマを編集しよう(セクション編)
  7. テーマを編集しよう(テーマ設定編)
  8. ティザーサイトを作成しよう
  9. サイトのフォントを編集しよう
  10. アカウントページを作成しよう
  11. コンタクトフォーム を作成しよう
  12. About ページを作成しよう
  13. 規約を入力しよう
  14. メニューの編集をしよう
  15. 送料を設定しよう
  16. 一般設定を編集しよう
  17. 各種設定を編集しよう
  18. 決済テストを行おう
  19. 所有権を移行しよう

ロードマップを始める前に準備しておくもの

  • Shopify パートナーアカウント作成用のメールアドレス
  • Shopify ストアを運営するオーナー用のメールアドレス

今回のロードマップでは、パートナーとしてストアを構築し、オーナーに所有権を移行するところまでを体験します。そのため、パートナー用とオーナー用の 2 つのメールアドレスをを用意してください。

デモサイトを構築する際に使用する商品画像や CSV ファイルを上のリンクからダウンロードしておいてください。
ダウンロードせずオリジナルの画像を使って進めてもらっても全然構いません!ただ、CSV ファイルはダウンロードしてもらった方が、楽に進めることができます。

ロードマップを始める前に知っておくべきこと

ロードマップを始める前に知っておかなければいけない必須知識などは特にありません。

もし、Shopify でどういうことができるのか何も知らないという方がいれば、以下の記事を読んでからロードマップを始めてください。

ロードマップで作成するデモストアを確認する

ロードマップを始める前に、このロードマップで作成する EC サイトの完成物をみてみましょう。今回は、アクセサリーショップを作成します。

アクセサリーショップを作成

EC サイトのトップページです。左上にロゴ、上部にヘッダーメニューがあります。トップ部分は、スライドショーにします。

スライドショー1

スライドショー2

自社のブランドに関する部分です。別のページに飛ばすボタンを設置します。

自社のブランドに関する部分

セール商品を紹介する部分です。セールコレクションを表示させるよう設定します。

セール商品を紹介する部分

コレクションについての部分です。商品の種類ごとに分けたコレクションを作成し、表示させます。

コレクションについての部分

おすすめ商品を紹介する部分です。カートに追加ボタンや「Shop Pay で購入」ボタンがあります。

おすすめ商品を紹介する部分

ブログ記事を紹介する部分です。ブログ記事を作成し、表示させます。

ブログ記事を紹介する部分

最後にフッターメニューです。ポリシーや SNS についてのメニューを追加します。

フッターメニュー

About ページ

自社のブランドについて説明をするページです。json ファイルを編集して、新しいページを作成します。

About ページ

コレクションページ

イヤリングコレクションのページです。イヤリングコレクションの商品が表示されます。

イヤリングコレクションのページ

ブログ記事一覧ページ

ブログ記事の投稿を見ることができるページです。それぞれのブログ記事に飛ぶことができます。

ブログ記事一覧ページ

お問い合わせページ

お問い合わせページです。Shopify のデフォルト機能で作成します。

お問い合わせページ

アカウントログインページ

アカウントのログインページです。こちらも Shopify のデフォルト機能で作成します。

アカウントログインページ

ロードマップを制覇して Shopify マスターになろう!

ここまで読んでいただいて、Shopify ストアを作ってみたいと思った方はぜひロードマップを進めていってください!

ロードマップを達成した頃には、あなたも屈強な Shopify マスターになっています!

次回の記事はこちら

以下は、より魅力的なストアを作成するためのおすすめアプリです。

  • 「シンプルブログ記事カスタマイズ|お手軽ブログテンプレート」

    「シンプルブログ記事カスタマイズ|お手軽ブログテンプレート」は、Shopify ストアのブログデザインをノーコードでカスタマイズできるアプリです。

    Shopify ストアのブログデザインをノーコードでカスタマイズできるアプリ

Shopify ブログ記事のデザインを簡単にカスタマイズできるアプリについて徹底解説|ご利用ガイド

  • 「シンプルブログ記事目次|自動見出し一覧挿入」

    「シンプルブログ記事目次|自動見出し一覧挿入」は、Shopify ストアにブログ目次を簡単に表示できるアプリです。
    シンプルブログ記事目次|自動見出し一覧挿入

Shopify のブログ記事にブログ目次を自動で作成できるアプリについて徹底解説|ご利用ガイド

© 2021 powerd by UnReact