Shopifyは、簡単にECサイトを開設できる、ユーザーフレンドリーなECプラットフォームです。WordPressは簡単にブログを制作し、自在にカスタマイズできるオープンソースのコンテンツ管理システムですが、ショップ機能は備わっていません。 Shopifyを使えば、既存のWordPressサイトに簡単に商品を掲載し、ECサイト化することができます。
ここでは、ShopifyとWordPressの連携方法を初心者に分かりやすく解説します。
ShopifyとWordPressを連携させる方法
ShopifyとWordPressを連携させる方法には2つあり、Shopifyで作成した購入ボタンをHTMLでWordPrsssに貼り付ける方法と、Shopifyと連携させるプラグインをWordPressにインストールする方法があります。Shopifyのショップとワードプレスを連携するには、まず以下の準備が必要です。
- Shopifyに登録する
- Shopifyで決済手段と配送手段を設定する
- 商品を登録する
- 購入ボタンの設定を行う
Shopifyで購入ボタンを作成してWordPressに貼り付ける方法
ShopifyとWordPressを連携させるには、Shopifyの購入ボタンをHTMLでWordPressのブログに貼り付けるのが主流です。この方法は、HTML編集ができるWordPress以外のウェブサイトでも実践可能で、購入ボタンの作成と使用は、Shopifyの基本プランに含まれます。
購入ボタンを作成する方法は以下の通りです。
- 管理画面から、[設定] > [アプリと販売チャネル] の順にクリック
- [アプリと販売チャネル] ページで、[Buy Button] をクリック
- [販売チャネルを開く] をクリック
- [購入ボタンを作成する] をクリック
- 商品購入ボタンをクリック
- カタログから商品を選択するか、検索を使用して商品を見つけます。[選択する] をクリック
- 商品を選択後、[コードをコピーする] をクリック
- WordPressのブロックエディタ内で [+] ボタンをクリックし [カスタムHTML] を検索し挿入します。
- 先ほどコピーしたHTMLコードを挿入、保存する（購入ボタンコードをHTMLに追加を参照）
購入ボタンは、WordPressのデザインやイメージに合うよう、商品画像を表示させたり、非表示にしたり、サイズやフォントなどもカスタマイズ可能です。詳しいカスタマイズ方法は[購入ボタンをカスタマイズ]を参照してください。
ShopifyのWordPressプラグインを使用する方法
HTMLコードを毎回コピペしてWordPressに貼るのは大変だと思われる方は、プラグインを使用することができます。以前まではShopify公式のWordPressプラグインがありましたが現在は、残念ながらありません。Shopifyプラグインは多数ありますが、すべてサードパーティのものなので、使用には注意が必要です。
