Complete Guide: Build a Salon Booking Site with Shopify from Scratch

この記事は予約アプリ「まるっと予約」の開発元であるPepinのSHINが執筆しています。 手順の中で自社アプリを使用しています。その点を踏まえてお読みください。料金情報は2026年3月時点のものです。

---

「予約サイトを作りたいけど、何から始めればいいかわからない」

個人サロンや小規模サロンのオーナーの方から、こうした相談をよくいただきます。

実はShopify + 予約アプリの組み合わせで、プログラミングの知識がなくても自分だけの予約サイトを作ることができます。しかも月額1万円以下で運営可能です。

この記事では、Shopifyのアカウント作成から予約サイトの公開まで、9つのステップで完全ガイドします。

Shopifyとは？ 世界175か国以上で使われているネットショップ作成サービスです。予約サイトとしても利用でき、専門知識がなくても自社サイトを開設できます。

この記事で作れるもの

この記事の手順を最後まで進めると、以下の機能を持つ予約サイトが完成します。

• オンライン予約受付 — お客様が24時間いつでも予約できるカレンダー
• スタッフ指名予約 — スタイリストやセラピストを指定して予約
• 事前決済（デポジット） — 予約時に前払いを受け取り、無断キャンセルを防止
• 顧客マイページ — お客様自身が予約の確認・変更・キャンセルを管理
• 物販（任意） — シャンプーやトリートメントなどの店販品もそのまま販売可能

必要なもの

所要時間の目安：約1〜2時間（メニュー数や写真の準備状況による）

---

Step 1: Shopifyアカウントを作成する

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

1. メールアドレスを入力して「無料体験をはじめる」をクリック
2. いくつかの質問に答える（業種は「サービス」を選択）
3. ストア名を入力（後から変更可能）
4. アカウント作成完了

ポイント: Shopifyには無料体験期間があります。まずは無料体験中にサイトを作り、納得してから有料プランに切り替えましょう。

Step 2: テーマを選ぶ

テーマはサイトのデザインテンプレートです。Shopifyには無料テーマが多数用意されています。

サロン向けおすすめ無料テーマ

テーマの設定手順

1. Shopify管理画面 →「オンラインストア」→「テーマ」
2. 「無料のテーマを探す」から好みのテーマを選択
3. 「カスタマイズ」でロゴ・カラー・フォントを自分のサロンに合わせて調整

ポイント: テーマ選びに時間をかけすぎないことが大切です。まずはデフォルトのDawnで始めて、後からいつでも変更できます。

Step 3: サロン情報を登録する

サイトの基本情報を設定します。

ストア情報の設定

Shopify管理画面 → 「設定」 から以下を登録します。

• ストア名 — サロン名を入力
• ストアの連絡先メールアドレス — 予約通知を受け取るアドレス
• ストアの住所 — サロンの所在地

ロケーション（店舗）の登録

複数店舗がある場合は、「設定」→「ロケーション」から各店舗の住所・営業時間を登録します。1店舗の場合はデフォルトのロケーションを編集するだけでOKです。

Step 4: メニュー（施術）を商品として登録する

Shopifyでは施術メニュー＝商品として登録します。これが一番重要なステップです。

商品登録の手順

Shopify管理画面 →「商品」→「商品を追加」

1. タイトル — メニュー名を入力（例：「カット」「カット＋カラー」「ヘッドスパ 60分」）
2. 説明文 — 施術内容を丁寧に書く。お客様が選ぶ際の判断材料になります
3. メディア — 施術のイメージ写真をアップロード
4. 価格 — 施術料金を入力
5. 商品タイプ — 「サービス」や「施術メニュー」など自由に設定

ポイント: 「配送」のセクションで「配送が必要な商品です」のチェックを外すのを忘れずに。サービス商品なので配送は不要です。

メニューの整理

メニューが多い場合はコレクション（カテゴリ） で整理すると、お客様が選びやすくなります。

• 例：「カットメニュー」「カラーメニュー」「トリートメント」「ヘッドスパ」

Step 5: まるっと予約をインストールする

ここからサイトに予約機能を追加します。

1. Shopifyアプリストアのまるっと予約ページにアクセス
2. 「インストール」をクリック
3. 権限を確認して「アプリをインストール」

インストールが完了すると、Shopify管理画面の「アプリ」からまるっと予約を開けるようになります。

Step 6: 予約設定をする

まるっと予約の初期設定を行います。

6-1. 店舗情報を読み込む

まるっと予約を開くと、Shopifyに登録済みのロケーション情報をワンクリックで取り込みできます。営業時間もここで設定します。

6-2. スタッフを登録する

「リソース」メニューからスタッフを登録します。

• スタッフ名
• 対応可能なメニュー
• 出勤スケジュール（曜日・時間）

6-3. 予約ポリシーを設定する

「設定」から予約に関するルールを設定します。

• 予約の受付開始・終了タイミング — 何日前から何時間前まで予約可能にするか
• キャンセル期限 — 予約日の何日前までキャンセル可能か
• バッファ時間 — 施術と施術の間の準備時間

6-4. デポジット（前払い）を設定する（任意）

無断キャンセル対策として、予約時に前払いを受け取る設定ができます。

• 全額前払い、または施術料金の一部（例：50%）を設定可能
• Shopify Paymentsの決済機能と連携

