取引先だけがアクセスし発注できる卸取引・業販専用のECサイトをBASEで構築する事例を紹介します。BtoCの小売ECサービスとして人気のBASEですが、「卸用」「業販」　「発注システム」といったニーズにも対応できます。この記事では、その方法と活用事例をご紹介します。

BASEで業販ECサイトを構築する方法

1. 会員限定の商品販売（コミュニティ App）

BASEには「コミュニティ App」があり、会員限定の商品販売が可能です。
本来はファン向けの会員制ショップを想定した機能ですが、業販用途として すべての商品を会員限定にする ことで、取引登録のある企業のみに販売できます。

• 会員登録を取引先にお願いするだけで利用可能
• 新商品の案内や業務連絡にも活用できる
• 一般ユーザーからは閲覧できても購入不可にできる

「小売と卸を同じショップで併用したい」場合にも有効です。

2. サイト全体をパスワード保護（シークレットEC）

BASEには「シークレットEC」という機能があります。
こちらはインストールするだけで、ショップにパスワードを設定して、特定のユーザーにだけ公開できるショップを作ることができます。

（シークレットECを利用した際のショップ表示。パスワード入力後に通常のショップが表示されます）

通常、サイト全体にパスワードをかけたりするにはサーバの設定や、パスワードの発行・管理機能などを構築する必要がありますが、BASEでは「シークレットEC」をインストールするだけで完成します。

パスワードを入力した後は、完全に通常のECサイト全機能を利用できるため、大量の商品の商品管理、在庫管理、セール価格などの設定、予約販売、メンバーシップ機能による自社専用のポイントサービスなど、高機能なECシステムとしての運用が可能です。

卸取引・業販に適したサイトデザイン

BASEのデザインテンプレートでは、BtoCの小売りショップ用としてイメージ写真を多用したり、デザイン性や雰囲気を表現できるテンプレートがほとんどとなっています。
一方で、卸取引・業販専用の発注システムでは、

• 多くの商品を一覧しやすいこと
• 必要な商品をできるだけ早く探せること
• 必要な情報を見やすく提示すること

が最も重要です。

おすすめ１：オフィシャルテンプレート

オフィシャルテンプレートは無料ですので、まずは試してみる場合には最適です。
大きな写真でデザイン性の高いショップが作れるようになっていますが、それらの要素自体も自由に組み立てられるため、写真など業務用には必要な要素は消してしまえば、シンプルに商品が並んだ見やすいショップを作成することができます。

おすすめ２：業販向け高機能テンプレート『RetailPro』

デザインテンプレート『RetailPro』は、規模が大きく商品数が多いオンラインストア向けに設計されており、商品が見つけやすく、購入しやすい、ECビジネスを強化するために最適なBASEデザインテンプレートです。

• 商品数の多いショップに適したシンプルで飾り気のない基本設計
• 検索窓がまず目に入るデザイン
• 商品ページが見やすい、文字が見やすい
• カテゴリーナビゲーションがとても分かりやすく、カテゴリーが多い場合でも現在地がわかりやすい

といった特徴が満載で、卸取引・業販向けのテンプレートとして最適です。
有料のデザインテンプレートではありますが、BASE公式窓口に加え、テンプレートデザイナーによるサポートが受けられるため、初期段階のトラブルも解決しやすくなる点はメリットと言えます。

デザインテーマ『Retail Pro』のサンプルサイト

一般ショップ向けのサンプルのため、たくさんのイメージ写真やバナーを掲載していますが、業販向けにシンプルに設定することはもっと簡単です。

デモサイト 1：　https://designdemo02.base.ec/
デモサイト 2：　https://designdemo01.base.ec/

BASEの『シークレットEC』+デザインテンプレート『RetailPro』の組み合わせによる、卸取引・業販専用のECサイトの構築をぜひご検討ください。

シークレットEC利用時の注意点

サイト全体がパスワードで保護されることにより、商品情報などのコンテンツが検索エンジンにインデックスされることがないため、ショップへのアクセスは企業サイトからのリンク経由など限定的となり、さらにパスワードを知っている場合のみショップに入ることができます。
ただ、ブラウザ上でのパスワード認証（設定可能なパスワードは共通１つのみとなり、取引先ごとに個別にパスワード設定は不可）のため、万が一でも第三者が知ると困るような機密性が高い商品には向いていません。

CONTACTページ等はURL直打ちで表示可能

