【予約機能強化】コースから時間を選択できるカレンダー予約機能をカスタマイズ!

この記事は 2024.12.10 に最新記事として更新されています。

今回は、ホットペッパービューティーのような、空いている時間から指定の希望時刻を選択して予約できるカレンダー予約機能を実装しました。

おもに美容院やネイルなどのビューティー系をはじめ、マッサージ、お稽古事、歯医者の予約などさまざまな予約システムに応用できます。
下記、決済までのながれを下記の通り解説いたします。

 

適しているマッチングサイトのジャンル

下記の職種に相性がよいかもしれません。
機能的にはどの業界でも合いそうな機能ですので、サービスにあった機能実装することが望ましいです。

・美容院
・ネイルサロン
・銭湯やプライベートサウナ
・マッサージ、リラク、整体/整骨
・歯医者、病院クリニック
・お稽古、習い事
・アポ取り

 

1. フロントでコースと予約希望日時を選択する

まず、『1.コース選択(必須)』でコースを選択したあと、『2.希望日時選択(必須)』より希望の時間帯を選びます。

この部分は以前にレンタル機能でも紹介したおなじようなUIでの実装も可能です。
また、カレンダーと時間を分たり、ポップアップで表示して進行させることもできます。

 

2. 予約ボタンをクリックする

予約日時が決定した後、予約するボタンをクリックして決済へ進みます。

 

3. クレジット決済を行う

予約するボタンを押した後、決済画面に遷移します。
ポップアップに進んで決済を完了させると予約完了のステータスになります。

 

上記がベーシックな流れとなりますが、ここに通知機能や、コースごとに文言を変更しての案内など分岐させることも可能です。
このようにして実装したいなどご依頼は一度 お問い合わせ ください。

 


今すぐ、サイト構築についてご相談したい方は下記をクリック /



マッチングサイト構築の専門家があなたのお悩みを解決します。 サイト構築のお悩み・ご相談についてお気軽にお問い合わせください。

資料ダウンロード

マレント製品の概要や利用方法をわかりやすくまとめた資料です。

資料ダウンロード

ご相談・お問合わせ

ご要望に合わせた構築プランを専任スタッフがお手伝いします。

ご相談・お問合わせ

担当者とチャットする

専任スタッフが今すぐ対応いたします。お気軽にご質問ください。

担当者とチャットする

【お問い合わせ・ご相談窓口】 製品やサービスに関するご相談等、お気軽にご連絡ください。050-6869-7546(導入前相談)

【ご購入前 デモ版体験】 デモサイトを実際にご覧いただけます。 デモサイトはこちら →

Mallento 編集部

Mallento 編集部

CtoCマッチングサイトや動画配信、大規模サイト、大手企業などのサービス開発経験を大阪を拠点に、滋賀、東京で約40名体制で開発を行なっております。カスタマイズ経験豊富ですので他社の請負から難しい案件までご依頼お待ちしております。

こちらの記事もよくみられています

TOP