リソース · オンライン予約

自社サイト向けの予約ウィジェット

4appointmentsでは、オンライン予約を受け付ける方法が2つあります。たった2行のコードでサイトに埋め込めるウィジェットと、独自ドメイン上でブランドを反映できるホスティング型の公開ページです。どちらもモバイルファーストで、「予約したい」から支払いまでの手順を最小限にするよう、コンバージョンを重視して調整されています。

2行のコードで埋め込めるウィジェット

管理画面からスニペットをコピーし、サイト(WordPress、Webflow、Wix、Shopify、その他のCMS)に貼り付けるだけで、ページにウィジェットが表示されます。非同期で読み込まれる(レンダリングをブロックしない)ため、内容に合わせて自動でサイズが変わり、キーボード操作に対応し、WCAG 2.1 AAに準拠しています。

  • 2行のコード(<script>と<div>)で、遅いiframeは不要
  • モバイルファーストで、デスクトップでも適切に表示
  • 管理画面で設定できるカスタムテーマ(色、フォント、角丸)
  • WCAG 2.1 AA:キーボード操作とスクリーンリーダーで検証済み

ブランドを反映したホスティング型の公開ページ

ご自身のサイトをお持ちでない場合や、お客様を予約ページへ直接案内したい場合は、`bookings.yourcompany.com`(無料のCNAMEサブドメイン)または独自ドメインで、単独のページを利用できます。ページはブランドに合わせられます。ロゴ、配色、フォント、写真、地図、Googleの評価など、すべて管理画面から設定できます。

  • 独自ドメイン上のCNAMEサブドメイン
  • SSLは自動で設定され、構成作業は不要
  • 共有リンク用のOpen GraphとTwitter Cardを設定済み
  • ローカルSEO向けに、Schema.orgのLocalBusinessを含みます

見た目だけでなく、コンバージョンのために調整

すべてのステップを最適化しました。サービスの選択(所要時間と料金を表示)、担当者の選択(写真と評価を表示)、時間の選択(最初の空き枠を強調表示)、連絡先の入力(オートコンプリートと入力チェック付き)、カード決済(Apple Pay/Google Payをあらかじめ選択)。最初のクリックから予約確定までを、短く、スムーズな流れにすることが目標です。

よくあるご質問

プラグインなしで、WordPressにウィジェットを設置できますか?

はい。<script>と<div>のスニペットを、HTMLウィジェット、Gutenbergブロック、テーマのテンプレートにそのまま貼り付けられます。WordPress用のプラグインは提供していません(必要ないためです)。Webflow、Wix、Shopify、Squarespaceでも動作します。

公開ページはGoogleにインデックスされますか?

ご希望であればインデックスされます。デフォルトでは、予約ページはrobotsの「index, follow」、Schema.orgのLocalBusiness、自動生成されるサイトマップが設定されています。ご希望であれば、管理画面からnoindexに設定できます。

複数のウィジェット(会社の支店ごと)を持てますか?

はい。支店ごとに、専用のカレンダー、担当者リスト、配色を持つウィジェットを用意できます。Scaleプランでは、ウィジェットを無制限に作成できます。

ウィジェットはサイトの表示速度に影響しますか?

いいえ。ウィジェットのスクリプトはgzipで約12KBで、非同期に(ページのほかの部分の後で)読み込まれます。LCPをブロックせず、PageSpeedのスコアにも影響しません。

今週中に、サイトでオンライン予約を始めませんか?

ウィジェットを有効にして、サイトに2行のコードを貼り付けるだけです。ブランドを反映したホスティング型の公開ページなら、5分で公開できます。

料金を見る →