WordPressにBASEの商品を連携できる二つの方法［埋め込み・API・プラグインについて］

WordPressにBASEを連携できる二つの方法について解説します。

店舗ブログ、オウンドメディア、コーポレートサイトなどでWordPressを活用しているという方は、こちらの記事を参考にしてみてください。

はじめに

WordPressでちょっとした物販をはじめたい方にもおすすめ

BASEは、初期費用、年会費無料のネットショップ作成サービスなので、WordPressでちょっとした物販をはじめたいという方にもおすすめです。

BASE（無料ではじめる）

今時店長

BASEに関しては、下の記事で詳しく解説しています。あわせてチェックしてみてください。

iframeで貼り付ける方法

最初に紹介するのは、iframe（インラインフレーム）でBASEに表示されているページを、埋め込んで表示するという方法です。

WordPressに貼り付けるソースコードを作成する

赤線部分をBASEの商品ページのURLに書き換えてください。

中サイズ（220x380）はこちら。

小サイズ（160x220）はこちら。

大サイズ(320x480)はこちら。

WordPressに貼り付ける

上記生成したコードを、WordPressの投稿画面右上の「ツールと設定をさらに表示」→「コードエディター」→「コードを貼り付ける」で完了です。

完成イメージ

３サイズの貼り付けたイメージは下記のとおりです。

いずれも、クリックするとBASEの商品ページに飛びます。

お店と連動したキャッチコピーが掲載できる。

この方法で掲載すると、商品のセール情報やキャッチコピーなどもお店と連動して反映されます。いま、購入するべきひと押しになります。

ちなみに、欠品時には商品が見つかりません。「他の商品を見る」ボタン表示。

お店自体がクローズした場合には「ショップが見つかりません」と表示されます。

いずれにしても、このページを見たユーザーは、ボタンをクリックしなくても、セール状況、商品在庫、などの連動した情報が確認できることがいいですね。

BASE（無料ではじめる）

今時店長

上記で紹介した「Tシャツ」は、BASEの受注生産機能を利用して作りました。興味のある方はチェックしてみてください。

APIで呼び出す・プラグインを利用する

BASEでは開発者向けにAPIも提供されている

BASEでは、開発者向けにAPIが無料提供されています。APIを利用するには申請が必要で審査に１～２週間ほど掛かるそうです。

WordPressにBASEの商品を呼び出すプラグイン

WordPressに、BASEの商品を呼び出すプラグインもあります。プラグインで「BASE Item List」という名前で検索すると見つけることができます。

プラグインも利用するにはAPIの利用申請が必要になります。

上記二つを取得しないとプラグインは動作しません。

商品をリストとして掲載したい場合に使いたい。

出典：https://note.jp/n/n0acc5afd00d1

APIは、コーポレートサイトやオウンドメディアなどで、記事に関連する商品をリストとして表示したい場合などに活用できそうですね。noteとの連携機能がイメージ的に近いですね。

関連商品として掲載するキーワードは、カスタムフィールドで入力を求めればスマートに実現できそうだと感じました。

まとめ

WordPressにBASEを連携できる二つの方法について解説しました。

iframe、API、のいずれかで連動した商品掲載が可能です。

あわせて読みたい

さらに簡単な方法（STORES）をご紹介しています。

ジンドゥーでの掲載方法はこちら。

最後まで読んで頂きありがとうございました。
また新しい情報などあれば更新していきます。