ショップのCONTACTページ／プライバシーポリシーページに、パスワードをかけることはできません。
トップページにアクセスできないため、CONTACTページ／プライバシーポリシーページにアクセスする動線はありませんが、CONTACTページ／プライバシーポリシーページのURLを直接打ち込めば表示されます。

卸取引用の業販ECサイトとしての実用性には問題ないと言えますので、低コストでの取引先専用発注システムとしてBASEはおすすめです！

まとめ｜BASE＋RetailProで低コストな業販ECを

BASEは「BtoC向け小売ショップ」の印象が強いですが、

シークレットEC × RetailPro の組み合わせにより、卸取引専用の業販ECを低コストで構築できます。

• サーバー不要、アプリを入れるだけで実現
• デザインを調整すれば業販向けに最適化可能
• 多商品・多カテゴリの業販サイトに強い『RetailPro』

「取引先専用の発注システムを持ちたい」と考えている企業様は、ぜひ導入をご検討ください。

最近、BASE以外のECプラットフォーム（STORES、Shopify）からBASEに移行するというご相談が続いています。そこでこの記事では、StoresからBASEへのショップ移行手順を、事前準備から移行後のチェックリストまで、分かりやすく解説します。

「BASE」への移行を考える方の主な理由

BASEは、初期費用・月額費用が無料で始められ、拡張機能やデザインテンプレートも豊富です。以下のような理由でBASEへの移行を検討する方が増えています。

• 決済手数料を含めたコスト構成が明確
• シンプルで初心者にも使いやすい管理画面
• スマホでの操作性が高く、運用がしやすい
• デザインの自由度が高く、個性を出しやすい

必要な作業を確認する

データのエクスポート

完全に新しくショップを開く場合と違い、移行の場合はこれまでのデータを移行する必要があります。STORESではCSVでエクスポートできる情報とできない情報があるため、それぞれを理解しておきましょう。

■ STORESからCSVでエクスポートできる情報（2025年7月現在）：

• 注文情報（注文一覧CSV）
• 顧客情報（購入者情報CSV）

※これは、管理画面の「注文管理」からダウンロードできます。

■ STORESからエクスポートできない情報（手動対応が必要）：

• 商品情報（商品名、説明文、価格、在庫、画像 など）
• カテゴリー設定
• クーポンやアプリの設定内容

STORESでは商品情報のCSV出力機能は提供されていません。
そのため、商品データはすべて手作業でコピー＆ペーストする必要があります。

【対策のポイント】

• 商品数が少ない場合は、手動でBASEへ登録して問題ありません。
• 商品が多い場合は、Excelやスプレッドシートに商品情報を整理し、BASEのCSV形式に合わせて整形すると効率的です（画像は別途アップロードが必要です）。

やや難易度が高いかもしれませんが、「Octoparse」などのデータ自動抽出ツールを使うことで、「STORES」など商品データのCSV出力に対応していないシステムから強制的にデータを抽出してCSV化することも可能です。

独自ドメインの扱いを確認する

STORESで独自ドメインを使っていた場合、BASEに移行するにはDNS設定の変更が必要です。
BASEの管理画面やヘルプページに従って、ドメイン設定を行いましょう。

移行の手順【ステップごとに解説】

Step 1：BASEのアカウントを作成

まずはBASEの公式サイトからアカウントを作成します。

▶︎ BASEアカウントを作成

Step 2：ショップの基本情報を設定、Appのインストール

ショップ名、URL、連絡先情報、配送・決済設定など、BASE上でショップ運営に必要な基本設定を行います。

また必要になりそうな拡張機能Appsをこの段階でインストールしてしまいましょう。
https://apps.thebase.com/

Step 3：商品データを移行

商品が少ない場合：

• 手動で商品を1つずつ登録
• 商品名、価格、説明文、画像などをコピー＆ペーストで入力

商品が多い場合：

• 「CSV商品管理」によってCSV一括商品登録が可能です
• Excel等にまとめた商品一覧を、BASEのCSVフォーマットに整形して一括登録
• 商品画像は別途BASEにアップロードが必要です

Step 4：デザインをカスタマイズ

BASEでは無料・有料テンプレートが多数用意されています。
お店の雰囲気に合ったテンプレートを選び、ロゴやカラーなどをカスタマイズしましょう。

※HTML編集対応のテンプレートを使えば、自由度の高いデザインも可能です。

Step 5：送料・決済方法の設定