ポイント: デポジット設定はいつでもON/OFFできます。まずはデポジットなしで始めて、無断キャンセルが気になり始めたら設定を追加するのもおすすめです。

Step 7: 予約カレンダーをストアに設置する

予約設定が完了したら、お客様が予約できるカレンダーをサイトに表示させます。

テーマエディタから設置する方法

1. Shopify管理画面 →「オンラインストア」→「テーマ」→「カスタマイズ」
2. 予約カレンダーを表示したい商品ページを開く
3. 「ブロックを追加」からまるっと予約のブロックを選択
4. カレンダーが商品ページに表示される

これで、お客様は商品ページ（メニューページ）から直接予約できるようになります。

Step 8: テスト予約をする

公開前に必ずテスト予約を行いましょう。

テスト予約のチェックリスト

• 予約カレンダーが正しく表示されるか
• 希望の日時を選択して予約が完了するか
• 予約確認メールが届くか
• 管理画面の予約一覧に反映されるか
• デポジット設定をした場合、決済が正しく動作するか
• スタッフ指名予約が正しく機能するか

ポイント: 自分だけでなく、スタッフや家族にもテスト予約をしてもらうと、お客様目線での使いやすさを確認できます。

Step 9: ストアを公開する

テストが完了したら、サイトを公開します。

パスワード保護を解除する

Shopifyの無料体験中・またはプラン契約直後はストアにパスワードがかかっています。

1. Shopify管理画面 →「オンラインストア」→「各種設定」
2. 「パスワード保護」をオフにする
3. 「保存」をクリック

独自ドメインを設定する（推奨）

デフォルトでは your-store.myshopify.com というURLになります。サロンのブランディングのために独自ドメインを取得しましょう。

• Shopify管理画面 →「設定」→「ドメイン」からShopify経由で購入可能
• お名前.comなど外部で取得したドメインを接続することもできます

---

運営コスト

月々の運営コストをまとめます。

• 予約手数料：ゼロ。 予約件数が増えてもアプリの手数料は一切かかりません
• まずは無料プラン（月10件まで） で始めて、予約が増えたらアップグレードするのがおすすめです

※ 為替レートは1ドル＝約158円で換算（2026年3月時点）。Shopify Paymentsの決済手数料（3.4%〜）は別途かかります。

次のステップ

予約サイトが公開できたら、次はサイトの集客と運営を強化しましょう。

• Googleビジネスプロフィール に予約サイトのURLを登録して、Google検索・Googleマップからの流入を獲得
• Instagram にプロフィールリンクとして予約サイトのURLを設定
• LINE公式アカウント のリッチメニューに予約リンクを設置
• 店販品の登録 — シャンプーやトリートメントなどをShopifyに登録し、予約のついでに購入してもらう導線を構築

よくある質問

Shopify未経験でも本当に作れる？

作れます。Shopifyは直感的な管理画面で操作でき、コードを書く必要はありません。まるっと予約も日本語の管理画面・日本語サポートを提供しているので、困ったときはすぐに相談いただけます。

予約件数が少ないうちは無料で始められる？

はい。Shopifyの無料体験期間中は月額無料で、まるっと予約も月10件までの無料プランがあります。予約が増えてきたタイミングで有料プランに切り替えれば、初期費用を抑えてスタートできます。

スタッフが複数いる場合も対応できる？

対応できます。まるっと予約ではスタッフごとに対応メニュー・出勤スケジュールを設定でき、お客様はスタッフを指名して予約できます。

ホットペッパーと併用できる？

できます。Shopifyの予約サイトとホットペッパーを併用し、段階的に自社予約への移行を進めることをおすすめします。詳しくはホットペッパーからShopify予約に移行するメリットと手順をご覧ください。

予約アプリは他にもある？まるっと予約を選ぶ理由は？

Shopifyには複数の予約アプリがありますが、日本語で管理画面・ストアフロント・サポートすべてに対応しているアプリは限られます。主要5アプリの比較はShopify予約アプリ5つを開発者が比較をご覧ください。

物販（店販品）も同じサイトで販売できる？

できます。Shopifyは本来ネットショップ向けのサービスなので、シャンプー・トリートメント・スタイリング剤などの店販品をそのまま販売できます。予約と物販をひとつのサイトで完結できるのはShopifyならではのメリットです。

まとめ

Shopify + まるっと予約で、月額約9,300円からサロンの予約サイトを運営できます。

1. Shopifyアカウントを作成して無料テーマを選ぶ
2. 施術メニューを商品として登録する
3. まるっと予約をインストールしてスタッフ・予約ルールを設定
4. 予約カレンダーを設置して、テスト予約で動作確認
5. パスワードを解除してサイトを公開

まずはShopifyの無料体験と、まるっと予約の無料プランで試してみてください。費用は一切かかりません。

→ Shopify無料体験をはじめる

→ まるっと予約を無料でインストール

Shopifyストア構築もお任せください

「自分でShopifyを設定するのは不安」という方向けに、アプリ開発者本人がShopifyストア構築＋まるっと予約の導入をまるごとサポートいたします。まずはお気軽にご相談ください。

→ お問い合わせはこちら

ココナラからもご依頼いただけます。

→ ココナラでサービス詳細を見る

---

2026年3月時点の情報です。Shopify・まるっと予約の料金はドル建てのため為替変動により円換算額が変わります。