ShopifyとWordPressを簡単に統合する方法（ステップバイステップ）

Shopifyは、オンラインストアをセットアップするための人気のeコマースプラットフォームです。ユーザーフレンドリーなインターフェースとビジネスを管理するための幅広いツールを備えていますが、オンラインビジネスのスタンドアロンオプションとしては最適ではないかもしれません。

そのため、WordPressとShopifyの併用をお勧めします。これにより、Shopifyのeコマース機能と、世界で最も強力なウェブサイトビルダーを組み合わせることができ、ビジネスを成長させるためのより多くの柔軟性が得られます。

オンラインストアにWordPressを使用しており、そのスケーラビリティを直接見てきました。Shopifyも何度もテストしました。これにより、それぞれの長所と短所を比較することができ、多くの場合、それらを一緒に使用することが最善の選択肢となることがわかりました。

この記事では、ShopifyとWordPressを簡単に連携させてビジネスを成長させる方法を説明します。

ShopifyとWordPressを併用する理由

WordPressは、インターネット上の全ウェブサイトの43%以上を支える、世界最高のウェブサイトビルダーです。

使用が非常に簡単で、何千もの無料および有料のWordPressテーマとプラグイン（ウェブサイト用のアプリ）にアクセスできます。

一方、Shopifyは、オンラインで商品を販売するのに役立つ人気のeコマースプラットフォームです。

WordPressとWooCommerceを使用してオンラインストアを作成できますが、一部のユーザーはストアにShopifyを使用し、ウェブサイトにWordPressを使用したい場合があります。

詳細については、両ツールの長所と短所を比較したShopifyとWooCommerceの比較をご覧ください。

ShopifyとWordPressを組み合わせることで、両方のプラットフォームの利点を享受できます。Shopifyで商品を販売しながら、WordPressの柔軟性と自由度を活用してウェブサイトを管理できます。

これにより、ウェブサイトのデザインを完全に制御し、市場へのリーチを拡大し、単一のダッシュボードから両方のプラットフォームを管理できます。

それでは、ShopifyとWordPressを簡単に連携させる方法を見ていきましょう。以下のクイックリンクを使用して、このチュートリアルを進めることができます。

• ステップ1：ShopifyストアとWordPressウェブサイトの設定
• ステップ 2: WordPress と Shopify ストアを接続する
• ステップ 3: Shopify 商品を WordPress に表示する
• ステップ 4: WordPressウェブサイトをカスタマイズする
• ステップ5：WordPressサイトに問い合わせフォームを追加する
• ステップ6：オンラインストアにお客様のレビューを追加する
• ステップ7：WordPressサイトとShopifyストアを成長させる
• よくある質問

ステップ1：ShopifyストアとWordPressウェブサイトの設定

まだ完了していない場合は、まずShopifyストアを作成する必要があります。

その後、いくつかの製品を追加してから、ここに戻ってください。

次に、WordPressウェブサイトを設定する必要があります。WordPressには2種類あることに注意してください。

まず、ウェブサイトホスティングサービスであるWordPress.comがあります。次に、セルフホスト型WordPressとも呼ばれるWordPress.orgがあります。

WordPress.orgが必要です。これにより、WordPressのすべての機能にすぐにアクセスできます。詳細については、WordPress.comとWordPress.orgの比較をご覧ください。

WordPress.orgのウェブサイトを作成するには、インターネット上のサイト名となるドメイン名と、ウェブサイトのすべてのデータを保存するウェブホスティングアカウントが必要です。

ドメイン名は年間約14.99ドルで、WordPressホスティングプランは通常月額7.99ドル（通常は年払い）から始まります。

私たちの友人であるBluehostは、WPBeginnerユーザーに無料のドメイン名とホスティングの大幅な割引を提供することに同意しました。基本的に、月額わずか2.99ドルから始めることができます。

上記のBluehostリンクをクリックし、次の画面で「今すぐ開始」ボタンをクリックするだけで済みます。

その後、Bluehostの料金ページに到着します。

オンラインビジネスの場合、「eCommerce Essentials」プランを選択することをお勧めしますが、お好きなプランを選択できます。必要に応じて、いつでも上位プランにアップグレードできます。

選択したプランの「プランを選択」をクリックします。

次に、ドメイン名を選択するか、既存のドメイン名をWordPressウェブサイトに接続する必要があります。

「後でドメインを選択」リンクをクリックして、このステップをスキップすることもできます。

その後、支払い情報を入力して購入を完了してください。

ビジネスメールアドレス、氏名、国、電話番号など、アカウント情報を提供するように求められます。

Bluehost から、ホスティングダッシュボードへのログイン方法に関する指示がメールで届きます。

ログインしたら、「Webサイト」タブに移動します。Bluehostが新しいWordPressサイトをインストールしたことがわかります。

「サイトを編集」ボタンをクリックするだけで、WordPress 管理ダッシュボードにアクセスできます。

このようになります。

ステップ 2: WordPress と Shopify ストアを接続する

次に、WordPressウェブサイトをShopifyストアに接続します。

