ジンドゥー × BASE 連携｜ジンドゥーでBASEの商品を販売するお手軽な方法

ジンドゥー（Jimdo）で作成したホームページに、BASE（ベイス）に登録した商品を埋め込んで販売する方法についてご紹介します。

ジンドゥーは、無料プランでも問題ありません。つまり、月額固定費０円でネット販売をはじめることもできます。

＼今すぐ無料でネットショップ開業／

今回の内容

ジンドゥーに作ったホームページにBASEの商品リンクを掲載する

今回の方法は、BASEの商品ページを「iframe -インラインフレーム」で呼び出して、ページ内に表示するという方法です。

BASEとは

「BASE」とは、初期費用、月額無料でネットショップを開設できるサービスです。詳しくは、下の記事をチェックしてください。

ジンドゥー AI ビルダーでは出来ません。

ジンドゥーには「AI ビルダー」と「クリエイター」という二つの編集モードがありますが、HTMLの貼り付けできない「AI ビルダー」では、今回の方法は利用できません。「クリエイター」を利用しましょう。

完成イメージ

完成イメージは上記のとおりです。画像の右上に「BASE」というロゴが入ります。ロゴはそれほど目立ちません。

商品画像の上に、マウスをロールオーバーすると「詳しくみる」というボタンが表示されてフォーカスされます。

BASE（無料ではじめる）

今時店長

BASEは、おおよそ５分程度あればお店をオープンできます。クレジットカード審査不要、初期費用、月額費用も掛かりません。

貼り付け手順

BASEでのソースコードの作成と、Jimdoでの貼り付け手順を簡単に説明します。

BASE側のソースコードを作成する

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

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

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

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

Jimdoにソースコードを貼り付ける

Jimdoにて、商品を追加したい位置に「コンテンツ」の追加を押す。

「ウィジェット/HTML」を選択する。

BASEのURLから作成したソースコードを貼り付けて保存すれば完成です。

完成イメージ

完成イメージは上記のとおりです、表示内容などは編集できません。

マウスを乗せると「詳しくみる」というボタンが表示されます。

ボタンをクリックすると「BASE」の商品ページに移動します。

BASE側で「セール」の設定をするとJimdoでも反映される。

BASEの管理画面で「セール」にて50%OFFを設定してみました。

Jimdo側も50%OFF表示に変更されました。なかなかいい感じです。

在庫切れ、数量限定、予約販売など。セール以外の設定は、ソースを貼り付けしたJimdo側には反映されませんでした。

※インラインフレームでページを読み込んでいるだけなので、BASE側のHTMLを編集して在庫切れなどの表示を入る位置に移動すれば反映できます。

BASEなら抽選販売などJimdoにはない機能も使える。

BASEは、Jimdoのネットショップ機能よりも色々な販売方法に対応しています。

たとえば、抽選販売機能など。あらかじめ決めた期間内の注文から、当選を選びメールでお知らせまでしてくれる機能などもあります。

抽選販売の商品も、もちろんJimdoに取り込み可能です。こういった販売方法で利用したい場合にのみ、BASEの販売機能を利用するのも面白そうですね。

BASE（無料ではじめる）

今時店長

BASEは、抽選販売のほかにも、数量限定、予約販売、定期販売、ダウンロード販売、受注生産販売、など豊富な販売機能があります。

まとめ

ジンドゥー（Jimdo）で作成したホームページに、BASE（ベイス）に登録した商品を埋め込んで販売する方法についてご紹介しました。

どちらのサービスも、月額固定費をかけることなく利用することができます。興味のある方は、ぜひこちらの方法をためしてみてください。

あわせて読みたい

ジンドゥーで商品ページを作成して、ボタンだけを設置したい方にはこちらの方法がオススメです。こちらも月額固定費０円で利用できます。

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