Weeblyを利用した無料ネットショップの作り方

広告 ホームページ作成

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

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

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

事前準備

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

BASE(ベイス)

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

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

BASEは物販以外にデジタルデータも販売できる

BASEは、物販以外に音楽などのデジタルデータの販売にも対応してます。また、仕入れ資金0円で販売できる受注生産販売の機能もあります。

一番お得にオリジナルスマホケースを作成する方法
一番お得にオリジナルスマホケースを無在庫で販売する方法【資金0円可】受注生産販売の手順を解説

一番お得にオリジナルスマホケースを無在庫で販売する方法について解説します。 無在庫なので資金は必要ありません。販売方法も無料サービスを利用するので完全にノーリスクです。やり方も簡単、ぜひ挑戦してみてく ...

完成イメージはこちら。

BASEのアイテムを複数並べる

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

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

BASE(無料ではじめる)

【完全ガイド】BASEの評判どう?実体験をもとにメリット・デメリットを徹底解説!
【完全ガイド】BASEの評判どう?実体験をもとにメリット・デメリットを徹底解説!

BASEは、無料で利用できるネットショップ作成サービスとして広く知られていますが、その評判は実際のところどうなのでしょうか? 本記事では、BASEを実際に利用した経験をもとに、サービスの魅力的な特長や ...

他にも色々ある、外部カート機能の比較はこちら

主要ECサービスの外部カート機能を徹底比較!WordPressやブログに簡単設置
主要ECサービスの外部カート機能を徹底比較!WordPressやブログに簡単設置

ブログやホームページに、ネットショップ作成サービスに登録した商品を簡単に掲載できる「外部カート機能」が搭載されていることをご存知ですか? では、どのECカートで外部カート機能がつかえるの? このページ ...

Weeblyでの掲載方法

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

ネットショップ作成サービスを徹底比較

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>

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

Weeblyにて埋め込みコードを貼り付ける

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

WeeblyにてカスタムHTMLを編集する

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

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

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

完成イメージ

Weeblyにて無料ネットショップ完成イメージ

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

BASEの完成イメージ

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

クリックするBASEのページに飛ぶ

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

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

BASEのアイテムを複数並べる

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

BASE(無料ではじめる)

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

まとめ

今時店長

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

あわせて読みたい

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

weebly
【初心者向け】Weeblyでネットショップのはじめ方!初期設定・料金など解説[感想&評価もあわせて紹介]

ホームページ作成サービスの「Weebly」を利用したネットショップの開業方法について解説します。 実際に、商品出品までの手順を解説したあとに、ストア機能についての評価や感想について語らせていただきます ...

Tシャツ
【アイデア伝授】誰でもウケる!おもしろいTシャツの作り方[無料で販売する方法までご紹介]

誰にでもウケる面白いTシャツの作り方をご紹介します。 自分用はもちろんのこと、あなたが店長となりネット通販で販売する方法まで解説しています。Tシャツ作りに興味のある方は、参考にしてみてください。 はじ ...

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

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

今時店長(ミニクル合同会社)

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

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

【2024年最新】いまチェックしたい!ホームページ作成サービス

【2024年最新版】ホームページ作成サービスを徹底比較!よくわかる比較表で違いが一目瞭然
実際に利用した経験などをもとにピックアップ!サービスの料金、特徴、感想などを紹介

-ホームページ作成
-