対象プランOFFLINEBUSINESSPRO
EventHubのチケット・フォームから発行したJavaScriptベースの埋め込みコードを作成したページに埋め込むと、EventHubの登録フォームをWebサイトに表示させることができます。このフォームからユーザーが登録を行うと、ユーザー情報がEventHubへ登録され、登録完了もしくはパスワード設定メールが自動で配信されます。
<attention>- EventHubの埋め込みフォームはJavaScriptによる埋め込み方式を採用しています。iframeで埋め込む方法は、弊社のサポート対象外となりますため、貴社での実装対応をお願いいたします。なお、iframeで埋め込んだ場合、サンクスページやパラメータの引き継ぎなどが正しく動作しない可能性がございますので、事前にご確認ください。
- ※本機能は、有料チケットにはご利用いただけません。
</attention>
QRコード/参加証付きの埋め込みフォームを作成したい場合は、
QRコード/参加証が発行される埋め込みフォームを作成するをご覧ください。
埋め込んだ例はこちらのリンクからご確認いただけます。
外部ページ：https://codepen.io/eventhub-embed-form/pen/NWvpeQJ
1. 事前準備
まずは、[基本設定]＞[プロフィール項目]より、登録フォームに表示させたい項目を設定します。
設定方法はプロフィール項目を設定するをご覧ください。
利用規約も反映されますので、設定したい場合は自社の利用規約を設定するをご覧ください。
2. タグの発行方法
①[基本設定]＞[チケット・フォーム]から、[新規作成]をクリックします。
②チケットの内容を、項目に沿って入力します。
<attention>参加者同士を交流させたくない等の設定をしたい場合はコンテンツグループを先に作成してください。登録フォームを作成した後にコンテンツグループの変更ができません。
参考ページ：コンテンツグループを設定する</attention>
| 項目 | 必須/任意 | 説明 |
| チケット名 | 必須 | チケットの名称を記入してください。 ※文字数上限：30文字以内 |
| チケットの説明 | 任意 | チケットの説明文を記入してください。 ※文字数上限：200文字以内 |
| ステータス | 必須 | [販売中]：登録ができます
[準備中]：チケットページに「準備中」と表示され登録ができません [非公開]：登録はできますが、チケット販売ページに表示されません |
| 金額 | - | 埋め込みフォームは無料のみご利用可能です。 |
| ユーザータイプ | 必須 | 来場者用か、出展者用か選択します。 [来場者]：来場者リストに登録されます [出展者]：出展者リストに登録されます ※他のユーザータイプを作成することはできません。 ※1度ユーザータイプを設定すると、後から変更ができません。 |
| QR参加証発行 | 必須 | [発行しない]を選んでください。
※1度[発行する/しない]を設定すると、後から変更ができません。
|
| 登録上限数 | 必須 | 登録できる人数の上限を設定してください。上限がない場合は、[9999]などをご入力ください。 上限数を超えてからチケット・フォームへアクセスすると、「登録を締め切りました。」と表示され、購入することができません。 |
| 登録期限 | 必須 | 登録期限を記入してください。 登録期限が過ぎてからチケット・フォームへアクセスすると、「登録期間が終了しています。」と表示され、購入することができません。 |
| 項目 | 必須/任意 | 説明 |
| 埋め込みコードを発行 | 必須 | [発行する]を選択してください。 |
| サンクスページのURL | 必須 | 登録フォームに参加者の個人情報を入力し、[送信]ボタンを押すと、設定したサンクスページに遷移します。
「ご登録されたメールアドレスにメールをお送りしています。そちらのリンクよりパスワードを設定していただき、イベントページへログインしてください。」という文言をサンクスページに入れることでパスワード設定率が上がります。
|
| 埋め込み先のOrigin | 任意 | Originとはアクセス元の制限を入れたい場合に必要となるものです。 |
| 項目 | 必須/任意 | 説明 |
| コンテンツグループ | 任意 | [グループ]で作成したコンテンツグループを選択してください。選択したグループが割り当てられた状態でユーザー登録がされます。 ※ 一度グループを設定すると、後から変更ができません。 |
| 面談室グループ | 任意 | [グループ]で作成した面談室グループを選択してください。選択したグループが割り当てられた状態でユーザー登録がされます。オンラインイベントの場合はスキップしてください。 ※ 一度グループを設定すると、後から変更ができません。 |
<tips>登録フォームの項目を設定する場合はプロフィール項目を設定するをご覧ください。</tips>
③生成されたチケットの3点マーク[アクション]をクリックし、[埋め込みコード]をクリックします。
④コードが表示されるので、コピーし、作成したページへ埋め込んでください。
<tips>フォームのデザインを変更したい場合は、
埋め込みフォームの文字・ボタン・背景の色とフォームの幅をCSSで変更するをご覧ください。</tips>
3. 登録期限・上限数を過ぎた場合の挙動
設定した登録期限日時と登録上限数を過ぎた場合、以下のような挙動になります。
登録期限が過ぎた場合
[基本設定]＞[チケット・フォーム]から、チケットの[登録期限]を設定します。
設定した日時の後に[登録]をクリックした場合、[登録期間が終了しています。]という文言が表示されます。
<tips>[登録]をクリックするまでは、[登録期間が終了しています。]の文言は表示されておりません。</tips>
登録上限数が過ぎた場合
[基本設定]＞[チケット・フォーム]で、チケットの[登録上限数]を設定します。
上限数が過ぎた後に[登録]をクリックした場合、[登録を締め切りました。]という文言が表示されます。
<tips>[登録]をクリックするまでは、[登録を締め切りました。]の文言は表示されておりません。</tips>
4. 登録フォームからの登録〜ログインまでの流れ
イベント作成時に選択したパスワード設定[あり][なし]に応じて、以下のように導線が異なります。
①作成したランディングページに埋め込まれた登録フォームに、個人情報等を入力し[送信]をクリックします。<tips>埋め込みフォームは不特定多数のWebサイトに埋め込まれます。パスワード漏洩のリスクを防ぐため、パスワード設定はフォーム上で行いません。</tips>
②設定した[サンクスページ]へ遷移します。
③[送信]をクリックすると同時に、登録メールアドレスへ[パスワード設定メール]が配信されます。
（※パスワード設定[なし]で作成されたイベントの場合、③④のステップはありません。⑤の[登録完了メール]が配信されます。）
<tips>こちらのパスワード設定メールの内容は、[メール]＞[システムメール]＞[埋め込みフォーム・API連携のパスワード設定]から編集が可能です。詳細はシステムメールを編集するをご覧ください。</tips>
[ログインする]をクリックします。
④パスワード設定のページへ遷移するので、パスワードを2回入力し、[ログイン]をクリックします。
⑤パスワードの設定が完了すると、イベント登録完了メールが配信されます。
<tips>登録完了メールの内容は、[メール]＞[システムメール]＞[EXCELアップロード・埋め込みフォーム・API連携・同僚招待の登録完了 ]から編集が可能です。
詳細はシステムメールを編集するをご覧ください。</tips>
⑥イベントページへ遷移します。
※ パスワード設定メールが届かない場合はパスワード設定メールが届きませんをご覧ください。
5. ユーザーが登録した後のユーザーリストの表示
ユーザーが登録フォームから登録した後、[ユーザー]＞[ユーザーリスト]へユーザー情報が登録されます。[チケット種別]・[登録の種類]・[メール状態]は下記の通りに表示されます。
| チケット種別 | チケット名 |
| 登録の種類 | チケット |
| メール状態 |
到達／不達 メールが不達の場合は以下の記事をご覧ください。 |
6. 注意・補足
- デザインの崩れについて
タグ埋め込みの登録フォームはデフォルトのCSSを用意しておりますが、埋め込み先サイトのCSSによるデザインの崩れが発生する可能性がございます。
埋め込みコードの登録フォームで設定しているCSSが、埋め込み先サイトのCSSに影響を与える作りにはなっておりませんので、デザインの崩れが発生した場合は、埋め込み先サイト側で別途CSSを修正していただく必要がございます。
- イベント閉鎖日時を過ぎると、登録フォームが表示されなくなります
設定したイベント閉鎖日時を過ぎると、それに連携して埋め込んだ登録フォームも表示されない仕様となっております。 設定した埋め込みフォームが表示されない場合は、一度イベント閉鎖日時をご確認ください。
-
「originの設定が不正です」とエラーメッセージが出る場合
チケット・フォームから設定した「埋め込み先のOrigin」に誤りがあります。
下記の場合、[https://eventhub.jp]がOriginとなりますので、ご確認ください。
https://eventhub.jp/e/1234567890