前回はネットショップ専門の仕入れサイト「TopSeller」に登録してショッピングサイト構築の準備を行いましたが、今回は「BASE」で無料のネットショップを作成してみたので紹介します。
はじめに
前回はネットショップ専門の仕入れサイト「TopSeller」に登録してショッピングサイト構築の準備をしました。
ショッピングサイトを構築するにあたり、ネットショップ専門の仕入れサイト「TopSeller」に登録して、取り扱っている商品ラインアップを調べてみたので紹介します。はじめにユーザー参加型のPCファンサイト「PeaCi[…]
今回は、TopSellerと連携するために、無料でネットショップが作れる「BASE」に登録してネットショップを作成し、TopSellerから商品を登録してショッピングサイトを構築する方法を紹介します。
とりあえず現状のサイトは以下です。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-27-at-11.59.48-1024x576.jpg)
以下は参考にした記事です。
BASEに登録
以下のサイトに行きます。
ネットショップの作成・開設が無料でかんたんに。個人・法人問わず、どなたでもすぐに開業できます。今までECサイトを作りたく…
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-21.46.35-1024x664.jpg)
ショップアカウントを登録
メールアドレスとパスワードとショップURLを入力して「無料でネットショップを開く」をクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-21.50.18-1024x830.png)
チェックを入れて「上記に同意する」をクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-21.51.47-1024x451.png)
メールを開きます。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-21.52.35.png)
リンクをクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-21.53.36-1024x765.png)
運営に関する情報を設定
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-21.54.50.png)
「入力する」をクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-21.55.59-1024x766.png)
「もしもドロップシッピング」などと違い、ショップオーナー本人が商品を販売するので、氏名や住所、電話番号などの個人情報を公開する必要があります。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-22.03.53.png)
「保存する」をクリック。
お支払い方法を選択
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-22.04.54.png)
「選択する」をクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-22.15.24-1024x779.png)
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-22.16.08.png)
「保存する」をクリック。
ショップ設定と公開
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-22.17.43-1024x780.png)
「ショップ設定へ」をクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-22.26.31-1024x769.png)
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-22.26.44.png)
「保存する」をクリック。
私の場合は以下のURLで公開されました。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-21-at-22.32.39.png)
デザインを選定
とりあえずロゴ画像を設定し、既存の無料テーマから適当なものを選定します。
ログインすると以下のような画面になります。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-10.42.28-1024x624.png)
トップメニューの「デザイン」をクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-10.46.36-1024x609.png)
左上の「テーマの選択」をクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-10.47.38.png)
私の場合は、最後の「Classic」を選びましたが・・・
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-10.50.05.png)
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-10.51.52-1024x455.png)
画面左上の右にある「使用する」をクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-10.52.27.png)
「基本設定 > ロゴ > 画像を使用する」をオンにし、その下のカメラアイコンをクリックしてロゴ画像を選択して設定します。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-10.56.02.png)
ちなみに「オリジナルロゴを作成」をクリックすると以下の画面になります。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-10.59.24.png)
アプリをインストールするとロゴのデザインを作成できそうですが、私の場合は、使い慣れたWebアプリ「Pixlr Editor」で作った「PeaCie」サイト用のロゴを流用しました。
今は以下のように文字ごとに色を変えていますが・・・
![](https://chrome-vr.com/wp-content/uploads/2020/03/peacie-logo-2.png)
右側のプレビューは以下です。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-11.07.44-1024x477.png)
画面左上の右側の「保存」をクリックし、左側の「終了」をクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-11.09.17.png)
ホーム画面に戻るので、画面右上のメニューから「ショップを見る」をクリック。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-11.10.53.png)
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-11.12.28-1024x425.png)
実際の現状でのサイトは以下です。
ホーム画面のメニューから「ログアウト」します。
以上でBASEによるネットショップの作り方の第一弾の紹介を終了します。
まとめ
次回はTopSellerから商品をBASEで作ったショッピングサイトに登録する方法を紹介する予定です。
TopSellerから以下のようなメールが届いたので、それに従ってサイトの登録や商品の出品にチャレンジしてみようかと思います。
![](https://chrome-vr.com/wp-content/uploads/2020/03/Screenshot-2020-03-22-at-11.44.48.png)
以下の記事などが参考になります。
ではでは、きらやん