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

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

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

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

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

ShopifyとWordPressを併用する理由

ShopifyとWordPressを連携させることで、Shopifyの強力なeコマース機能を販売に利用しながら、WordPressの柔軟性とデザインコントロールをメインウェブサイトに活用できます。

この強力な組み合わせにより、プラットフォームの長所を活かして、オンラインビジネスを効果的に成長させることができます。

• 比類なき柔軟性：Shopifyの専門的なオンラインストア機能と、WordPressのあらゆる種類のウェブサイトコンテンツ、デザイン、機能を作成できる自由度を組み合わせます。
• 完全なデザインコントロール：WordPressのテーマとプラグインを使用して、ウェブサイトの美学とユーザーエクスペリエンスを完全に制御します。
• 市場リーチの向上：WordPressの優れたSEO機能とコンテンツマーケティングツールを活用して、より幅広いオーディエンスを引き付け、Shopify製品へのトラフィックを増やします。
• 成長のためのスケーラビリティ：ビジネスの成長に合わせて適応・拡張できる、高度にスケーラブルなオンラインプレゼンスを構築します。

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

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

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

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

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

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

まず、ウェブサイトをホストするマネージドプラットフォームであるWordPress.comがあります。次に、セルフホスト型WordPressとも呼ばれるWordPress.orgがあります。

WordPress.orgは、WordPressのすべての機能、テーマ、プラグインへの完全な制御とアクセスを提供するため、必要になります。詳細については、WordPress.com vs. WordPress.orgの比較をご覧ください。

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

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

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

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

その後、Bluehostの料金ページにアクセスします。

ほとんどのユーザーが Shopify と WordPress を連携させる場合、基本的なホスティングプランで十分です。

ただし、WordPress サイトに直接追加の e コマース機能が必要な場合は、Bluehost が「eコマース エッセンシャル」プランを提供しています。お好きなものを選んで、必要に応じてより上位のプランにアップグレードできます。

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

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

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

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

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

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

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

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

このようになります。

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

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

Shopifyの購入ボタンを手動で埋め込んだり、より複雑なAPI統合を使用したりするなど、いくつかの方法がありますが、最も簡単で機能豊富なアプローチはShopWPです。

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

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

有効化したら、WordPress ダッシュボードの ShopWP Pro » Connect ページにアクセスし、「接続プロセスを開始する」ボタンをクリックしてください。

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

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

Shopify ドメイン（.myshopify.com アドレス）を見つけるには、Shopify 管理画面にログインしてください。

通常、ブラウザのアドレスバーで確認できます。または、左側のサイドバーから 設定 に移動し、「ドメイン」をクリックしてください。そこに .myshopify.com ドメインが表示されます。

セットアップウィザードにドメインを入力すると、「マイ ストア」ページに移動します。ここでは、ShopWP が Shopify ストアに接続するために必要な権限（例：商品や注文の表示）を求められます。

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

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

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

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

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

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

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

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

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

購入準備ができた際には、安全にShopifyストアにリダイレクトされ、チェックアウトを完了できます。

この設定をオフにしたままにすると、顧客は商品をカートに追加するためにクリックした際に、すぐにShopifyストアに送信されます。

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

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

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

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

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

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

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

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

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

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

設定には、レイアウト、色、および価格、説明、タイトル、画像などの表示する商品詳細が含まれます。

価格や説明などの実際の商品の情報は、Shopifyストア内で直接編集することを忘れないでください。

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

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

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

ShopWPの無料バージョンでは、基本的な商品表示ブロックが提供されます。しかし、カート、商品詳細、コレクション、タイトル、検索ブロックなどの機能を持つ完全なeコマース体験には、Proバージョンへのアップグレードが必要です。

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

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

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

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

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

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

プレミアムおよび無料のWordPressテーマは何千もの選択肢があります。始めるには、最も人気のあるWordPressテーマのまとめをご覧ください。また、最高の衣料品店テーマのリストも厳選しました。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

商品固有のレビューについては、Shopifyに組み込まれている商品レビューアプリを使用できます。

さらに、Yelp、Facebook、Googleなどのプラットフォームにビジネスレビューがある場合は、Smash Balloon Reviews Feed Proプラグインを使用してWordPressウェブサイトに追加できます。

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

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

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

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

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

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

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

Shopifyと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でも私たちを見つけることができます。