• 配送方法（クリックポスト、宅配便など）と送料を設定
• BASEでは「BASEかんたん決済」により、主要な支払い方法が自動で使えます（クレジットカード・コンビニ・PayPalなど）

Step 6：独自ドメインやSNS連携の設定（任意）

• BASE側でドメイン設定を行い、DNSを調整すれば独自ドメインを継続利用可能
• InstagramショッピングなどのSNS連携も対応可能です

Step 7：公開前の最終チェック

• 商品画像や説明文に不備がないか
• スマホでの見え方の確認
• テスト注文でカート・決済が正常に動作するかチェック

移行後にやるべきこと

移行告知をする（SNSやメルマガで）

「新しいショップはこちら！」とBASEのURLを紗絵、またもし会員登録されていた方に対しては、再登録の方法なども丁寧に案内しましょう。

STORESのショップを一時停止 or 閉店

完全にBASEへ移行できたら、STORES側を非公開にするか閉店処理を行います。

Google Analytics / Search Console の再設定

BASEに新しい計測タグを入れ直して、アクセス解析が継続できるようにしておきましょう。

まとめ：移行は「段階的」に進めるのが安心

STORESからBASEへの移行は、手順さえ押さえればスムーズに行うことができます。
特に商品数が多い場合は、一度に全てを移行するのではなく、段階的に移す方法が安心です。

BASEの自由度や拡張性を活かして新たにスタートしましょう！

BASEデザインマーケットでのテーマ開発を初めて今年で10年となりました！
10年もBASEのテーマデザインを研究している私たちのテーマラインナップの中で、ここ最近の人気テーマをご紹介します！（記事の一番最後にテーマ選び際のアドバイスもありますので、ぜひご参考にしていただければと思います。）

BASEの人気テーマ1位「Retail Pro」

こちらは2025年2月にリリースした最新テーマです。
新テーマは当然ながら採用事例は少なく、広く知られるには時間がかかるのですが、すでに多くのショップ様に採用いただき、高評価をいただいています。

BASEは小規模でも簡単にオンラインショップを始められることが最大の魅力ですが、このテーマは「BASEでも大規模ショップができる」ということを大きなテーマにして開発されました。過去のテーマ開発で得たフィードバックや教訓、反省を詰め込んで、これでもかというほど細かい機能を沢山詰め込まれています。

多くの人気テーマのような「写真ばーん！英語でかっこいい文字どーん！しゅるるる！」という派手さはありません。それよりも、『あらゆる年齢層のより多くの訪問者にとって商品が見つけやすく、購入しやすい』、『長期間に渡り安心感を持って利用してもらえるショップサイト』を作ることを一番に考え、細かい部分を作り込んだテーマとなっています。

パッと見は派手ではない為、デザインテーマの中では目立ちづらいとは思いますが、ぜひデモサイトやプレビューをご覧ください！

デモサイトを見る

デモサイトを見る

BASEの人気テーマ2位「Artwork」

『Artwork』は作家、職人、アーティストの作品1つ1つを展示する場所をコンセプトにしたデザインテーマ。作品ページそれぞれが作品集の１ページのようなデザインに、その他のは情報を削ぎ落としたシンプルさを追求しています。

騒がしいインターネットショップとは距離をおいた、静かなアートギャラリーのような場所を作りたい、そんな想いでデザインされています。

• トップページでの静かでありながら印象的なイントロビジュアルの演出
• 商品ページが1つのランディングページのようなデザイン
• 情報量を少なめにした商品一覧レイアウト

といった特徴を持ったとても個性的なテーマです。

デザイン設定次第で変わるバリエーション別サンプル

BASEの人気テーマ3位「UNIVERSE」

UNIVERSEはリリースから長期に渡り、高い評価をいただいているテーマです。たくさんのショップオーナー様に使っていただいた経験をベースにして開発され、何百ものショップオーナー様からのフィードバックをもとにアップデートを繰り返してきたテーマです。

デモサイト1：https://universe.base.ec/
デモサイト2：http://universedemo.base.ec

BASEの人気テーマ4位「Edition」

『Edition / エディション』はサイドメニューレイアウトを特徴としたデザインテーマです。 カラーリング自由なサイドバー、ヘッダーバーがカラーアクセントとなり、よりお店の個性や雰囲気を表現しやすくなっています。

デザイン設定次第で変わるバリエーション別サンプル

デモサイトを見る

デモサイトを見る

