ウェブサイトへのオンライン予約導入6ステップ

ウェブサイトに電話番号と問い合わせフォームはあっても予約する手段がないなら、新しい顧客はみな返信を待つことになります。このガイドでは、サロン、ウェルネススタジオ、トリミングショップ、家庭教師業、あるいは職人系の事業を営む人がウェブサイトにオンライン予約を追加する方法を順に解説します。予約に必要な情報、予約が取り得るいくつかの形、それぞれがWordPress、Squarespace、Wix、Webflowにどう組み込まれるか、そして顧客レコードの行き着く先までを扱います。私たちは事業ワークスペースであるIfaを作っており、予約についてIfaができることとできないことも、以下で率直に述べます。

1. ツールを選ぶ前に、予約に何が必要かを決める

まずは紙に短いリストを書き出してください。どのツールも導入時にこれらを尋ねてきますし、その答えがどのツールが合うかを決めます。

• **サービス。**顧客が見て分かる名前を持つ、予約可能な各サービス。「サービスB」より「大型犬のフルグルーミング」のほうが良い名前です。
• **所要時間。**そのサービスが実際にカレンダーを塞ぐ時間であり、見積もっている時間ではありません。いつも60分までかかる45分のカラーは、60分として登録してください。
• **誰を予約できるか。**一人で運営するコンサルタントならカレンダーは一つです。二席あるサロンならカレンダーは二つあり、顧客が特定の担当スタイリストを指名したいこともあります。顧客が担当者を選ぶのか、あなたが割り当てるのかを決めてください。
• **準備時間。**グルーミングの間の清掃、出張サービスの移動時間、レッスンとレッスンの間の休憩です。準備時間の有無が、うまく回るカレンダーとうまく回らないカレンダーの違いになります。
• **営業時間。**担当者ごと、曜日ごとに、異なる日も含めて設定します。
• **予約可能な期間。**予約が入れられる直前のタイミングと、どれだけ先まで予約を受け付けるかです。
• **顧客から何を聞く必要があるか。**氏名と電話番号は最低限です。トリミング業者なら犬種と体重が必要ですし、職人系の事業なら住所と困りごとの内容が必要です。ここで予約ツールと申し込みフォームの役割が重なってきますが、その違いは顧客の申し込みフォームのページで扱っています。

2. 形を選ぶ:埋め込み型ウィジェット、ホスト型ページ、申し込みフォーム

埋め込み型の予約ウィジェット

ウィジェットとは、提供元から渡されるコードの断片です。ページに貼り付けると、顧客はサイトを離れずにサービスと時間を選べるようになり、予約は提供元のカレンダーに届きます。サロン、スタジオ、トリミングショップ、家庭教師業にとって定番の答えです。

2026年9月時点で各提供元自身のサイトで確認した、よく使われる5つの選択肢です。

• Square Appointments(squareup.com)には、一人の専門職向けの無料プランと、拠点ごとに課金される有料のPlusプラン、Premiumプランがあります。すべてのプランにオンライン予約サイトとウェブサイト用の予約ボタンが含まれ、無断キャンセル料とデポジットは有料プランの機能です。
• Calendly(calendly.com)には、イベントタイプ一つ、カレンダー連携一つまでの無料プランがあり、2026年9月時点で公開されている開始価格が1ユーザーあたり月10ドルのStandardプランがあります。リマインダーと、StripeまたはPayPalを通じた決済の受け付けは有料プランの機能です。もともと打ち合わせ向けに育ってきたツールなので、店頭というより、コンサルタントや家庭教師に向いています。
• Acuity Scheduling(acuityscheduling.com)には無料プランがなく、7日間の試用のみです。Starterプランはカレンダー一つをカバーし、2026年9月時点で公開されている開始価格は月20ドルです(年払いならさらに安くなります)。メールでのリマインダーとカスタム顧客フォームはすべてのプランに含まれ、テキストメッセージのリマインダーはStandard以上のプランからです。
• Setmore(setmore.com)には、4ユーザーまで、予約件数無制限、メールリマインダー付きの無料プランがあります。2026年9月時点で公開されている開始価格が1ユーザーあたり月12ドル(年払いなら1ユーザーあたり月5ドル)のProプランでは、テキストメッセージのリマインダー、デポジット、双方向のカレンダー同期、Setmoreのブランド表示の削除が加わります。
• SimplyBook.me(simplybook.me)には、月50件の予約までの無料プランがあり、有料プランでは予約件数の上限や利用できる担当者数が増え、申し込みフォームやデポジットといった「カスタム機能」を選んで追加できます。2026年9月時点で公開されているBasicプランの価格は月13.90ユーロからです。

