WordPress

広告 ネットショップ開業・運営・集客

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

今時店長
今時店長
こんにちは、今時店長です。

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

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

はじめに

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

ネットショップ出店

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

BASE(無料ではじめる)

今時店長
今時店長
BASEに関しては、下の記事で詳しく解説しています。あわせてチェックしてみてください。
BASE
【完全ガイド】BASEのメリット・デメリットを徹底解説!15の魅力的な特長と評判まとめ

今回は、無料ネットショップ作成サービスのBASE(ベイス)について、実際に利用した経験などをもとにサービスの、メリットやデメリットをご紹介します。 BASEを実際に利用した感想、他社サービスとの違い、 ...

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にコードを貼り付ける

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

完成イメージ

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

BASEをWordPressに埋め込みした完成イメージ

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

オリジナルプリント.jp で作成してBASEに出品した商品

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

BASEインラインフレームの表示内容

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

BASEの埋め込み時の欠品時の挙動

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

BASEの埋め込み時の退店時の挙動

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

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

BASE(無料ではじめる)

今時店長
今時店長
上記で紹介した「Tシャツ」は、BASEの受注生産機能を利用して作りました。興味のある方はチェックしてみてください。
BASEと提携して販売できぐグッズ販売サービス
【無在庫販売】BASEのグッズ受注生産販売機能を徹底解説【提携4社の手数料・種類・原価の比較など】

今回は、BASEにオンデマンド出品できる、オジリナルアイテム作成サービスについて解説します。 提携4社は、pixivFACTORY、canvath、オリジナルプリント.jp、monomy、です。商品の ...

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

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

BASEには開発者向けにAPIも提供されています。

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

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

BASEとWordPressを連携するプラグイン

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

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

  • client_id (検索API用)
  • client_secret (検索API用)

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

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

BASEとnoteの連携例

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

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

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

今回のまとめ

まとめ

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

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

あわせてチェックしてほしい記事

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

WordPress
WordPressに一番簡単に無料でクレジットカード決済を導入する方法[PayPal・Stripe・STORES外部カートを比較]

今回は、WordPress(ワードプレス)で、商品または商材を販売する際に、無料でクレジットカード決済を導入する方法についてご紹介します。 はじめに 最初に導入が検討される決済手段は2つ WordPr ...

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

無料で簡単にJimdoに買い物かごをつける方法
ジンドゥーの裏技!?無料プランで登録数無制限!ネットショップ開設方法[STORESボタン設置]

今回は、人気ホームページ作成サービスである、ジンドゥー(Jimdo)にて、無料プランなのに無制限で商品を販売する裏技をご紹介します。 裏技と言うと胡散臭いイメージを持たれるかもしれませんが、もちろん規 ...

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

\ こちらの記事をシェアする /
  • この記事を書いた人
今時店長

今時店長

楽天市場の某大型サイトにて、2005年~2013年まで運営責任者を務める。その経験を活かし、2013年に楽天市場のショップへのサポートを目的に当サイトを立ち上げました。2016年に情報サイトとしてリニューアル、より幅広い層の方々にオンラインビジネスのノウハウやアドバイスを提供しています。

運営企業情報(プロフィール・運営理念)
掲載依頼・お問い合わせ
誤り報告フォーム

今月の入会特典のあるサービス

エックスサーバーキャンペーン

人気記事

最新版|ネットショップでの個人仕入れのノウハウ11選!基本~無在庫まで完全解説 1

今回は、ネットショップ運営実績10年以上の経験をもとに、商品を仕入れるノウハウ、おすすめサービスや卸業者・メーカーの探し方などをご紹介します。 このページの内容は、すべて個人事業主でも実践可能。基本的 ...

2024年版|無料ネットショップ開業サービス徹底比較 2

今回は、無料でネットショップを開設できるアプリやサービスについて、ECサイト運営実績10年以上の経験や感想をもとに、オススメサービスをご紹介します。 このページに掲載してある、全てのサービスは初期費用 ...

インターネット仕入れサイト 3

今回は、インターネットで商品を仕入れることができる、仕入れサイト・卸売りサイトをご紹介します。 掲載されているサイトは、すべて事業者向けの仕入れサイトです。一般のユーザーは購入することはできないので注 ...

無料でパッと作れるホームページ作成ツール 4

今回は、無料でパッと作れる、ホームページ作成ツールをご紹介します。「お金や時間を掛けずにホームページを作りたい」方は、ぜひ参考にしてください。 はじめに ホームページを作成するのに必要なもの 必要なも ...

無料で使えるネット予約システムを徹底比較 5

今回は、無料で使えるオンライン予約システムについて解説します。 フィットネス、ヨガなどのスクール。エステやマッサージなどのサロン。医療関係や各種イベントで予約システムを探している方は、ぜひ参考にしてみ ...

オリジナルTシャツ作成サービス徹底比較 6

今回は、オリジナルTシャツを作成できるサービスについて徹底比較してみました。おすすめのサービス、業者選び方のポイントについて解説します。 クラスT、部活T、サークルTなどの制作。オリジナルTシャツの販 ...

無料で使えるおすすめPOSレジアプリ4選(iPhone/iPad/Android対応) 7

今回は、スマートフォン(iPhone)やタブレット(iPad/Android)端末で利用できる、無料で使えるPOSレジアプリを4つご紹介します。 無料POSレジアプリの比較表 初期費用、月額費用、キャ ...

無料で使えるおすすめ決済フォーム!申込みWEBページが自分で簡単に作れる 8

今回は、初期費用、月額無料で使える、クレジットカード決済機能付き申込みウェブフォームの作り方をご紹介します。ぜひ参考にしてみてください。 こんな方におすすめのサービス 無料でクレジットカード決済機能つ ...

ネットショップ販売手数料の最安値はココ[初期・月額・クレジットカード決済手数料を比較] 9

今回は、ネットショップ作成サービスのクレジットカード決済手数料について比較してみました。初期費用、月額費用とあわせてチェックしてみてください。 こんな方におすすめの記事 無料サービスで実質的に負担する ...

-ネットショップ開業・運営・集客
-,