デモサイトを見る

デモサイトを見る

BASEの人気テーマ5位「Relation」

「Relation」はトップページに全てを盛り込むワンページレイアウトのテーマで、ストーリー性のある少数商品EC、サブスク販売、オンラインコミュニティをイメージしています。

デモサイトを見る

デモサイトを見る

その他

BASEデザインマーケットの初期から10年に渡りサポート、アップデートを続けているテーマは他にもあります。相対的にテーマ価格が安くなっているため、低コストではじめたい方には今でも新規ショップにてご利用いただいています。

https://design.thebase.com/detail/27テーマ詳細へ

テーマ詳細へ

テーマ選びのアドバイス

• テーマ紹介やデモサイトの見栄えが良くても、実際に使ってみるとどうも使いづらい…。

• デモサイトを気に入って購入したはずが、いざ自分のショップに適用してみると何か違う…。

ということがよくあります。

テーマ紹介で使用されているおしゃれなビジュアル写真、英語のキャッチコピー。これらは当然デザイナーがデザイン優先で選別したものであり、実際のショップで使用されるものとは大きな差があることがあります。

デモサイトの綺麗な写真に惑わされず、デザインテーマの詳細ページから利用できる「プレビュー」を利用して自分のショップ写真素材、自分の商品を入れたらどう見えるか、をしっかりとチェックしてみましょう。

もし現在のテーマが合わないかも…と思ったら

ショップのデザインは1年、2年、3年、と長期にわたってお店のデザインイメージとなり、売り上げにも大きく影響してきます。それを考慮すれば、デザインテーマ1つの価格は極めて小さなコストだということもできます。初期コストとしては1万円でも惜しいと感じるのは当然ですが、スタートアップの段階ではテーマは2つ、3つは実際に購入して試してみるという感覚でいた方が楽かもしれません。

もちろん、そういうことがないよう、テーマデザイナーの方はできる限り詳しいテーマ説明、デモサイトを提供しています。

テーマに関してのお問い合わせ、サポートを常に受け付けておりますので、疑問や質問があればこちらよりご質問ください。

オンラインショップにカレンダーが表示されていることがありますが、「発送休業日」カレンダーという例はよく見かけます。

お客様がたまたま発送休業日の前日夜に注文した場合、発送できるのは翌々日となってしまいます。通常は午前中に注文があれば当日発送できるとしたら、このお客様にとっては「2日も放置された」ような気になって不満を感じやすくなってしまいます。

この日は「発送自体がお休み」ということが事前に分かっていればそれを防ぐことができます。

そのようなカレンダーはどのように表示するのが良いでしょうか？
単純な方法は画像でカレンダーを作ってしまうことですが、毎月カレンダー画像を作成する必要があり、またもし変更があった場合もあらためて画像を作成して掲載し直す必要があります。

ここではデザインテーマ『Retail Pro』に実装されたカレンダー機能をご紹介します。

『Retail Pro』カレンダー表示サンプル

カレンダー表示をONにすると、サイトのフッターエリアに当月と翌月の2ヶ月分が表示されます。この2つのカレンダーは画像ではなくテキストでデザインされていますので、月が変わればカレンダーの表示月は自動的に進んでいき、簡単な操作でいつでも自由に営業日や休業日を示すマーカーを移動させたり、本日を示すマーカーを表示することができます。

カレンダーの設定画面

カレンダーの基本設定

まずカレンダー表示のON/OFF、カレンダーはフッターの情報エリアにある他の要素との兼ね合いで左右を選び、色調、そしてカレンダーのタイトルをお好みで入力します。

マーカーの曜日一括指定

マーカーの曜日一括指定では、マーキングしたい曜日を「sat,sun,mon,tue,wed,thu,fri」といった「3文字の表記をコンマで区切る」というルールで設定します。

例えば「mon,tue,wed」と入力すると、毎週月、火、水曜日にマーカーが表示されます。その後はずっとその曜日にマーカーが表示されますので一度設定すれば、毎月何かをする必要はありません。
　

マーカーの個別指定

個別指定では、定期的な曜日ではなく個別にマーキングすることができます。

ルールは「月:日,日/月:日,日」となり、最大1年先まで個別指定することができます。
例えば、「10:5,6,7,8/11:1/12:25」は「10月5,6,7日　11月1日 　12月25日」にマーカーが表示されます。
カレンダーは2ヶ月表示ですが、3ヶ月以降先であっても、営業スケジュールが決まっていれば記入しておいても大丈夫です。