リンクでつなぐホスト型の予約ページ

上記のどのツールも、提供元のドメイン上にあるページ(yourshop.setmore.com、calendly.com/yourname)を用意してくれます。埋め込む代わりに、そのページを開く「今すぐ予約」ボタンを追加するだけです。もっとも速く、コードも不要な方法です。引き換えに、顧客はあなたのサイトを離れることになり、ページのデザインは提供元のものになり、無料プランでは提供元のブランド表示も付いてきます。

チームが確認する申し込みを作るフォーム

三つ目の形はセルフサービス型の予約ではありません。顧客がフォーム(サービス、希望の曜日、電話番号)に入力すると、それが申し込みとして届き、チームが時間を確定します。事前の会話なしには時間が決められない場合、たとえば案件の規模で所要時間が決まる職人系の仕事や、実際に見るまで新しい犬の予約を受けないトリミング業者などに合った形です。ボタンの文言が期待値を決めます。「予約を申し込む」は返信を約束し、「今すぐ予約」は確定した枠を約束します。

Ifaはこの三つの形すべてに対応します。あなたのサイトからリンクできる独立した予約ページを作成でき、接続済みのチャネルのチャットでも予約を受け付けられ、公開フォームは事前の会話なしには時間が決められない場合にチームが確認する申し込みとしてワークスペースに届きます。どの経路の背後にも同じルールがあります。サービスごとの方針、担当者ごとに自分のタイムゾーンで設定された営業時間、すべての予約に対する空き状況とダブルブッキングのチェック、そしてあなたが定義するワークフローとしてのリマインダーです。予約管理ソフトのページでは、それぞれの要素がどう組み合わさるかを示しています。Ifaができないのは、GoogleやOutlookのカレンダーとの同期、そして予約時のデポジットの受け付けであり、現在は公開前です。別の予約ウィジェットを引き続き使う場合は、ステップ6で顧客レコードを一つに保つ方法を示します。

形	顧客がすぐ枠を得られるか	自分のサイト上にあるか	コードの貼り付けが必要か	最も合う相手
埋め込み型ウィジェット	はい	はい	はい、断片一つ	サロン、スタジオ、トリミングショップ、家庭教師業
ホスト型ページへのリンク	はい	いいえ、提供元のドメイン	いいえ	どんなサイトでも、最も早く始められる
申し込みフォーム	いいえ、チームが確定する	はい	フォームツール次第	職人系、新規顧客の見極め、見積もりが必要な仕事

3. サイトビルダーに追加する

予約ツールからコードかリンクを取得し、ページに設置します。メニューのたどり方は2026年9月時点のものです。

WordPress

• **ウィジェット。**ブロックエディタで「カスタムHTML」ブロックを追加し、提供元の埋め込みコードを貼り付けます。Calendly、SimplyBook.me、Square Appointments、Acuityはそれぞれ、ブロックやショートコードで同じことができるWordPress用プラグインを公開しています。
• リンク。「ボタン」ブロックを追加し、「今すぐ予約」とラベルを付け、ホスト型ページのURLを貼り付けます。ブロックテーマなら「外観」から「エディター」で、同じボタンをヘッダーにも設置できます。

Squarespace

• **ウィジェット。**SquarespaceはAcuityを保有しているため、ネイティブの「予約」ブロックがあります。ページを編集し、ブロックを追加して「予約」を選び、自分のAcuityカレンダーを指定します。他の提供元の場合は「コード」ブロックか「埋め込み」ブロックを追加し、コードを貼り付けます。
• **リンク。**ホスト型のURLを使った「ボタン」ブロックを追加するか、「デザイン」から「ヘッダー」でボタンを設定します。

Wix

• ウィジェット。「埋め込みコード」要素(「要素を追加」から「埋め込みコード」、「HTMLを埋め込む」)を追加し、コードを貼り付けます。CalendlyとSetmoreはWixのアプリ市場にも掲載されています。Wixには独自のWix Bookingsもあるので、他のツールを導入する前に比較する価値があります。
• **リンク。**ボタンを追加し、そのリンク設定で「ウェブアドレス」を選んでホスト型ページのURLを貼り付けます。

Webflow

• **ウィジェット。**追加パネルから「埋め込み」要素をページにドラッグし、コードを貼り付けます。自分のプランでカスタムコードにどんな制限があるか確認してください。
• リンク。「ボタン」要素を追加し、リンクを外部URLに設定して、ホスト型ページを貼り付けます。

