JimdoにBASEを連携する方法

広告 ホームページ作成

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

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

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

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

今回の内容

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

ジンドゥー

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

BASEとは

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

BASE
【完全ガイド】BASEのメリット・デメリットを徹底解説!15の魅力的な特長と評判まとめ

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

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

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

ジンドゥー
ジンドゥーのネットショップどうなの!?基本料金から口コミ・メリットまで完全網羅

今回は、ホームページ制作サービス「Jimdo・ジンドゥー」の、ネットショップ作成(クレジットカードなどのオンライン決済機能)について解説します。 ジンドゥーはどんなサービスなの?基本料金や手数料などの ...

完成イメージ

BASEの商品ページをJimdoに貼り付けた完成イメージ

BASEの商品ページをJimdoに貼り付けた完成イメージ

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

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

BASE(無料ではじめる)

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

貼り付け手順

パソコン・スマホを活用した副業・お小遣い稼ぎ

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でのJavaScriptの掲載方法

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

ウィジェット/HTML

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

BASEで生成したコードを貼り付ける

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

完成イメージ

BASEの商品ページをJimdoに貼り付けた完成イメージ

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

BASEの商品ページをJimdoに貼り付けた完成イメージ

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

BASEの商品ページ

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

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

BASEのセール割引設定

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

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

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

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

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

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

BASEにて抽選販売の様子

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

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

抽選販売を外部サイトに掲載

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

BASE(無料ではじめる)

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

今回のまとめ

まとめ

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

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

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

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

無料で簡単に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

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

-ホームページ作成
-, ,