マーカーの色と意味を決める

最後にマーカーの色、それが何を意味するのかの表記も指定することができます。
「休業日」を表示してもよいですし、発送可能日を絞っているショップであれば「発送可能日」、またオンラインショップで休業日はないというショップでしたら「セール日」などという使い方も可能です。

カレンダーのマーカーの目的自体を自分で決めることができますので、カレンダーをより幅広い目的で使っていただけるようになっています。

「本日」の色は、サイト全体で使用している「アクセントカラー」が適用されます。
本日とマーカーが重なる場合は色が半分半分に表示され、どなたでもその意味が直感的に分かっていただけます。

以上、『Retail Pro』に搭載された高機能なカレンダー機能のご紹介でした！

『Retail Pro』はあらゆる年齢層のより多くの訪問者にとって快適なオンラインショップを構築するための理想的なBASEテンプレートとして開発しています。

デモサイトはもちろん、どんな設定項目があるかを全て解説したマニュアルも公開していますので、ぜひご検討ください。

デモサイト 1　https://designdemo02.base.ec/

デモサイト 2　https://designdemo01.base.ec/

テーマ設定マニュアル　https://basedesigninfo.notion.site/BASE-Retail-Pro-7ad28b30eb4b49bbbfc7fe8b17dc5243

BASEのアップデートにて、カートアイコンにカートに入っている商品数を表示することができるようになりました！

既存のデザイナーズテーマの場合、自動反映されませんが、CSSを追加することで表示できます。

追加するCSSコード

.cart {
  position: relative;
}
.cart-badge {
  display: block!important;
}
.cart-qty {
  position: absolute;
  top: 4px; /* 縦方向の位置を調整 */
  right: 5px; /* 横方向の位置を調整 */
  padding: 0 1px;
  min-width: 14px;
  background: #fa5171; /* 色を変更 */
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

デザイン設定項目にCSSを追加できる機能がある場合、その欄に上記のコードをコピーペーストすることで、表示されるようになります。

数字バッヂの位置がずれている場合、「top」「right」の数値変更することで調整できます。

デザイン設定項目にCSSを追加できる機能がない場合、HTML編集Appにて自分でコード内にCSSを追加することができます。テーマデザイナーさんの方でアップデート対応される場合もあります。

• カートに商品が入っていない場合、カートバッジは表示されません
• デザインを適用後に、実際に商品をカートに入れて、カートバッジの表示を確認してください

BASEの人気テーマ1位「Edition」

デザイン設定次第で変わるバリエーション別サンプル

デモサイトを見る

デモサイトを見る

デモサイトを見る

デモサイトを見る

BASEの人気テーマ2位「UNIVERSE」

BASEの人気テーマ3位「Relation」

その他の人気テーマ

テーマ詳細へ

テーマ詳細へ

テーマ選びのアドバイス

• テーマ紹介やデモサイトの見栄えが良くても、実際に使ってみるとどうも使いづらい…。

• デモサイトを気に入って購入したはずが、いざ自分のショップに適用してみると何か違う…。

デザインテーマでページを追加する３つのアイディア

アイディア1：Blogの記事として固定ページのコンテンツを投稿する

Blog利用のパターン1：Blog Appsはそのままブログ、お知らせとしても利用する場合

Blog利用のパターン2：Blog Appsを固定ページ専用にしてブログは書かない場合

テーマ「Edition」では、これをHTMLカスタマイズなしで再現できる「Blogでページ追加」という機能を搭載していますので、「Edition」をご利用の方はマニュアルの「8 その他の設定 > Blogでページ追加」をご覧ください。

アイディア2.：AboutページにHTMLで全部詰め込む

アイディア3：独立したサイトとBASEを行き来する

BASEの人気テーマ1位「UNIVERSE」

BASEの人気テーマ2位「Relation」

こんな良いものが無料で使える隣で、有料のデザインテーマの存在意義は何か

BASEの人気テーマ3位「Handmade」

BASEの人気テーマ「Landscape」「MASTERPIECE」

Instagramフィードの表示

ショップ上にインスタグラムの投稿写真を自動的に表示させたい

インスタグラムの埋め込み方が分からない時

• UNIVERSE
• LANDSCAPE
• MASTERPIECE
• HANDMADE
• FRAGRANT

どんな感じになるの？

テーマごとのレイアウト