どのビルダーを使う場合でも、公開する前にスマートフォンで確認してください。パソコンの画面には収まる埋め込みが、幅の狭い画面では「確定」ボタンを切り取ってしまうことがあります。

4. リマインダー、無断キャンセルのルール、デポジットを設定する

選んだツールによって、ここで何ができるかが決まります。無料プランの違いがもっとも表れる部分でもあります。

• **リマインダー。**Square Appointments、Setmore、SimplyBook.me、Acuityは、販売しているすべてのプランでメールリマインダーを含んでいます。Calendlyはリマインダーを有料プランに限定しています。テキストメッセージによるリマインダーは、多くの場合(SetmoreのPro、Acuityの Standard以上のように)有料プランの機能です。Ifaでは、2026年9月時点で、リマインダーはあなたが定義するワークフローであり、接続済みのチャネルを通じて送られる予定済みのステップです。
• **無断キャンセルと遅いキャンセルのルール。**Square AppointmentsはPlusとPremiumで無断キャンセル料とキャンセルポリシーに対応しています。SetmoreのProと、SimplyBook.me(カスタム機能として)はデポジットに対応しており、これが無断キャンセルを減らす実用的な方法です。CalendlyとAcuityは予約時の支払いを必須にでき、コンサルタントや家庭教師にとって同じ役割を果たします。
• **デポジットと決済。**この5つのツールはすべて、Square自身の決済処理か、StripeやPayPalなどの連携済み決済業者を通じて予約時の決済を受け付けられます。一部前金、全額前払い、カード情報の保存のいずれにするかを決めてください。各ツールが提供する選択肢は異なります。Ifaは現在、予約時の決済を受け付けておらず、決済と請求は計画段階です。

二席のサロンでよく機能するルールは、書面によるキャンセル猶予期間、新規顧客と1時間を超えるサービスにはデポジット、常連客にはデポジットなし、というものです。

5. 予約と顧客レコードの行き着く先を把握する

顧客がウィジェットから予約すると、ツールが予約と顧客プロファイルを作成し、連携していればGoogleやOutlookのカレンダーにも予定が入ります。予約ツールは予約の正式な記録先になりますが、静かに顧客の記録先にもなっていきます。フォームから入ってきたすべての氏名、電話番号、メモを保存しているからです。

初日はそれで問題ありません。問題になるのは、履歴が分散したときです。予約ツールには予約が、あなたのスマートフォンにはメッセージのやり取りが、スプレッドシートには犬の性格や生徒の試験日についてのメモがある、といった具合です。上に挙げたどのツールも、見積もり、同意書、写真、フォローアップの作業、レポートといった関係全体を保持するようには作られていません。カレンダーと連絡先カードを保持しているだけです。

だからウィジェットを有効にする前に、どのシステムを顧客レコードとするかを決めてください。予約ツールで十分なら(12人の生徒を抱える一人の家庭教師には、それで十分なことがよくあります)、すべてをそこに置き、バックアップとして毎月CSVをエクスポートしてください。それ以上が必要なら、この先を読み進めてください。

6. 予約ツールが別のものであっても、顧客レコードを一つに保つ

Ifa自身の予約ページやチャットを通じて予約を受けているなら、予約と顧客レコードはすでに一か所にまとまっており、このステップは不要になります。別のウィジェットを使い続けるオーナーは、リアルタイムの連携ではなく、日々の習慣によって両者を一致させています。Ifaでの具体的なやり方は次のとおりです。

• **予約ツールがカレンダーを持ち、ワークスペースが顧客を持ちます。**予約は予約ツールの中で作成され、移動されます。顧客に関するそれ以外のすべて(申し込みの回答、ファイル、メモ、フォローアップ、「新規」「常連」「休眠」といったライフサイクルの状態)はワークスペースに置かれます。
• **予約はリアルタイムではなく、決まった周期で取り込みます。**上記のどのツールも、予約と顧客をCSVとしてエクスポートできます。Ifaは重複、不正な日付、空欄、一致しない列のチェックを伴うプレビュー、そして承認のステップを経てCSVとXLSXの書き出しを取り込むため、週次のエクスポートを取り込んでも顧客の二重登録は生まれません。Ifaと予約ツールの間にリアルタイムの双方向同期はありません。
• **申し込みは一つのフォームにまとめ、二つ使わないようにします。**ウィジェットが氏名と電話番号しか取らないなら、予約後にワークスペースの申し込みフォームを新規顧客に送ってください(予約確認メールがそのリンクを載せる良い場所です)。回答はその顧客のレコードに反映されます。
• **電話番号かメールアドレスで一致させます。**両方のシステムが共有する項目を一つ決め、予約フォームでその項目を必須にしてください。電話番号はサロンやトリミング業者に、メールアドレスは家庭教師やコンサルタントに向いています。
• **一つのカレンダーだけを真実として扱います。**飛び込み客、電話での予約、その場での再予約はすべて予約ツールに入力し、ウィジェットの空き状況が正しい状態を保つようにします。二か所で空き状況を管理すると、ウィジェットがダブルブッキングを起こします。

