Workspace369でオンライン予約ページを設定する方法

「設定」を開き、「カレンダーと予約」で「予約ページ」を開きます。「新規ページ」をクリックし、クライアントに表示される名前を付けて、デザインを選びます。「サービス」でページに載せたくないものをオフにし、予約ルールを設定して、「ページを作成」をクリックします。#

はい。「デザイン」でデザインを選ぶと、色、フォント、レイアウトがワンクリックで決まり、ブランドカラーも選べます。ページを作成する前に、クライアントに表示される画面をプレビューでそのまま確認できます。#

いいえ、どちらにするかは自由に選べます。「予約ルール」で、予約をすぐに確定するか、リクエストごとに先に承認するかを設定できます。予約ページはそれぞれクライアントが予約するための別の窓口で、複数作成することもできます。#

「ページを作成」をクリックすると、ページが公開されます。「共有と埋め込み」では、共有用のリンクとQRコードのほか、ウェブサイトにページを掲載する方法も表示されます。#

設定で「予約ページ」を開き、ページを開いて「共有と埋め込み」をクリックします。「ウェブサイトに埋め込む」の下で、フォーマットを選択します：インライン、ポップアップボタン、あなたのフォーム、またはプレーンiframe。コピーをクリックし、コードをウェブサイトのHTMLまたはコードブロックに貼り付けます（WordPress、Squarespace、Wix、WebflowではHTMLまたは埋め込みブロックを使用）、サイトを公開し、テスト予約を行います。コードにはワークスペースIDとページがすでに含まれているため、入力する必要はありません。#

インラインは、コードを貼り付けたページに予約カレンダーを表示し、コンテンツに合わせてサイズが自動調整されます。ポップアップボタンは、コードを貼り付けたすべてのページにフローティングする「今すぐ予約」ボタンを追加し、「data-w369-booking」属性を持つ要素もそれを開きます。あなたのフォームは「data-mode="api"」で同じスクリプトをロードするため、独自のフォームまたはボタンから、顧客の名前、メールアドレス、電話番号（E.164形式、例：+14155550100）でW369Booking.open()を呼び出すか、独自の要素内に表示するためにW369Booking.mount()を呼び出すことができます。プレーンiframeは、スクリプトをブロックするサイトビルダー用です。固定高さで、ポップアップはありません。スクリプト埋め込みはhttps://369.dev/booking.jsをロードします。#

はい、スクリプト埋め込みで可能です。スクリプトタグにdata-prefill-name、data-prefill-email、data-prefill-phone（例：+14155550100のE.164形式）、data-prefill-notesを追加するか、W369Booking.open()またはW369Booking.mount()に同じ値をprefillとして渡してください。data-serviceとdata-memberは、Share & embedのDeveloper IDsタブにあるIDを使用して、サービスまたは担当者を事前選択します。data-step="time"は、名前、メールアドレス、有効な電話番号が入力されると詳細フォームをスキップします。追加フィールドはメタデータ（最大20キー）に含めることができ、予約および新規クライアントのレコードに保存されます。予約元を追跡するには、UTM値をsourceとしてW369Booking.open()またはmount()に渡してください。これらは新規クライアントレコードのBooking sourceに表示されます。ページアドレスのUTMタグのみが渡されますが、保存はされません。予約が行われると、ページは予約IDとともにw369:bookedイベントを発火します。デポジットのある予約の場合は、支払いの前に発火します。#

インラインとW369Booking.mount()は、予約の各ステップに合わせて拡大・縮小します。ポップアップは最大1000x720ピクセルのウィンドウで開き、内部でスクロールし、閉じるボタン、Escapeキー、または外側をクリックすると閉じます。コードで高さを変更しない限り、プレーンなiframeは高さ900ピクセルです。ポップアップのフローティングボタンは右下隅に配置されます。data-label（最大40文字）でテキストを、data-color（#111827のような16進数カラー）で色を変更するか、data-mode="api"でスキップし、独自のボタンまたはリンクにdata-w369-bookingを追加します。完全なリファレンスは、埋め込みガイドにあります: docs.workspace369.com/v/2026.3/scheduling/embed-booking-on-your-website/#

はい。予約時のデポジットまたは全額支払いは、予約ページ自体で設定されるため、すべての埋め込み形式で対応します。これは、各埋め込みが予約ページを開くためです。REST APIではデポジット付きの予約を作成できないため、デポジットが必要な場合は、API経由で予約を作成するのではなく、クライアントを埋め込み予約ページに誘導してください。埋め込みでは、支払いにより同じブラウザタブでStripeが開かれ、支払い後、クライアントはウェブサイトに戻るボタン付きの確認画面を表示します。#

はい。「共有と埋め込み」で最大20の許可されたウェブサイトをリストするか、空欄にしておくとすべてのウェブサイトが許可されます。通常のiframeはこの方法で制限することはできません。すべての埋め込みには、「Powered by Workspace369」の小さなクレジットが表示されます。#

アカウントは不要です。クライアントは予約ページを開いてサービスを選び、日付と時間を選びます。最後に、自分の情報を入力して予約します。#

予約ページはSpecialist、Commander、Enterpriseプランに含まれます。CadetとVoyagerにはカレンダーとメールでの予約リマインダーが含まれますが、予約ページは含まれません。#