WebflowにEventbriteの支払いを埋め込む

Eventbrite チェックアウト ページを埋め込むと、参加者は Web サイトから直接イベントに登録できるようになります。

Eventbrite は、イベントを発見して企画するための最高のプラットフォームの 1 つです。Eventbrite の支払い方法を Webflow プロジェクトに組み込んで、イベントの登録プロセスを簡素化する方法を見てみましょう。 

ここでは以下の内容を取り上げます。

  1. Eventbriteから埋め込みコードを取得する
  2. Webflowプロジェクト内に埋め込みコードを貼り付けます

Eventbriteから埋め込みコードを取得する

サインイン Eventbrite プロフィール > あなたのアカウント > イベントを管理するをクリックし、以前作成して今日作業したい特定のイベントを選択します。これにより、イベント ダッシュボードに移動します。 

Eventbrite ユーザー プロファイルのドロップダウン メニューには 10 個のリンクが含まれています。[イベントの管理] が強調表示されています。

左のメニューから マーケティング > 埋め込みチェックアウト.

マーケティング ドロップダウン メニューが展開されます。埋め込みチェックアウトが他のメニュー項目の中で強調表示されます。

チェックアウトの外観、 を選択 ページのコンテンツ内に埋め込まれる プレビューが満足のいくものである場合は、下にスクロールして 埋め込みコード セグメント化してクリック コードをコピー コード スニペットをクリップボードにコピーします。 

イベント埋め込みチェックアウト ページの埋め込みコード セクション。コードのコピー ボタンが強調表示されています。

Webflowプロジェクト内に埋め込みコードを貼り付けます

Webflow プロジェクトのデザイナーで、左側のツールバーの追加記号をクリックします。  

コンポーネントドラッグして 埋め込み 要素をデザインに取り入れましょう。 コマンド + V (Macの場合) または コントロール + V (Windowsの場合)前の手順のコードスニペットを HTML埋め込みコードエディター が表示されます。 

Eventbrites イベント埋め込みコードが入力された Webflow HTML 埋め込みコード エディター。

クリック 保存して閉じる 右上から選択 公開 > 選択したドメインに公開 公開された結果を表示します。

Eventby のイベント ページ。タイトルは「Music for everyone」で、背景はスレート ブルーです。このページでは、2 種類のチケットを購入してチェックアウトできます。

達成しました。参加者は Webflow サイトから直接登録できます。イベントの成功をお祈りします。

ユアン・マック