今回は、Jimdo（ジンドゥー）のホームページに、BASE（ベイス）に登録した商品を埋め込んで販売する方法についてご紹介します。
今回の内容
Jimdoに作ったホームページにBASEの商品リンクを掲載する方法
まず、その方法についてざっくり説明しておきます。その方法とは、BASEの商品ページを「iframe -インラインフレーム」で呼び出して、ページ内に表示するという方法です。
ジンドゥー AI ビルダーでは出来ません。
Jimdoには「ジンドゥー AI ビルダー」と「ジンドゥークリエイター」という二つのモードがありますが、HTMLの貼り付けできない「ジンドゥー AI ビルダー」では、今回の方法は利用できません。
-
-
ジンドゥーのネットショップどうなの？手数料や無料プランの制限内容について解説［実際に利用した感想・評価］
今時店長皆さんこんにちは、今時店長です。 今回は、Jimdo（ジンドゥー）のネットショップについて、実際に試用してみた経験をもとにサービスの内容や特徴（メリット）について解説します。 こんな方におすす ...
完成イメージ
完成イメージは上記のとおりです。画像の右上に「BASE」というロゴが入ります。ロゴはそれほど目立ちません。
商品画像の上に、マウスをロールオーバーすると「詳しくみる」というボタンが表示されてフォーカスされます。
-
-
BASE(ベイス)のココが凄い！１２のメリット＆サービスの特徴・評判・感想を聞きたい方はこちら
今回は、無料ネットショップ作成サービスのBASE（ベイス）について、実際に利用してみた経験などをもとにサービスの特徴（メリット）について解説します。 こんな方におすすめの記事 香取慎吾さんがＣＭする「 ...
貼り付け手順
BASEでのソースコードの作成と、Jimdoでの貼り付け手順を簡単に説明します。
BASE側のソースコードを作成する
赤線部分を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>
Jimdoにソースコードを貼り付ける
Jimdoにて、商品を追加したい位置に「コンテンツ」の追加を押す。
「ウィジェット/HTML」を選択する。
BASEのURLから作成したソースコードを貼り付けて保存すれば完成です。
完成イメージ
完成イメージは上記のとおりです、表示内容などは編集できません。
マウスを乗せると「詳しくみる」というボタンが表示されます。
ボタンをクリックすると「BASE」の商品ページに移動します。
BASE側で「セール」の設定をするとJimdoでも反映される。
BASEの管理画面で「セール」にて50%OFFを設定してみました。
Jimdo側も50%OFF表示に変更されました。なかなかいい感じです。
在庫切れ、数量限定、予約販売など。セール以外の設定は、ソースを貼り付けしたJimdo側には反映されませんでした。
※インラインフレームでページを読み込んでいるだけなので、BASE側のHTMLを編集して在庫切れなどの表示を入る位置に移動すれば反映できます。
BASEなら抽選販売などJimdoにはない機能も使える。
BASEは、Jimdoのネットショップ機能よりも色々な販売方法に対応しています。
たとえば、抽選販売機能など。あらかじめ決めた期間内の注文から、当選を選びメールでお知らせまでしてくれる機能などもあります。
抽選販売の商品も、もちろんJimdoに取り込み可能です。こういった販売方法で利用したい場合にのみ、BASEの販売機能を利用するのも面白そうですね。
今回のまとめ
今回は、Jimdo（ジンドゥー）のホームページで、BASE（ベイス）に登録した商品を販売する方法についてご紹介しました。
あわせてチェックしてほしい記事
JimdoのページにSTORESへの商品ボタンを掲載する方法をご紹介しています。
-
-
【裏技】Jimdoで無料なのに登録数無制限でネットショップを開業する方法［STORESボタンの設置手順］
今時店長皆さんこんにちは、今時店長です。 今回は、人気ホームページ作成サービスである、Jimdo（ジンドゥー）にて、無料プランなのに無制限で商品を販売する裏技をご紹介します。 裏技と言うと胡散臭いイメ ...
最後まで読んで頂きありがとうございました。
また新しい情報などあれば更新していきます。
｜30%OFF＆独自ドメイン永久無料！6月9日12時まで
