Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

最近読者から、WordPressサイトにShopifyを統合することは可能かという質問がありました。

WordPressでShopifyを使用すると、Shopifyのeコマース機能と地球上で最も強力なサイトプラットフォームであるWordPressを組み合わせることができます。これにより、より柔軟で自由にビジネスを成長させることができます。

この投稿では、ShopifyとWordPressを簡単に連携させ、ビジネスを成長させる方法をご紹介します。

Using Shopify with WordPress

なぜWordPressでShopifyを使うのか?

WordPressは世界で最も優れたサイトビルダーであり、インターネット上のすべてのウェブサイトの43%以上を運営しています。

驚くほど使いやすく、何千もの無料・有料のWordPressテーマやプラグイン(WordPressサイト用アプリ)にアクセスできる。

一方、Shopifyは人気のeコマースプラットフォームで、オンラインで簡単に商品を販売することができる。

WordPressとWooCommerceを使ってオンラインストアを作ることもできますが、ユーザーによってはオンラインストアをShopifyで、サイトをWordPressで作りたいと考える人もいるでしょう。

詳しくは、ShopifyとWooCommerceの長所と短所の比較をご覧ください。

ShopifyとWordPressを組み合わせることで、両プラットフォームの利点を得ることができます。Shopifyで商品を販売しながら、WordPressの柔軟性と自由なサイト管理を楽しむことができます。

それでは、WordPressでShopifyを簡単に使う方法を見ていきましょう。このチュートリアルのナビゲーションには、以下のクイックリンクをご利用ください:

ステップ1:ShopifyストアとWordPressサイトのセットアップ

Shopifyストアをお持ちでない方は、今すぐShopifyストアを作成してください。商品をいくつか追加して、またここに戻ってきてください。

Shopify's website

次に、WordPressサイトをセットアップする必要があります。

WordPressには2種類ある。まず、サイトホスティングサービスのWordPress.com。そして、WordPress.orgがあり、インストール型のWordPressとも呼ばれています。

WordPress.orgが必要な理由は、WordPressのすべての機能にすぐにアクセスできるからです。詳しくは、WordPress.comとWordPress.orgの比較をご覧ください。

WordPress.orgのサイトを作るには、ドメイン名(WPBeginner.comなど)とホスティングサービスが必要です。

ドメインネームは年間約14.99ドルで、WordPressホスティングサービスプランは月額7.99ドルから(通常は年払い)。

Bluehostの友人たちは、WPBeginnerユーザーに無料のドメイン名とホスティングの寛大な割引を提供することに同意しました。基本的に、月々$1.99で始めることができます。

あなたがする必要があるすべては、上記の私たちのBluehostのリンクをクリックし、次の画面で “今すぐ始める “ボタンをクリックするだけです。

Clicking the Get Started Now button in the Bluehost page

その後、あなたは今Bluehostの価格ページに到着します。

オンラインビジネスの場合、「オンラインストア」プランをお勧めしますが、お好きな方をお選びください。必要に応じて、いつでも上位プランにアップグレードできます。お好きなプランの「選択」をクリックしてください。

Bluehost pricing plans

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

後でドメインを作成する」ボタンをクリックして、このステップをスキップすることもできます。

Bluehost buy domain name

ホスティングサービスに追加できるパッケージが表示されます。

これらはすべてオプション設定であり、必要ないと思えばすべてチェックを外すことができる。

Bluehost package extras

最後に、先に進み、お支払い情報を入力することができます。完了したら、Bluehostは、ホスティングダッシュボードにログインする方法についてメールで指示を送信します。

ログイン中、 “ウェブサイト “タブに移動します。あなたはBluehostがあなたのために新しいWordPressサイトをインストールしていることがわかります。

Bluehost Edit Site

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

こんな感じになるだろう:

Areas of the WordPress Dashboard

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

さて、次のステップはWordPressサイトをShopifyストアに接続することです。

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

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

有効化した後、ShopWP Pro ” Connectページにアクセスし、’Begin the connection process’ ボタンをクリックして接続ウィザードを起動する必要があります。

Start Shopify connection wizard

接続ウィザードが起動します。

まず、あなたのmyshopify.comドメイン名を入力するよう求められます。

Your Shopify store URL

Shopifyストアを接続する」ボタンをクリックして次に進みます。

次に、ShopWPアプリがあなたのShopifyストアにアクセスできるようにするよう求められます。アプリをインストール」ボタンをクリックするだけで、接続プロセスが開始されます。

