ホームページ作成サービスのWix(ウィックス)に、無料ネットショップ作成サービスであるBASE(ベイス)の商品を埋め込んで掲載する方法を解説します。
今回の趣旨
WixのページにBASEの商品を掲載する
この方法を使えば無料で決済が導入できる。
Wixは、無料から使えるホームページ作成サービスですが、決済機能を導入するには月額固定費が掛かります。
そこで、BASEに商品を出品してインラインフレームで埋め込めば、Wixに固定費用を掛けないで決済機能が導入することができます。
どちらのデザイン編集モードでも出来ました。
デザインモードは「Wix ADI」「Wix エディタ」、どちらでも追加できました。ただし、手間は掛かるので、あくまでも1品、2品程度の販売にオススメです。
-
-
Wixのネットショップ評判どうなの?実際に掛かる費用・口コミなどをご紹介
海外発のホームページ作成サービスWix(ウィックス)。そのデザイン性の高さから、日本でもネットショップ開設に利用する方が増えています。 でも実際のところ、どんな評判なのでしょうか? 料金プランや機能面 ...
WixにBASEの商品を掲載する手順
BASEに出店して商品を登録する
まずは、BASEに会員登録して商品を登録してみてください。
クレジットカードも審査不要で導入できるため、5分程度あれば商品を登録して販売まで開始することができます。
サービス名称
|
BASE(ベイス) |
|
運営事業者
|
BASE株式会社 |
|
料 金 |
初期費用 |
無料 |
月額費用 |
||
最短契約期間 |
1カ月 |
|
商品登録数 |
無制限
(1日最大1,000件) |
|
URL |
独自ドメイン |
利用可能 ※サブドメイン限定 |
常時SSL化 |
標準対応 |
|
特定商取引法に関する表記の一部非公開 |
住所・電話番号の非公開
非公開にできる
匿名配送
匿名配送が使える
|
利用環境 |
WEBブラウザ |
管理者用スマホアプリ |
Google Chrome ※推奨 Safari 11 以降 Firefox Microsoft Edge |
BASE Creator iOS(iPhone) Android |
|
スマートフォンもGoogle Chromeを推奨です。 |
サポート窓口 (日本語) |
電話 |
メール |
- |
◯ |
|
チャットでの問い合わせも対応してます。 |
![今時店長](https://ec.minikuru.co.jp/wp-content/uploads/2019/11/imadoki60-1.png)
-
-
【完全ガイド】BASEの評判どう?実体験をもとにメリット・デメリットを徹底解説!
BASEは、無料で利用できるネットショップ作成サービスとして広く知られていますが、その評判は実際のところどうなのでしょうか? 本記事では、BASEを実際に利用した経験をもとに、サービスの魅力的な特長や ...
Wixに貼り付けるソースコードを作成する
赤線部分を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>
![今時店長](https://ec.minikuru.co.jp/wp-content/uploads/2019/11/imadoki60-1.png)
Wix ADIの手順
管理画面の左下にある「サイト編集」をクリックする。
追加したい部分の「+」で新しいセクションを追加をする。
左メニューより「HTML埋め込み」→ 最適なレイアウトのセクションを選んでドラッグして貼り付けます。
貼り付けすると上画像のように表示されるので、BASEで生成したコードを貼り付けして高さを適当に調整すれば完了です。
実際に貼り付けした完成イメージ。
いい感じです、とくに違和感なく掲載できていると感じました。
Wix エディタの手順
「サイト編集」→ 「+」→「その他」→「カスタム埋め込み」→「HTML ifreme」をクリックする。
コードを入力に、BASEで生成したソースコードを貼り付けて、枠の右下をつかんで拡大して、いいかんじに貼り付けてください。
インラインフレームで貼り付けているだけなので、モバイル表示でも配置位置を確認して調整してください。
実際に貼り付けた完成イメージ。
こちらの完成イメージも違和感ありません。
念の為、モバイルページの表示も確認してください。
完成後の挙動について
クリックしたあとの挙動も確認しておきましょう。
商品リンクはマウスを乗せると「詳しくみる」という文字が表示されます。
ボタンをクリックすると「BASE」の商品ページに移動します。
BASE側で「セール」の設定をするとWixでも反映される。
BASEの管理画面で「セール」にて50%OFFを設定してみました。
Wix側も50%OFF表示に変更されました。これはいい感じです。
在庫切れ、数量限定、予約販売など。セール以外の設定は、ソースを貼り付けしたWix側には反映されませんでした。
BASEには受注生産販売などWixにはない機能もある
BASEには、あらかじめデザインを作成しておき、注文が入ると生産して発送してくれる受注生産販売の機能もあります。
この機能を使えば、仕入不要でオリジナルグッズの販売ができます。Tシャツ以外に、スマホケース、マグカップなど色々なアイテムが作れます。
![今時店長](https://ec.minikuru.co.jp/wp-content/uploads/2019/11/imadoki60-1.png)
-
-
【完全ガイド】BASEの評判どう?実体験をもとにメリット・デメリットを徹底解説!
BASEは、無料で利用できるネットショップ作成サービスとして広く知られていますが、その評判は実際のところどうなのでしょうか? 本記事では、BASEを実際に利用した経験をもとに、サービスの魅力的な特長や ...
まとめ
WixにBASEの商品を掲載する方法について解説しました。
すでにWixを利用しているかたで、1点、2点程度の商品を販売する際には、活用してほしい裏技ですね。
あわせてチェックしてほしいサービス
本気で決済機能が必要であればペライチがオススメです。
-
-
初心者でも最強のランディングページが作れる「ペライチ」を徹底解説!料金・評判・特徴など
ペライチを使えば、初心者でも本格的なランディングページやネットショップが簡単に作れると話題になっています。 でも実際のところ、ペライチってどんなサービスなのでしょうか?料金はいくらかかるの?評判は良い ...
固定費を抑えたいかたにはJimdoがオススメです。
-
-
ジンドゥーのネットショップどうなの!?基本料金から口コミ・メリットまで完全網羅
ホームページ作成サービス「Jimdo(ジンドゥー)」のネットショップ機能(クレジットカードなどのオンライン決済)について詳しく解説します。 ジンドゥーはどのようなサービスなのか、基本料金や手数料などの ...
最後まで読んで頂きありがとうございました。
また新しい情報などあれば更新していきます。