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

広告 ホームページ作成

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

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

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

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

事前準備

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

BASE

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

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

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

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

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

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

完成イメージはこちら。

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

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

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

BASE(無料ではじめる)

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

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

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年に情報サイトとしてリニューアル、より幅広い層の方々にオンラインビジネスのノウハウやアドバイスを提供しています。

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

今月の入会特典のあるサービス

エックスサーバーキャンペーン

人気記事

最新版|ネットショップでの個人仕入れのノウハウ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

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

-ホームページ作成