そのためには、ShopWPが必要です。これはWordPress用のShopifyプラグインで、WordPressをShopifyアカウントに簡単に接続できます。

まず、ShopWPプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、ShopWP Pro » Connectページにアクセスし、「接続プロセスを開始」ボタンをクリックします。

これにより、接続ウィザードが起動します。

ここでmyshopify.comのドメイン名を入力するように求められます。その後、「Shopifyストアを接続」ボタンをクリックして続行してください。

Shopifyドメインを見つけるには、オンラインストアのダッシュボードにアクセスし、左側の列から「設定」タブに切り替える必要があります。

これにより、画面上に新しいページが開かれ、左上隅にストア名の下にドメイン名が表示されます。

セットアップウィザードでドメインを入力すると、「マイストア」ページに移動します。ここでは、ShopWPが個人データへのアクセスを要求します。

ここで、「インストール」ボタンをクリックするだけです。

その後、WordPressダッシュボードにリダイレクトされます。プロセスが成功した場合、画面に「接続済み」というメッセージが表示されます。

「次のステップに進む」ボタンをクリックしてください。

次に、Shopify製品に使用したいページから始めて、ストアのさまざまな設定を構成するように求められます。

リスティングページをオンにしてから、WordPressページを選択するか、デフォルトのShopWP製品ページを使用できます。

同様に、コレクションページや個々の商品詳細ページを有効にすることもできます。

次のステップでは、ユーザーが商品をクリックしたときに何が起こるかを選択できます。

例えば、商品をモーダルで表示したり、ユーザーを Shopify または WordPress の商品詳細ページにリダイレクトしたりできます。

次に、「カートに読み込む」設定をオンにすることができます。これにより、顧客は商品をカートに追加し、WordPressサイトで直接チェックアウトできるようになります。

この設定をオフにしたままにすると、お客様は購入を完了するためにShopifyストアに送信されます。

最後に、「保存してセットアップを完了」ボタンをクリックします。

これで WordPress ダッシュボードに移動します。ここから、ShopWP Pro » Sync ページに移動してください。

そこに着いたら、「詳細ページを同期」および「自動投稿同期を接続」ボタンをクリックします。これにより、Shopify ストアに新しい商品を追加する際に、プラグインが商品詳細を取得できるようになります。

これで、ShopifyストアをWordPressに正常に接続できました。

ステップ 3: Shopify 商品を WordPress に表示する

ShopWPを使用すると、Shopify製品をWordPressサイトのどこにでも簡単に表示できます。

デフォルト設定を使用している場合、プラグインはShopWPの製品ページを作成します。これにより、Shopify製品が表示されます。

製品ブロックを追加するだけで、任意のWordPressの投稿やページに製品を表示することもできます。

詳細については、WordPressブロックエディターの使用方法に関するガイドをご覧ください。

このブロックには、製品の外観を変更するために構成できる多くの設定が付属しています。

設定には、レイアウト、色、表示する製品の詳細などが含まれます。ここから製品の価格、説明、タイトル、画像を変更することもできます。

同様に、単一製品ブロックを追加して、単一の製品を表示することもできます。

ブロック設定で製品タイトルを入力することで、表示したい製品を見つけることができます。

このプラグインには、ブロックパネルまたはプラグインの設定ページで制御できる強力な表示オプションがあります。

このツールの無料バージョンを使用している場合、これらはすべて利用可能なブロックです。ただし、Proバージョンにアップグレードすると、カート、説明、コレクション、タイトル、検索ブロックをページに追加できます。

これらのブロックは、カートボタン、タイトル、説明、画像などを異なるブロックを使用して追加したい各製品の個別のページを作成するのに適しています。

特定のグループに属するShopifyの商品を表示するために、「コレクション」ブロックを使用することもできます。

すべての製品をグリッドにまとめて表示するメインショップページを作成したい場合は、「製品」ブロックが最適なツールです。

完了したら、「更新」または「公開」ボタンをクリックして設定を保存することを忘れないでください。

ステップ 4: WordPressウェブサイトをカスタマイズする

Shopify ストアをウェブサイトに接続したので、次のステップは WordPress サイトを適切にカスタマイズすることです。

まず、見た目に魅力的なストアのテーマを選択します。このテーマが、サイト全体のデザインとレイアウトを制御します。

数千ものプレミアムおよび無料のWordPressテーマから選択できます。まず、最も人気のあるWordPressテーマのまとめをご覧ください。また、最高の衣料品店テーマのリストも厳選しました。

ただし、SeedProdを使用して独自のカスタムテーマをデザインすることもできます。これは、コードを書かずに独自のカスタムテーマを作成できるドラッグ＆ドロップのテーマビルダーです。

次に、WordPressウェブサイトのコンテンツを作成します。

ホーム、ブログ、ショップ、お問い合わせ、会社概要のページを追加して、ウェブサイトの構造を作成するためにページを使用できます。WordPressで作成すべき重要なページのリストをご覧ください。

その後、WordPressでナビゲーションメニューにページを追加してください。

詳細については、WordPressテーマのカスタマイズ方法に関するチュートリアルをご覧ください。

ステップ5：WordPressサイトに問い合わせフォームを追加する

