カスタム・イベント・チケット購入フロー

データベースコレクション：

この例では、"Events/Tickets "と "Events/Events "データベースコレクションを使用します。サイトにWix Events & Ticketsをインストールすると、これらのコレクションが自動的に追加されます。

データ接続：

Event/Tickets "コレクションをチケット表示用のリピーターに接続するために、"Event/Tickets "データセットを追加しました。

ページ要素：

私たちはサイトに以下の要素を追加した：

• リピーター：イベントチケットを表示します。

• テキストチケット名、価格、合計を表示します。

• ドロップダウン：チケットの枚数を選択します。

• ボタンチケットの予約・購入、クーポンコードの確認。

• テキスト入力：購入者の詳細やクーポンコードの入力に使用します。

コード

私たちのサイトに次のコードを追加した：

1.Ticketsデータセットからチケットデータを取得するようにリピーターを設定します。 

2.チケット購入ボタンをクリックします：

  2.1.イベントデータセットからイベントIDを取得し、チェックアウトページ用に保存します。 

  2.2.選択されたチケットの枚数とチケットタイプIDを配列に追加します。

  2.3.チケットを予約する。チェックアウトページのために予約IDと合計金額を保存します。サイト訪問者をチェックアウトページにリダイレクトする。

3.チェックアウトページに合計金額を表示する。

4.サイト訪問者が割引コードを入力した場合、クーポンを確認します。テキスト入力の下に有効通知を表示します。割引が適用された場合、合計金額を更新する。

5.サイト訪問者がフォームに連絡先の詳細を入力し、チェックアウトボタンをクリックしたら、チェックアウトのためにイベントID、予約ID、割引クーポンの値とともにフォームの値を取得します。

6.チェックアウトに進み、Wix PayAPIを呼び出します。新しいウィンドウが開き、サイト訪問者は詳細を確認する必要があります。

7.チェックアウトに成功したら、サンキューページにリダイレクトします。