15分でプロのShopifyストアを作る方法2024 - 完全なガイド
By Santrel Media · 2023-07-11
このビデオでは、15分で分かりやすく解説し、Shopifyストアの美しいプロフェッショナルな作り方をステップバイステップで紹介します。デザイン要素からバックエンド設定までカバーし、ドロップシッピングや自社製品、デジタル商品を販売する用途に関わらず、必要なすべての知識を提供します。
Shopifyストアの作成
- このビデオでは、美しいプロフェッショナルなShopifyストアの作り方をステップバイステップで紹介します。
- このビデオで紹介する内容は、うまくいけば売り上げが全く上がらず損失を被っているストアと、大成功を収める可能性があるストアの違いを生むでしょう。
- デザイン要素やユーザーエクスペリエンスやコンバージョン向上のためにウェブサイトに追加すべき要素、またGoogleでのランキングやウェブサイトの可能性最大化のためのバックエンド設定についてもお伝えします。
- とても多くの内容をカバーする必要がありますが、このビデオではたった15分で分かりやすく解説しますので、ビデオを見終わる頃には、Shopifyストア作りに関するすべての知識を得ることができるでしょう。
- このビデオを見れば、ドロップシッピングで使用するか、自社製品を販売するか、デジタル商品を販売するかに関わらず、Shopifyストア作りに必要なすべてを学ぶことができます。
- 前もって注意しておきたいことが2つあります。まず、私の話し方があなたにとって速すぎるか遅すぎる場合、YouTubeには再生速度の設定がありますので、それをご利用ください。第二に、このビデオは情報が非常に濃いので、ビデオを途中で何度も一時停止してメモを取るか、または私に沿ってステップバイステップで進んでいくことをお勧めします。
- ちなみに、このビデオでウェブサイトを作るために必要なすべてをお伝えしますが、ウェブサイト作りには学ぶべき点がそれ以上にもたくさんあります。ですので、もっと知りたい場合は、説明欄にリンクがありますのでそちらをご覧ください。
Shopifyストアの作成
Shopifyウェブサイトの作成
- 成功するストアには、マーケティングや商品の発掘など、後で詳しく説明する要素があります。それらはすべて無料コースに含まれていますので、下のリンクからご確認ください。
- 無料コースと言われても、後で追加料金を請求されると思うかもしれませんが、実際には私たちは追加料金を請求しません。クレジットカードも受け付ける方法がないので、少なくともリンクをご確認ください。
- それでは、それを言ったところで、私たちはラップトップに移動して時計を開始し、約15分後にウェブサイトが完成します。まず、説明欄の上のリンクか、santromedia.com/shopify と入力してください。公式Shopifyコマースコーチである私たちのリンクを使用することをお勧めします。現在、3か月間1ドルです。
- それで、このようなページが表示されます。メールアドレスを入力し、無料トライアルを開始します。次に、下の「すべてスキップ」をクリックします。地域を選択し、次に4つのオプションの中からアカウントを作成します。私はメールで続行します。それでは、アカウントを検証し、Shopifyダッシュボードに移動します。
- 通常、まず最初にしたいことはプランを選択することです。障害がないようにするために、 どのプランを取るかを最初に知っておいた方が良いです。そして、中断することなくウェブサイト全体を構築できます。
Shopifyウェブサイトの作成
Shopifyダッシュボードの最初のセットアップ
- プランを選択すると、3つのオプションが表示されます。現時点ではすべて同じ価格ですが、最終的には異なる月額料金で更新されます。
- このビデオの目的で、ベーシックプランを選択します。月額と年額のオプションがありますが、年額オプションを選択します。これにより、120ドルを節約でき、最初の3ヶ月は月額1ドルです。
- ビジネスアドレスを追加し、年間プランを選択したにもかかわらず、今日は税込み1ドルのみ支払うことができます。
- Shopifyダッシュボードには9つのタスクがリストされています。まず最初に、製品の追加から始めます。
- 製品名を入力し、説明を追加して、写真をアップロードし、価格と税金を設定します。
- Shopifyは在庫管理も行ってくれるので、商品ごとのコストを追加し、マージンの計算を支援してくれます。
Shopifyダッシュボードの最初のセットアップ
Shopify製品の追加とSEO最適化
- 2150、つまりそれで約50%のマージンを得ています。ドロップシッピングしている場合、数量を追跡する必要はありませんが、追跡することもできます。複数の製品がある場合はSKUまたはバーコードを追加できますが、今回は追加しません。
- 物理製品の重さを追加できます。もちろん、Shopifyではデジタル製品の販売も可能です。そうすると、送料オプションは表示されません。その他のバリアントやサイズがある場合、ここでそれらを追加できます。
- ウェイトがあります。そしてもちろん、これがデジタル商品である場合(Shopifyでは可能です)、そこでデジタル商品を選択し、その時点で送料オプションを表示しなくても良いです。
- 他 のバリアントやサイズがある場合は、ここでそれらを追加できます。しかし、これは軽いものなので、私はそれを削除します。そしてもちろん、ここでは検索エンジンリストがあります。これがGoogleでランク付けされ、実際に意味があることを確認するために編集する必要があります。
- これがどのように見えるかを示すために、まだドメインがないので、そのリンクがこれほど醜いのです。後で編集しますが、これが意味をなすようにしたいです。Aurora Hubの多機能ワイヤレススピーカー、それはいいタイトルだと思います。
- しかし、説明は下のドットが多くてちょっと変ですので、これを完全な文章に書き直した方が良いかもしれません。そしてURLハンドルですが、本当に醜いURLですが、最終的に非常に長くしたくないです。それをURLスラッグと呼びます。これを単に多機能と呼ぶことができます。これをAuroraと呼ぶことができます。そして再び戻ってみると、すべての画像が読み込まれたようです。これらの順番を変更できます。
Shopify製品の追加とSEO最適化
製品の追加と管理
- 製品を追加するには、左側のメニューから製品を選択し、新しい製品を追加します。
- 画像を追加したり、不要な画像を削除したりすることもできます。
- 製品の詳細を多くの写真で表示し、製品について詳しく知ることができるように配置や追加を自由に行うことができます。
- 製品のカテゴリやタイプ、ベンダーなどの情報を追加することもできます。
- 製品を保存したら、在庫は自動的に追跡されます。
- 複数の製品がある場合は、コレクションを追加することができます。例えば、服などのカテゴリ別にコレクションを作成し、製品を選択して追加していきます。
- 製品追加後は、ウェブサイトの編集を行うことができます。
製品の追加と管理
テーマストアの訪問とテーマの選択
- ここには5つまたは6つの人気のあるテーマがあります。
- 少し異なるものを選びたいので、『テーマストアを訪問』をクリックしたいと思います。
- 有料と無料のテーマの両方があるので、予算に最も適したものを選ぶ必要があります。
- 今回のビデオでは、無料のテーマを選ぶことにします。
- 少し制限がありますが、始めるときはお金を節約して自分でデザインしたいと思います。
- 好きなテーマを選んで『デモストアを表示』をクリックすると、ウェブサイトの見た目を確認できます。
- このテーマは写真がとても多いです。それが欲しいものです。写真はテキストグラフィックのようなもので、このテーマがちょうど良さそうです。
- 『テーマを試す』をクリックし、それを自分のストアに適用します。
- ここまで来ると、一番よくメッセージを受けるのが、テーマを追加したつもりでも、ウェブサイトに表示されないというものです。
- その理由は、常にテー マライブラリで『公開』をクリックしなければならないからです。
- 私たちが求めているのはOriginです。これを選んで、『公開』をクリックします。
- もちろん、ウェブサイトはまだパスワードで保護されています。そのままにしておき、『カスタマイズ』をクリックして、実際にウェブサイトをカスタマイズおよび編集できるようにします。
- そして、中央に私たちのウェブサイト全体が表示されます。現時点ではあまり見栄えがしませんが、すべてを編集していきます。
- 左側には、各要素が個別にリストされています。たとえば、特集製品があります。それが全体のブロックです。それから、下に画像バナーがあります。
テーマストアの訪問とテーマの選択
ページデザインの最適化
- マウスオーバーで各セクションを確認できます。
- アナウンスメントバーを編集し、ストアへようこそというメッセージを削除したり、割引やプロモーションなど relevancyのある情報に変更することができます。
- 次にヘッダーを編集し、その後にリッチテキストと注目製品を追加します。
- 製品を先に追加してからリンクを作成することで時間を節約できます。
- それぞれの要素を個別に編集することも可能です。タイトルのサイズを選択したり、説明を追加したりします。
ページデザインの最適化
商品ページのカスタマイズ
- 中サイズはおそらく少し大きすぎるかもしれません。小さく保ちましょう。
- タイトルが長すぎるので、製品タイトルを編集して短くし、他のブロックを追加できます。
- SKUを追加したり、アイコンとテキスト、製品の評価など、簡単に追加できます。
- 画像バナーが下にありますが、複数の画像を表示したい場合もありますので、他のセクションを追加できます。
- +ボタンをクリックしてセクションを追加できます。
- コラージュやスライドショーなど、さまざまなものがあります。1つの商品のウェブサイトであるため、その商品の多くの写真を表示したいです。
- 製品の名前や特集された画像について考え直したので、裩品や画像を編集します。
- 製品を選択して、特集写真を変更できます。
- オンラインストアに戻って、再度カスタマイズをクリックします。
- 今、それはより良く見えると思います。オーロラハブ、マルチ機能を超えて。製品が右にあります。
商品ページのカスタマイズ
ウェブサイトの編集とモバイル表示について
- ウェブサイトの編集には、左側の要素をクリックして編集できます。
- また、モバイルエディタでカスタマイズすることができ、モバイルとデスクトップで異なるウェブサイトにすることも可能です。
- 広告を実行する場所によっては、モバイル端末からウェブサイトを訪れる可能性が高いため、モバイルビューでのデザイン確認が重要です。
- モバイルとデスクトップの両方で最良のデザインを実現できます。
ウェブサイトの編集とモバイル表示について
テーマ設定の調整
- デスクトップエディタに戻りましょう。
- テーマ設定に移動すると、色を変更できます。
- 既定の色はかなりうまくいっていると思います。中立的な茶色がよくマッチしている。
- バナーは黒です。
- ロゴやその他の要素を変更することができます。
- まずはロゴを追加します。
- Favicon(ブラウザのタブに表示されるアイコン)には、この小さな太陽を使用します。
- ロゴはCanvaで簡単に作成できます。
- さて、このロゴは決して素晴らしいものではありませんが、とりあえずこれを使用します。
- それでも少し大きくしたいので、後でCanvaに戻って大きくするかもしれません。
- テーマ設定を最小化すると、他の項目もチェックできます。
- ボタンや製品カードなどのアニメーションやボタンを最適化することをお勧めします。
- ほとんどの部分は私の希望通りです。
- 他のページもチェックできます。
- トップのドロップダウンメニューから個別の製品ページを見ることができます。
- デフォルトの製品ページに移動すると、製品の説明やたくさんの写真が表示されます。
テーマ設定の調整
Shopifyチェックアウトページのカスタマイズ
- すべて揃っています。そして、チェックアウトページも確認できます。ここでの意図はありません。こちらが表示される予定です。かなり基本的で、シンプルなチェックアウトページです。これは通常、Shopifyが使用するものですが、左側のテーマ設定ですべてをカスタマイズできます。
- 下の方にスクロールして、バナーやロゴ、画像などを追加できます。私はロゴを追加しますので、ロゴをクリックして、ここにもう一度追加しましょう。すると、どこか上部に表示されるはずです。
- もちろん、これはMy Storeと呼ばれていますが、後で設定に移動してその情報やメタデータをすべて変更します。ドロップダウンをクリックしてカートを見てみると、かなりきれいなように思います。そして、ブログの記事もあります。現時点ではまだブログ記事はありませんが、 後でそのことについて話し合えます。変更を保存し、戻るをクリックしましょう。
- これによりダッシュボードに戻ります。製品やデザインがあります。次に、いくつかの設定に移動したいと思います。一番下までスクロールして、まずはストアの詳細から始めましょう。名前や通貨、タイムゾーン、注文IDのフォーマットを変更して保存をクリックします。そして、支払いに移動します。実際にお客様が支払う方法です。Shopify Paymentsを設定して、Apple PayやGoogle Payで支払えるようにします。
Shopifyチェックアウトページのカスタマイズ
支払いオプションと配送の設定
- 異なるカードを追加するためには、まず「アカウント設定の完了」をクリックします。
- その後、「詳細を送信」をクリックし、Shopify支払い、PayPal、そしてAmazon Payを設定します。
- Amazon Payを有効にする必要がありますが、いずれの支払いオプションも「管理」をクリックして削除することができます。
- 支払いオプションはできるだけ多く用意することで、クレジットカードを持っていない顧客でもスマートフォンのPayPalを利用して買い物できるため、売上のロスを減らせます。
- また、チェックアウトページにおいては、電子メールマーケティングリストへの登録を促すことができ、配送に関しては国内外の設定を行うことができます。国内配送のみの設定も可能であり、配送料金に関しても設定が自由に行えます。
支払いオプションと配送の設定
Shopifyの新しいドメインと送料設定の追加方法
- 商品の価格に基づいて条件を追加することができます。米国やカナダなどの他の地域も作成できます。
- たとえば、米国とカナダに配送する場合、それぞれの料金を設定できます。料金を追加しないと、顧客は購入手続きを完了できません。
- 送料は個別に設定することもできます。たとえば、配送に関係なく$4.99に設定することも可能です。
- 独自のドメインを取得したい場合は、Shopifyを通じて購入するか、他の場所で購入して接続することができます。
- ドメインの購入後は、メールで情報を確認し、リンクをクリックして情報を確認します。
Shopifyの新しいドメインと送料設定の追加方法
Shopifyのポリシーとフッターメニューの設定
- それには少し時間がかかります。 もちろん、私は下記に行き、ポリシーを指摘したいと思います。
- これについてShopifyは本当に素晴らしいことをしています。 ポリシーにテンプレートを使用することを許可してくれます。 そのため、ここでテンプレートから作成、利用規約、プライバシーなどを作成できます。 もちろん、これを読んでください、なぜならこれはあなたがポリシーとして提示しているものですが、Shopifyがこれを書き換えて一般的な手順を提供してくれるのは素晴らしいことです。
- その後、自分自身の配送ポリシーや返品ポリシーなどを追加できます。 しかし、今のところ、私はほぼこれで行く予定です。 ですので、それらをすべて保存します。 そして、フッターにもそれらを追加できます。
- 設定を閉じて、オンラインストアに移動し、ナビゲーションをクリックします。 そしてここから、フッターメニューをクリックし、フッターメニューにいくつかのアイテムを追加できます。 ここで、ポリシーというリンクを追加します。 プライバシーポリシーを追加したいと思います。 そして、返金ポリシーを追加できます。 もちろん、利用規約も追加できます。 それでは、メニューを保存します。 そして、それがフッターに表示されるようになります。 ナビゲーションメニューに戻りますが、上部にメインメニューもあります。 そのメインメニューをクリックすると、カタログは実際に必要ありませんので、削除します。 そして、別のアイテムを追加できます。 実際に、これは私たちの主要な製品だけです。 誰かがそれを購入したい場合のために、常に上部に表示されるようになります。 そのため、どのページでも、ブログでも、それらは常に製品を見つけて購入できます。
Shopifyのポリシーとフッターメニューの設定
Shopifyストアの作成
- これらも同様に入れ替えることができます。したがって、これを少し上に動かし、中央に配置します。ここで保存メニューをクリックします。
- そして今、おそらくパスワードを削除する時が来たでしょう。常にパスワードと表示されるバナーがどこにでもあります。オンラインストアに移動し、設定に移動します。
- そして今、私たちはパスワードを設定しているので、誰もが私たちのストアで何かを買うことはできません。これはストアを構築する際の作業です。
- しかし、今準備ができているので、それを選択解除することができます。したがって、もはやパスワードは設定されていません。保存します。そして今、私たちのウェブサイトは準備ができているはずです。
- すべての準備が整いました。オンラインストアに移動し、3つの点をクリックし、表示をクリックします。わずか数分で、完全に機能するウェブサイトが完成しました。
- 最後に行うことは、実際にテスト注文を行って動作を確認することです。これはShopify内で実行できます。このビデオでお見せしたいと思っていることはほぼすべてです。
- もちろん、次のステップは説明欄のリンクをクリックすることです。完全に無料で提供されている詳細なマーケティングコースが用意されています。
- このビデオは、約15分程度でウェブサイトを作成し、Shopifyストアを作成する方法を教えることを目的としています。最後までお楽しみいただけましたら、高評価とチャンネル登録を検討してください。
- 以上が全てになります。そしてそこでお会いしましょう。
Shopifyストアの作成
Conclusion:
このビデオは、Shopifyストアを作成するための完全なガイドとなっています。ウェブサイトの準備が整ったらパスワードを削除し、テスト注文を行って動作を確認することが重要です。さらに、説明欄のリンクから無料のマーケティングコースにアクセスすることをお勧めします。