サイトのカスタマイズが完了したら、ウェブサイトに問い合わせフォームを追加することをお勧めします。これにより、顧客が質問がある場合やエラーを報告したい場合に連絡できるようになります。

これには、WPFormsをお勧めします。これは、ドラッグ＆ドロップビルダー、2000以上の既製テンプレート、および完全なスパム保護を備えた、市場で最高のWordPressお問い合わせフォームプラグインです。

WPBeginnerでは、問い合わせフォームや年次アンケートの作成にこれを使用しています。詳細については、WPFormsの詳細レビューをご覧ください。

アクティベートしたら、WPFormsの「シンプルなコンタクトフォーム」テンプレートを使用し、WPFormsブロックで任意のページまたは投稿に追加してください。

詳細については、WordPressで問い合わせフォームを作成する方法に関するチュートリアルを参照してください。

お客様が連絡を取るための別の方法を提供するために、ビジネス電話サービスを追加することもできます。これにより、ユーザーは電話で直接連絡できるようになります。

そのためには、Nextivaをお勧めします。これは中小企業向けの最高のVoIP電話サービスです。さらに、オンラインファックス、ライブチャット、オンラインアンケート、CRM、通話分析などの機能も備えています。

詳細については、ウェブサイト用の自動応答電話システムの設定方法に関するチュートリアルをご覧ください。

ステップ6：オンラインストアにお客様のレビューを追加する

次に、オンラインストアで顧客レビューを提示して、ユーザーの信頼を築き、購入を促しましょう。

例えば、Yelp、Facebook、Google にすでにレビューがある場合、Smash Balloon Reviews Feed Pro プラグインを使用してウェブサイトに追加できます。

これは、市場で最高のWordPress顧客レビュープラグインであり、視覚的に魅力的なレイアウトでレビューを追加できます。

より詳細な手順については、WordPressでGoogle、Facebook、Yelpのレビューを表示する方法に関するチュートリアルを参照してください。

ステップ7：WordPressサイトとShopifyストアを成長させる

WordPressを使用する最大の利点は、何千ものプラグインがあり、ビジネスを成長させるために必要なすべてのマーケティングツールと連携できることです。

以下は、すぐにインストールしたいかもしれない、いくつかの必須ツールとプラグインです。

• OptinMonster – 最適なコンバージョン最適化ソフトウェアであるOptinMonsterを使用すると、ウェブサイトの訪問者を顧客に変換できます。スティッキーバナー、カウントダウンタイマー、ライトボックスポップアップなどのツールが付属しています。
• All in One SEO – 市場で最高のWordPress SEOプラグインです。これにより、検索エンジン向けにウェブサイトを簡単に最適化し、ウェブサイトへのトラフィックを増やすことができます。
• MonsterInsights – トラフィックがどこから来ているか知りたいですか？MonsterInsightsは、Googleアナリティクスをインストールし、拡張eコマーストラッキングを簡単に設定するのに役立ちます。
• TrustPulse – ウェブサイトでのリアルタイムのユーザーアクションを表示することで、ターゲットメッセージをユーザーに表示し、eコマースストアにソーシャルプルーフを追加します。TrustPulseはWordPressとShopifyの両方で動作します。
• PushEngage – サイトを離れた訪問者とプッシュ通知でつながるのに役立つ、最高のウェブプッシュ通知ソフトウェア。

その他の推奨事項については、ビジネスウェブサイト向けの必須WordPressプラグインのリストをご覧ください。

よくある質問

WordPressとShopifyの連携について、読者からよく寄せられる質問をいくつかご紹介します。

ShopifyとWordPressの両方のホスティングに料金を支払う必要がありますか？

はい、両方のプラットフォームに個別のプランが必要です。Shopifyは完全にホストされたサービスであり、独自のサブスクリプションが必要です。

また、セルフホスト型の WordPress.org ウェブサイトには、別途ウェブホスティングアカウントが必要です。

なぜこの方法ではなくWooCommerceを使わないのですか？

WooCommerce は WordPress にとって優れた Eコマースプラグインですが、一部のユーザーは支払い、配送、在庫管理のために Shopify の特定のバックエンドを好みます。

この統合は、両方の長所を提供します。Shopifyの合理化されたストア管理とWordPressの強力なウェブサイト構築機能を利用できます。

既存のドメイン名を使用できますか？

もちろんです。サイトのWordPress部分には、通常訪問者が最初に目にするメインのドメイン名を使用できます。

その後、シームレスな体験を作成するために、Shopifyストアをshop.yourwebsite.comのようなサブドメインに向けることができます。

Shopifyの商品とWordPressは自動的に同期されますか？

はい、ShopWPプラグインは製品を自動的に同期するように設計されています。

セットアップが完了すると、Shopifyで変更されたり追加されたりした商品はすべてWordPressサイトに表示されます。

この記事が、Shopify と WordPress を簡単に連携させる方法を学ぶのに役立ったことを願っています。また、Shopify から WooCommerce への適切な移行方法（ステップバイステップ）に関する初心者向けガイドや、最適な Shopify の代替品についてもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。