
オンラインストアを開設・運営するためのプラットフォームとして、世界シェアNo.1を誇る「Shopify(ショピファイ)」。
その「シンプルで高機能」な使い心地と「機能の拡張性」で人気を博し、今やネットショップの王者としての立場を絶対的なものにしています。
そして、Shopifyと同じくプラットフォームとして支持を集めるのが「WordPress(ワードプレス)」。
WordPressはWEBサイト制作サービスにおけるプラットフォームであり、「初心者でも安心の操作性」「プラグインによる機能拡張」という特徴が人気の所以です。
一方はオンラインストア、一方はWEBサイトと交わらないように見える2つのプラットフォーム。
しかし、実はShopifyストアの商品をWordPressで作ったサイトで販売できることをご存知でしたか?
Shopifyの機能を使えば、WordPressで作ったサイトもECサイトに様変わり。
お互いに拡張機能が充実した2つのプラットフォームを組み合わせることで生み出されるECサイトは、無限大の可能性を秘めています。
本記事では、そんなShopify とWordPressを組み合わせた商品の販売方法を紹介します。
Contents
WordPressとは
画像引用元:WordPress
WordPress(ワードプレス)とは、Webサイト制作におけるプラットフォームです。
通常、Webサイト作成にはHTMLというマークアップ言語(サイトを表示するための専用言語)を駆使して構築していかなければなりません。
しかし、WordPressを使えば複雑な言語を覚える必要もなく、シンプルな操作性で簡単かつオシャレなWebサイトを構築することができるのです。
なお、一言でWordPressと言っても、実は大きく分けて2つの種類が存在します。
ひとつは「WordPress.com」で、いわゆるブログサービスです。
他のブログサービスで言うと、「Amebaブログ(アメブロ)」や「Livedoor」ブログなどが有名ですね。
ある程度の雛形に沿ってブログを制作することができるため、面倒な細かい設定は不要です。
自分の好みをディテールに反映させることは難しいですが、手軽にサイト制作を始めることがでます。
そして、2つの種類のもう一方が「WordPress.org」。
オープンソースで利用できるソフトウェアの一つで、個人・法人を問わず商用利用も可能です。
配布されているテーマを使って、オシャレなサイトを簡単に作ることができます。
また、拡張性が高いことも嬉しいポイント。
カスタマイズ性がWordPress.comよりも圧倒的に高いため、必要に応じてサイトの機能を細部までカスタマイズしていきます。
そして、今回ご紹介するShopify×Wordpressに関する連携機能は、で活用することが可能です。
WordPress.comでは利用することができないため、注意してくださいね。
Shopifyストアの商品をWordPressで販売する2つの方法
ここからは、Shopify(ショッピファイ)ストアの商品をWordPress(ワードプレス)で販売する2つの方法に解説していきます。
ご自身のやりやすい方法でもOKですので、ここで把握しておきましょう。
- WordPressに専用テーマとプラグインを入れる
- Shopifyで購入ボタンを制作してWordPressに貼る
方法①:WordPressに専用テーマとプラグインを入れる
WordPressでShopifyの商品を販売するための1つ目の方法は、WordPressに専用テーマとプラグインを入れるというものです。
先ほどお伝えしたように、WordPressは拡張性の高いプラットフォームです。
とはいえ、動作性や使い易さに悪影響を与えないように、あくまでベースはシンプルに作られています。
では、どうやって拡張性の高さを叶えているのでしょうか?
その答えが、「テーマ」と「プラグイン」です。
テーマは、WordPressで構築するサイトの見栄えをカスタムするための「外見」ツールのことです。
無料のものから有料のものまで数えきれないほどのテーマが用意されており、自分が作りたいサイトに合わせてテーマを選ぶことになります。
また、「プラグイン」はサイトに必要な機能を持たせるための「中身」ツールのことです。
スマートフォンでいうアプリのような存在で、サイトで「やりたいこと」に合わせた機能を実装できるようになります。
そんな「テーマ」と「プラグイン」は、他のプラットフォームと連携するためのものが数多く用意されています。
特にShopifyと連携できるテーマ・プラグインを選べば、WordPressを使って高度なECサイトを構築することができますよ。
方法②:Shopifyで購入ボタンを制作してWordPressに貼る
そして、WordPressでShopifyの商品を販売するための方法はもう一つあります。
それが、Shopifyで購入ボタンを制作してWordPressに貼るという方法です。
WordPress側でShopifyに合わせた細かい設定を行う必要がなく、驚くほど簡単にWordPressで構築したサイトをECサイトに変身させることができてしまいます!
すでに構築・公開されているWebサイトに「ネットショップ機能を持たせたい」という場合にも便利なShopifyの購入ボタン。
Shopifyの管理画面上で販売設定した商品が、このボタンを使ってWordPressから購入できるようになります。
なお、購入時にWordPressからShopifyサイトへ遷移するということはなく、ユーザーは一つのサイト上で買い物を完結させることができますよ。
WordPressにShopifyストア機能を付与する方法
ここからは、WordPressに専用テーマとプラグインを入れてShopifyストア機能を付与させる方法について、具体的な手順を紹介します。
ステップは多いですが、操作性のシンプルさが人気のWordPress ・Shopifyを使った作業になるので、思ったよりも簡単に作業を進めることができますよ!
- WordPressでShopifyテーマをダウンロードする
- WordPressでShopifyプラグインをインストールする
- Shopifyストアにログインする
- Shopify製品を追加する
- WordPressでショップを制作する
ステップ①:WordPressでShopifyテーマをダウンロードする
WordPressでは、ブログからオウンドメディア、ECサイトまでさまざまな種類のWebサイトを作ることができます。
果たせる役割が多い分、テーマについてもただ「デザインが違う」だけではありません。
WordPressはテーマによってサイト内の項目配置も異なり、その選択によってユーザビリティが大きく変化していくのです。
よって、作りたいWEBサイトに合わせたテーマの選択は必須と言えるでしょう。
そして、ECサイトに適したテーマも特徴はさまざま。
WordPressで選べるECサイトに適したおすすめを、4テーマ紹介しますね。
Fukasawa
画像引用元:WordPress
Fukasawaは、洋風なトーンのテーマです。
シンプルかつおしゃれに商品を紹介することができます。
洗練された商品を取り扱うサイトにおすすめです。
Sporta
画像引用元:modernthemes
Sportaは、トップ画像がスクリーンサイズいっぱいに表示されるため、ブランドのイメージがビジュアルでしっかり伝わるテーマです。
ヘッダー・フッターは画像を邪魔しないシンプルな見た目ながら、使い易い配置になっています。
スマートフォンでも見やすい、レスポンシブなデザインになっていることも魅力です。
VIRTUE
画像引用元:KADENCE WP
VIRTUEは、ブログ調のデザインが特徴的なテーマです。
ブログのようにしっかりと文字でも商品の魅力を伝えるようなサイト作りがしたい方におすすめです。
PANTHEA
画像引用元:Panthea
PANTHEAは、スライドショーやプルダウンなど、動的な動きを多く取り入れることのできるテーマです。
サイトに動きを出すことでインパクトを与えたいという方におすすめです。
ステップ②:WordPressでShopifyプラグインをインストールする
次に、WordPressへECサイトに必要不可欠なカート機能を実装させるため、Shopifyプラグインをインストールします。
ECサイトをWordPressで作るためのプラグインは多く存在しますが、Shopifyとの連携でインストールしてもらいたいプラグインは「Shopify eCommerce Plugin」です。
画像引用元:Shopify eCommerce Plugin
2020年6月現在は英語のみ対応となっていますが、使い方動画もYouTubeにアップされているのでチェックしてみてくださいね。
STEP③:Shopifyストアにログインする
WordPress側での下準備が終了したら、続いてはShopifyでの準備を進めます。
まずは、ダッシュボードの左側のメニューにある「Shopify」ボタンをクリック。
ShopifyストアのURLを入力し、ログインしてください。
ログインすると、Shopifyのダッシュボードが開きます。
「チャネル販売の追加」をクリックして、ShopifyストアをWordPressに接続しましょう。
WordPress上にShopify設定へとつながるショートカットが作成され、連携の準備が整いました。
なお、「そもそもShopifyのショップを持ってない」という方は、Shopiyのアカウントの開設から始めてください。
Shopify公式サイトに訪問し、必要情報を入力してください。
少ない手順で簡単に登録できますよ。
STEP④:Shopify製品を追加する
商品の追加は、Shopify管理画面から行います。
左側のメニューから「商品管理」をクリックし、ページ右上の「商品を追加」ボタンを選択しましょう。
商品登録画面が開きますので、後は項目に沿って販売したい商品の情報を入力していってください。
この登録作業で意外と忘れがちなのが、保存の作業。
画面右上に「保存」ボタンがありますので、必ず保存してから画面を閉じてくださいね。
STEP⑤:WordPressでショップを制作する
最後は、WordPressでショップを完成させます。
Shopifyとの連携が完了していると、WordPressの管理画面上に「製品を追加」というボタンが現れます。
クリックすると、連携しているShopifyストアで登録されているアイテムのリストが出てくるので、WordPressで販売したい商品を選択しましょう。
商品を選ぶと、次に製品の埋め込み方法について選択するページに飛びます。
WordPressにおける商品の表示方法は、下記の2通り。
- 製品画像と[今すぐ購入]ボタン
- [今すぐ購入]ボタンのみ
ページイメージに合わせて埋め込み方法を選択すれば、WordPressのECサイト化が完了!
[今すぐ購入[ボタンを押すと、Shopifyの支払いページが現れるようになります。
決済方法についてもShopify側の設定内容に依存するので、Shopifyで忘れずに登録してくださいね。
Shopifyで購入ボタンを作成してWordPressに貼る方法
もう一つの方法である「Shopifyで購入ボタンを作成」に関しては、非常に簡単!
Shopifyで「購入ボタン」を作成し、コードをWordPressに貼り付けるだけで完了します。
作業ステップは次のとおり。
- Shopifyの管理画面で、左側サイドバーの販売チャネルの「+」をクリック。続けて、Buy Buttonの「Add」を選択する。
- 「Select Product」をクリックし、購入ボタンを作成したい商品を選択する。その後、再び「Select Product」をクリックする。
- 購入ボタンのデザイン・機能などの詳細設定を行う。
- WordPressに貼り付けることができるコードが表示されるので、「Copy embed code to clipboard」をクリックしてコピーする。
- コードをWordPressに貼り付ける。
とてもシンプルで簡単ですよね!
また、ステップ3の詳細設定で調整できるデザイン・機能も紹介します。
Template
購入ボタンの表示の方法を変更できます。
Action on click
ボタンをクリックした後の行動を、「直接チェックアウト(Direct checkout)・「カートに追加(Add to cart)」「商品詳細ページを確認(Show product details)」の3つから選択できます。
Size
購入ボタンのサイズを選択します。
Alignm
文字とボタンの位置を、左・中・右から選択できます。
Product variants
販売するバリエーションを選択できます。
Button style and text
ボタンのサイズや色、文面を変更できます。
Typography
文字のフォントと大きさを変更できます。
Shopping cart
Action on clickで「カートに追加(Add to cart)」または「商品詳細ページを確認(Show product details)」を選択したときに表示され、カートの内容や文字・背景の色を変更できます。
また、「商品詳細ページを確認(Show product details)」が選択されている場合は「Product details」欄が表示され、文字の色やサイズ、ボタンの文言を変更できます。
シンプルながら、Shopifyらしいカスタマイズ性のある機能ですね。
WordPressでも、オリジナリティのあるサイト制作に生かしましょう!
まとめ
Shopifyストアの商品をWordPressで販売する2つの方法を紹介しました。
なかなかハードルが高いように感じられるECストアの解説ですが、評価の高い2つのプラットフォームを組み合わせることで、簡単に本格的なオンラインショップを開設することができます。
今までなかなかオンラインショップの開設に踏み出せなかったWordPressユーザーの方、またこれからEC事業に乗り出してみたいという方も、ぜひWordPressでのShopifyストアの商品販売に挑戦してみてください。
Shopify Guide編集部は、メディア「Shopify Guide」の運営によってShopifyの最新情報やノウハウを常に蓄積してきています。ShopifyでECサイトの新規制作・リニューアル、Web広告などによるプロモーションをお考えの方は、こちらの問い合わせフォームからお気軽にお問い合わせください。