【カスタマイズ】コースから時間を選択できるカレンダー予約機能を実装しました

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

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

 

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

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

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

 

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

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

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

 

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

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

 

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

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

 

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

 


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



Mallento 編集部

Mallento 編集部

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

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

新着ブログ 他の方が閲覧中の記事
  1. 飲食店と働きたい方をマッチングする飲食店専門の求人マッチングサイトを構築しました

  2. ジモティーのような地元密着型コミュニティマッチングサイトを構築しました

  3. 【カスタマイズ】コースから時間を選択できるカレンダー予約機能を実装しました

  4. 【予約マッチング】ホットペッパーのようなカレンダー機能を実装、時間からコースまで自由に予約可能!

  5. 【メルマガ対策】捨てアド対策用ドメイン一覧まとめ

  6. 【出品ユーザー機能】Twitterのような出品者ブログ機能を実装しました!

  7. 保護中: 【プレ販限定】RX2パッケージの新機能ご紹介

  1. デザイン会社なのですが、AIデータかPSDデータしか作れません。ここからコーディング化してマレントに適応して納品していただけますか?

  2. 株式会社エモテント様にライブ配信ECプラットフォームシステムとしてMallento(マレント)をご導入いただきました

  3. EPUB形式の電子書籍データ売買サイトとしてMallento(マレント)をご導入いただきました

  4. 【2024年版】マッチングサイト構築でWordPressやEC-CUBEから制作してはいけない3つの理由

  5. 中古工作機械のオンライン売買サイトとしてMallento(マレント)をご導入いただきました

  6. Twitter風プライベートSNSシステム(月額サブスク機能付き)を構築しました

  7. 【2024年版】ダウンロード販売サイトおすすめ5選!独自サイト制作、構築方法もプロが解説

TOP