最近読者から、WordPressサイトにShopifyを統合することは可能かという質問がありました。
WordPressでShopifyを使用すると、Shopifyのeコマース機能と地球上で最も強力なサイトプラットフォームであるWordPressを組み合わせることができます。これにより、より柔軟で自由にビジネスを成長させることができます。
この投稿では、Shopifyと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ストアを作成してください。商品をいくつか追加して、またここに戻ってきてください。
次に、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のリンクをクリックし、次の画面で “今すぐ始める “ボタンをクリックするだけです。
その後、あなたは今Bluehostの価格ページに到着します。
オンラインビジネスの場合、「オンラインストア」プランをお勧めしますが、お好きな方をお選びください。必要に応じて、いつでも上位プランにアップグレードできます。お好きなプランの「選択」をクリックしてください。
次に、ドメイン名を選択するか、既存のドメイン名をWordPressサイトに接続する必要があります。
後でドメインを作成する」ボタンをクリックして、このステップをスキップすることもできます。
ホスティングサービスに追加できるパッケージが表示されます。
これらはすべてオプション設定であり、必要ないと思えばすべてチェックを外すことができる。
最後に、先に進み、お支払い情報を入力することができます。完了したら、Bluehostは、ホスティングダッシュボードにログインする方法についてメールで指示を送信します。
ログイン中、 “ウェブサイト “タブに移動します。あなたはBluehostがあなたのために新しいWordPressサイトをインストールしていることがわかります。
サイトを編集」ボタンをクリックして、WordPressダッシュボードにアクセスするだけです。
こんな感じになるだろう:
ステップ2:WordPressをShopifyストアに接続する
さて、次のステップはWordPressサイトをShopifyストアに接続することです。
そのためには、ShopWPプラグインが必要です。これはWordPress用のShopifyプラグインで、WordPressとShopifyアカウントを簡単に接続することができる。
まず、WordPressサイトにShopWPプラグインをインストールし、有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化した後、ShopWP Pro ” Connectページにアクセスし、’Begin the connection process’ ボタンをクリックして接続ウィザードを起動する必要があります。
接続ウィザードが起動します。
まず、あなたのmyshopify.comドメイン名を入力するよう求められます。
Shopifyストアを接続する」ボタンをクリックして次に進みます。
次に、ShopWPアプリがあなたのShopifyストアにアクセスできるようにするよう求められます。アプリをインストール」ボタンをクリックするだけで、接続プロセスが開始されます。
WordPressのブログやサイトに戻ることができます。
プラグインは、あなたのサイトがShopifyストアに接続されていることを確認します。
Next(次へ)」ボタンをクリックして進みます。
ここで、Shopifyの商品に使用するページから、あなたのストアの様々な設定を求められます。
リストページをオンにして、WordPressページを選択するか、初期設定のShopWP商品ページを使用することができます。
同様に、コレクションページや個々の商品詳細ページをオンにすることもできます。
次のステップでは、ユーザーが商品をクリックしたときの動作を選択できます。モーダルで商品を表示したり、ユーザーをShopifyやWordPressの商品詳細ページにリダイレクトすることができます。
次に、WordPressサイトとShopifyストアの間で商品を同期させる必要がある。
プラグイン設定の「同期」タブに切り替えるだけです。
ここから、詳細ページの同期と自動投稿同期の接続ボタンをクリックする必要があります。これにより、Shopifyストアに新商品を追加した際に、プラグインが商品詳細を取得できるようになります。
これですべてです!これでShopifyとWordPressの接続は完了です。
ステップ3:WordPressでShopifyの商品を表示する
ShopWPは、WordPressサイト上のどこにでも簡単にShopifyの商品を表示することができます。
初期設定を使用している場合、プラグインはShopWPProductsページを作成し、Shopifyの商品を表示します。
WordPressの投稿やページを編集してProductsブロックを追加するだけで、投稿日やページに商品を表示することもできます。
詳しくはWordPressブロックエディターの使い方をご覧ください。
このブロックには、商品の外観を変更するための設定がたくさん用意されている。
設定には、レイアウト、色、表示する商品詳細などが含まれます。
同様に、個別商品ブロックを追加して、個別商品を表示することもできます。
ブロック設定で商品タイトルを入力すると、表示したい商品を見つけることができます。
プラグインには、ブロック設定またはプラグイン設定ページでコントロールできる強力な表示オプションが付属しています。
ステップ4:WordPressサイトのカスタマイズ
ShopifyストアとWordPressサイトの接続が完了したら、次はWordPressサイトのセットアップです。
まず、WordPressサイトのテーマを選びます。WordPressテーマは、サイト全体のデザインとレイアウトをコントロールします。
何千ものプレミアムおよび無料のWordPressテーマから選ぶことができます。まずは、最も人気のあるWordPressテーマのまとめをご覧ください。また、最高のアパレルショップのテーマのリストも厳選しました。
自分のテーマレイアウトをデザインしたいですか?SeedProdでそれができます。ドラッグ&ドロップのWordPressサイトビルダーで、コードを書くことなく独自のカスタマイザーテーマを作成できます。
次に、WordPressサイトのコンテンツを作成します。
ページを使って、ホーム、ブログ、ショップ、コンタクト、アバウトページを追加し、サイトの構造を作ることができます。WordPressで作成する重要なページのリストをご覧ください。
その後、WordPressのナビゲーション・メニューにページを追加する。
詳しくは、WordPressテーマのカスタマイズ方法のチュートリアルをご覧ください。
ステップ5:WordPressサイトとShopifyストアを成長させる
WordPressを使う一番の利点は、何千ものプラグインが付属しており、ビジネスを成長させるために必要なすべてのマーケティングツールと連動していることです。
以下は、すぐにでもインストールしたい必須ツールとプラグインだ:
- OptinMonster– 最高のコンバージョン最適化ソフトウェア、OptinMonsterは、ウェブサイトの訪問者をカスタマイザーに変換することができます。先頭固定表示、カウントダウンタイマー、ライトボックスポップアップなどのツールが付属しています。
- WPForms–WordPressのフォーム作成プラグインで、お問い合わせフォーム、アンケート、投票など、サイトに必要なフォームを簡単に作成できます。
- All In One SEO– 市場で最高のWordPress SEOプラグイン。あなたのサイトを簡単に検索エンジンに最適化し、より多くのトラフィックをあなたのサイトにもたらすことができます。
- MonsterInsights– トラフィックがどこから来ているのか知りたいですか?MonsterInsightsは、Googleアナリティクスをインストールし、簡単に拡張eコマーストラッキングを設定するのに役立ちます。
- TrustPulse– ユーザーがサイト上でリアルタイムにアクションを起こすと、ユーザーにターゲットメッセージを表示し、eコマースストアに社会的証明を追加します。TrustPulseはWordPressとShopifyの両方で動作します。
- PushEngage– Webプッシュ通知ソフトウェアで、サイト訪問者がプッシュ通知でサイトを離れた後に、その訪問者とつながることができます。
- FunnelKit– コンバージョンの高い購入手続き、スライドアウトカート、ワンクリックアップセル、注文バンプページなどを簡単に作成できる最高のWooCommerceセールスファネルプラグインの1つです。
その他のおすすめプラグインについては、ビジネスサイトに欠かせない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.
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!
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
管理者
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?
WPBeginner Support says
You would add the products on your WordPress site and checkout on Shopify.
管理者
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.
管理者