Install App

WordPressのブログやサイトに戻ることができます。

プラグインは、あなたのサイトがShopifyストアに接続されていることを確認します。

Connected to your Shopify store

Next(次へ)」ボタンをクリックして進みます。

ここで、Shopifyの商品に使用するページから、あなたのストアの様々な設定を求められます。

Create pages

リストページをオンにして、WordPressページを選択するか、初期設定のShopWP商品ページを使用することができます。

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

次のステップでは、ユーザーが商品をクリックしたときの動作を選択できます。モーダルで商品を表示したり、ユーザーをShopifyやWordPressの商品詳細ページにリダイレクトすることができます。

Product click settings

次に、WordPressサイトとShopifyストアの間で商品を同期させる必要がある。

プラグイン設定の「同期」タブに切り替えるだけです。

Sync products

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

これですべてです!これでShopifyとWordPressの接続は完了です。

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

ShopWPは、WordPressサイト上のどこにでも簡単にShopifyの商品を表示することができます。

初期設定を使用している場合、プラグインはShopWPProductsページを作成し、Shopifyの商品を表示します。

Shop page

WordPressの投稿やページを編集してProductsブロックを追加するだけで、投稿日やページに商品を表示することもできます。

詳しくはWordPressブロックエディターの使い方をご覧ください。

ShopWP Products block

このブロックには、商品の外観を変更するための設定がたくさん用意されている。

設定には、レイアウト、色、表示する商品詳細などが含まれます。

Product block settings

同様に、個別商品ブロックを追加して、個別商品を表示することもできます。

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

Single product block

プラグインには、ブロック設定またはプラグイン設定ページでコントロールできる強力な表示オプションが付属しています。

ステップ4:WordPressサイトのカスタマイズ

ShopifyストアとWordPressサイトの接続が完了したら、次はWordPressサイトのセットアップです。

まず、WordPressサイトのテーマを選びます。WordPressテーマは、サイト全体のデザインとレイアウトをコントロールします。

何千ものプレミアムおよび無料のWordPressテーマから選ぶことができます。まずは、最も人気のあるWordPressテーマのまとめをご覧ください。また、最高のアパレルショップのテーマのリストも厳選しました。

自分のテーマレイアウトをデザインしたいですか?SeedProdでそれができます。ドラッグ&ドロップのWordPressサイトビルダーで、コードを書くことなく独自のカスタマイザーテーマを作成できます。

The SeedProd Visual Editor

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

ページを使って、ホーム、ブログ、ショップ、コンタクト、アバウトページを追加し、サイトの構造を作ることができます。WordPressで作成する重要なページのリストをご覧ください。

その後、WordPressのナビゲーション・メニューにページを追加する。

Site navigation

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

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

WordPressを使う一番の利点は、何千ものプラグインが付属しており、ビジネスを成長させるために必要なすべてのマーケティングツールと連動していることです。

以下は、すぐにでもインストールしたい必須ツールとプラグインだ:

その他のおすすめプラグインについては、ビジネスサイトに欠かせないWordPressプラグインのリストをご覧ください。

この投稿が、WordPress と Shopify を簡単に統合する方法を学ぶのにお役に立てば幸いです。また、あなたのビジネスを成長させるための最高のメールマーケティングサービスと最高のライブチャットソフトウェアの専門家の選択もご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

7件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi says

    since Shopify offers valuable KPI metrics like customer lifetime value, acquisition costs, net promoter score, and inventory tracking, is it possible to display those metrics on the WordPress dashboard too? or maybe some similar performance indicator metrics similar to Shopify’s?

    • WPBeginner Support says

      For that you would use an analytics plugin like MonsterInsights and that would generate that information for you :)

      管理者

  3. Richard says

    Hi, I have a small question about this blog (integrating Shopify products into your WordPress website).

    What happens when you click the “add to cart” button when the hHopify products are integrated into a WP page? Do you go to the Shopify platform and finish your purchase on the Shopify platform? Or do you stay on your WordPress website and handle purchae on that website?

    Reason to ask this is also your shopping cart. icon in the header. Can you see this on your WordPress website when adding a product? Or is everything handled by Shopify?

  4. Linda Klink Crawford says

    We are having a website built with wordpress. We will be selling products. Can we use Shopify as our credit card and check out processor

    • WPBeginner Support says

      This guide would allow you to have Shopify handle your checkout for you to achieve that.

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。