
今回は、WordPressにBASEを連携できる二つの方法について解説します。
店舗ブログ、オウンドメディア、コーポレートサイトなどでWordPressを活用しているという方は、こちらの記事を参考にしてみてください。
はじめに
WordPressでちょっとした物販をはじめたい方にもおすすめ

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

-
-
BASE(ベイス)のココが凄い!12のメリット&サービスの特徴・評判・感想を聞きたい方はこちら
今回は、無料ネットショップ作成サービスのBASE(ベイス)について、実際に利用してみた経験などをもとにサービスの特徴(メリット)について解説します。 こんな方におすすめの記事 香取慎吾さんがCMする「 ...
iframeで貼り付ける方法

最初に紹介するのは、iframe(インラインフレーム)でBASEに表示されているページを、埋め込んで表示するという方法です。
WordPressに貼り付けるソースコードを作成する
赤線部分をBASEの商品ページのURLに書き換えてください。
中サイズ(220x380)はこちら。
<iframe frameborder="0" height="380" width="220" src="【商品詳細ページURL】/widget" ></iframe>
小サイズ(160x220)はこちら。
<iframe frameborder="0" height="220" width="160" src="【商品詳細ページURL】/widget/small" ></iframe>
大サイズ(320x480)はこちら。
<iframe frameborder="0" height="480" width="320" src="【商品詳細ページURL】/widget/large" ></iframe>
WordPressに貼り付ける

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

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

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

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

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

お店自体がクローズした場合には「ショップが見つかりません」と表示されます。
いずれにしても、このページを見たユーザーは、ボタンをクリックしなくても、セール状況、商品在庫、などの連動した情報が確認できることがいいですね。

-
-
【無在庫販売】BASEのグッズ受注生産販売機能を徹底解説【提携4社の手数料・種類・原価の比較など】
今時店長皆さんこんにちは、今時店長です。 今回は、BASEにオンデマンド出品できる、オジリナルアイテム作成サービスについて解説します。 提携4社は、pixivFACTORY、canvath、オリジナル ...
APIで呼び出す・プラグインを利用する
BASEでは開発者向けにAPIも提供されている

BASEでは、開発者向けにAPIが無料提供されています。APIを利用するには申請が必要で審査に1~2週間ほど掛かるそうです。
WordPressにBASEの商品を呼び出すプラグイン

WordPressに、BASEの商品を呼び出すプラグインもあります。プラグインで「BASE Item List」という名前で検索すると見つけることができます。
プラグインも利用するにはAPIの利用申請が必要になります。
- client_id (検索API用)
- client_secret (検索API用)
上記二つを取得しないとプラグインは動作しません。
商品をリストとして掲載したい場合に使いたい。

出典:https://note.jp/n/n0acc5afd00d1
APIは、コーポレートサイトやオウンドメディアなどで、記事に関連する商品をリストとして表示したい場合などに活用できそうですね。noteとの連携機能がイメージ的に近いですね。
関連商品として掲載するキーワードは、カスタムフィールドで入力を求めればスマートに実現できそうだと感じました。
今回のまとめ

今回は、WordPressにBASEを連携できる二つの方法について解説しました。
iframe、API、のいずれかで連動した商品掲載が可能です。
あわせてチェックしてほしい記事
さらに簡単な方法(STORES)をご紹介しています。
-
-
WordPressに一番簡単に無料でクレジットカード決済を導入する方法[PayPal・Stripe・STORES外部カートを比較]
今時店長皆さんこんにちは、今時店長です。 今回は、WordPress(ワードプレス)で、商品または商材を販売する際に、無料でクレジットカード決済を導入する方法についてご紹介します。 はじめに 最初に導 ...
ジンドゥーでの掲載方法はこちら。
-
-
【裏技】Jimdoで無料なのに登録数無制限でネットショップを開業する方法[STORESボタンの設置手順]
今時店長皆さんこんにちは、今時店長です。 今回は、人気ホームページ作成サービスである、Jimdo(ジンドゥー)にて、無料プランなのに無制限で商品を販売する裏技をご紹介します。 裏技と言うと胡散臭いイメ ...
最後まで読んで頂きありがとうございました。
また新しい情報などあれば更新していきます。