このページのトップへ
サービスページ

サービスページ

関連商品を販売するカスタムサービスページを作成します。

中級.png

中級

4K

出版された:

2020年1月1日

酒を楽しむ少女

によって

アンカー 1
開発者を雇う

説明例

In this example, a site visitor can book a class from a custom service page, as well as purchase store products related to the class.​​

コード例

タブ1

.

タブ2

.

タブ3

.

このコードによる解決は複雑になる可能性がある。

どのように構築したか

The Collection We Added: Extra_Booking_Info

In addition to the standard Bookings and Stores collections, we also created an Extra_Booking_Info collection, which includes the following fields:

  • facility: Name of room class is located in.

  • Service: Reference field with the name of the class (service) from the Bookings/Services collection.

  • Related Products: Multi-item reference field listing all products from the Stores/Products collection related to the class.


Custom Service Page


Each class has its own dynamic page that displays custom service information such as class duration, meeting room, and a schedule. The custom information is pulled from the Bookings/Schedule, Bookings/Services, and Extra_Booking_Info collections. Visitors can navigate between the service pages using Previous and Next buttons.


Related Products


Visitors can also scroll to the bottom of each service page to a related products area. They can purchase store products related to the current class, as defined in the Extra_Booking_Info collection.


次のステップ


  1. この例をエディターで開き、テンプレートを操作してください。

  2. Publish the site and refresh your browser so the Bookings collections appear in the Database.

  3. どのように Veloでの例題の扱い方.

開発者を雇う

Veloソリューションは強力なツールですが、自力で構築するのは困難です。経験豊富なVelo開発会社に構築をお任せください。

関連例

これは役に立ったか?

はい

|

いいえ

ご意見ありがとう!

サービス一覧

サービス一覧

サービスのリストをフィルタリングし、次に利用可能なスロットを表示します。

中級.png

中級

予約カレンダーのページを差し替える

予約カレンダーのページを差し替える

あなたのサイトのデフォルトのWix Booking Calendarを、あなたのニーズに合わせてカスタマイズしたカレンダーに置き換えることができます。

中級.png

中級

Quick Book and Pending Appointments

Quick Book and Pending Appointments

Let customers quickly book appointments, which are then approved or declined.

中級.png

中級

ECOM Validations SPIを使用して、1週間のコンタクトごとの予約数を制限する。

ECOM Validations SPIを使用して、1週間のコンタクトごとの予約数を制限する。

各サイトメンバーの予約は週3回までに制限する。

中級.png

中級

ブッキングV2のカスタム予約フロー

ブッキングV2のカスタム予約フロー

Bookings V2 APIを使用して、迅速かつカスタマイズされた予約プロセスを顧客に体験してもらいましょう。

中級.png

中級

ラウンドロビン予約スケジューリング

ラウンドロビン予約スケジューリング

スタッフを選ばずに予約できるようにし、ラウンドロビンのスケジューリングを作成する。

中級.png

上級

アンカー2
ページ下