コレなら無料！Weeblyで簡易ネットショップを開業する裏技［BASEの商品を埋め込み販売する手順］

無料でも使えるホームページ作成サービスのWeebly（ウィーブリー）で簡易的なネットショップを開業する裏技についてご紹介します。

本来、Weeblyのネットショップ機能は、有料プランの契約が必要ですが、この方法をつかえば初期や固定費などは一切掛かりません。

事前準備

BASEで登録した商品を外部カートで埋め込みます

今回、紹介する方法は、無料ネットショップ作成サービスの「BASE」にて商品登録をしたのち、外部カート機能で「Weebly」にコードを貼り付けるという方法です。

BASEは、初期費用、月額固定費など一切無料です。商品が売れた場合のみ手数料が差し引きされて振り込みされる仕組みです。

完成イメージはこちら。

上画像は、実際にBASEで登録した商品を「Weebly」で表示したサンプル画像です。枠線も表示されないので違和感はありません。

今時店長

まずは、BASEは２～３分程度あれば出店できます。クレジットカード決済も審査不要で導入することができます。

BASE（無料ではじめる）

Weeblyでの掲載方法

Weeblyに商品を掲載する手順を解説します

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

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

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

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

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

Weebly側で埋め込みコードを貼り付ける

Weeblyの「ウェブサイト編集」に行き、「ビルド」→ 左メニューの「埋め込みコード」を追加したい部分にドラック&ドロップします。

カスタムHMTLというダイアログが表示されるので「カスタムHMTLを編集する」をクリックしてください。

BASE側で作成したソースコードを貼り付けて完了です。複数の商品を掲載する場合には、ソースコードの間に「スペース」を入れると横並びに間隔がつけられます。

完成イメージ

実際に掲載してみた完成イメージです。全く違和感ありません。

商品にカーソルを重ねると「詳しくみる」と表示されます。

商品をクリックすると、BASEの商品ページに飛びます。あらかじめ、BASEの商品ページへのリンクだと元ページに注意書きなどを入れておきましょう。

複数アイテム並べることもできる

複数のアイテムを並べてみました。こちらも違和感ゼロですね。

BASE（無料ではじめる）

今時店長

すでにWeeblyでホームページを持っていて、少しだけ商品の紹介をしたい場合などに活用してみてください。

まとめ

無料でも使えるホームページ作成サービスのWeebly（ウィーブリー）で簡易的なネットショップを開業する裏技について紹介しました。

あわせて読みたい

Weeblyのネットショップ機能を活用した販売方法はこちら。

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