美容とウェルネスの事業なら、サイトにはSquare AppointmentsかAcuityのウィジェットを置き、カウンセリングフォームと再予約のフォローアップにはワークスペースを使うことが多くなります。犬のトリミングショップなら、どんな予約フォームにも用意されていないペットの記録(犬種、体重、ワクチン接種のファイル、性格)をワークスペースが保持します。家庭教師業なら、生徒、保護者、学習の進捗メモをワークスペースが保持し、レッスンの時間はCalendlyやAcuityのページが扱います。

うまくいかないことと、その防ぎ方

• **所要時間が希望的すぎる。**ウィジェットを有効にした後もっとも多い不満は、カレンダーはいっぱいなのに、いつも時間が押しているというものです。初日から実際の所要時間と準備時間を設定してください。後で短くするのは簡単ですが、顧客がすでに予約した後で長くするのは簡単ではありません。
• **カレンダーが二つ存在する。**ウィジェットは稼働しているのに、受付は電話予約を紙の予約帳に書き続け、一週間もすればダブルブッキングが起きます。すべての予約を、ウィジェットに情報を供給しているツールへ入力してください。
• **埋め込みがスマートフォンで壊れる。**実際のドメイン上で、確定画面まで含めてスマートフォンで流れを確認してください。
• **仕事に合わない形を選んでいる。**即時予約のウィジェットを導入した職人系の事業が、一日仕事にも30分枠を割り当ててしまう、というのはよくある失敗です。申し込みフォームを使うか、長さが固定された「現地訪問」というサービスに限って即時予約を提供してください。
• **顧客データがツールに閉じ込められる。**最初の月から、決まった周期で顧客と予約をエクスポートしてください。そうすれば、後で離れるときに再構築ではなくインポートで済みます。エクスポートにメモやフォームの回答が含まれているかも確認してください。
• **リマインダーがあるものと思い込む。**自分の電話番号でテスト予約を入れ、実際に何が届くか確認してください。無料プランのメールリマインダーは、テキストメッセージも届くことを意味しません。

よくある質問

ウェブサイトに無料でオンライン予約を追加できますか?

はい、一人のオーナーか、4人までのチームであれば可能です。2026年9月時点で、Square Appointments(専門職一人)、Setmore(4ユーザーまで)、Calendly(イベントタイプ一つ)、SimplyBook.me(月50件の予約)には無料プランがあります。テキストメッセージのリマインダー、デポジット、無断キャンセル料には通常、有料プランが必要です。Acuityには無料プランがありません。

サイトビルダー自身の予約ツールを使うべきですか?

Squarespaceでは、Acuityがネイティブの選択肢であり、もっとも埋め込みやすいです。Wixでは、三つ目のツールを追加する前にWix Bookingsを比較してみてください。ダッシュボードと請求先が一つで済むのが利点であり、代わりに後でサイトを移すとき予約も一緒に移すことになるのが代償です。

Ifaはサイトに設置できる予約ページを持っていますか?

はい。Ifaはあなたのサイトからリンクできる独立した予約ページを作成でき、顧客は接続済みのチャネルのチャットでも予約できます。どちらの背後にも、サービスごとの方針、担当者ごとの営業時間、空き状況とダブルブッキングのチェック、あなたが定義するワークフローとしてのリマインダーがあります。2026年9月時点でIfaができないのは、GoogleやOutlookとのカレンダー同期、そして予約時のデポジットや決済であり、これらは計画段階です。

予約ツールから顧客レコードを一つにまとめるにはどうすればいいですか?

予約ツールから顧客と予約のCSVをエクスポートし、電話番号かメールアドレスで一致させながらワークスペースに取り込みます。Ifaは何かが作成される前に、重複と空欄のチェックを伴うプレビューを表示します。これを決まった周期で繰り返してください。リアルタイムの同期はありません。

最終更新日:2026年9月2日。