サポート対応・方針について

QRコード/参加証が発行される埋め込みフォームを作成する

  • 更新

対象プランOFFLINEBUSINESSPRO

EventHubのチケット・フォームから発行したタグを作成したページに埋め込むと、EventHubの登録フォームをWebサイトに表示させることができます。登録と同時にユーザー情報がEventHubへ登録され、QRコード/参加証付きの招待メールが配信されます。QRコード/参加証の発行が必要ない場合は、埋め込みフォームを作成するをご覧ください。

<tips>埋め込んだ例はこちらのリンクからご確認いただけます。
外部ページ：https://codepen.io/eventhub-embed-form/pen/NWvpeQJ</tips>

※本機能は、有料チケットにはご利用いただけませんので、予めご了承ください。

 

 

▼初めて設定される方は、動画をご覧ください。

 

1. 事前準備

まずは、[基本設定]＞[プロフィール項目]より、登録フォームに表示させたい項目を設定します。
設定方法はプロフィール項目を新規作成するをご覧ください。

mceclip0.png

利用規約も反映されますので、設定したい場合は自社の利用規約を設定するをご覧ください。

 

 

2. タグの発行方法

①[基本設定]＞[チケット・フォーム]から、[新規作成]をクリックします。
mceclip1.png

 

②チケットの内容を、項目に沿って入力します。

<attention>参加者同士を交流させたくない等の設定をしたい場合はコンテンツグループを先に作成してください。登録フォームを作成した後にコンテンツグループの変更ができません。
参考ページ：コンテンツグループを設定する</attention>

EventHub.png

項目 必須/任意 説明
チケット名 必須
チケットの名称を記入してください。
チケットの説明 任意
チケットの説明文を記入してください。
ステータス 必須
[販売中]：登録ができます
[準備中]：チケットページに「準備中」と表示され登録ができません
[非公開]：登録はできますが、チケット販売ページに表示されません
EventHub.png
金額  -
埋め込みフォームは無料のみご利用可能です。
ユーザータイプ 必須 来場者用か、出展者用か選択します。
[来場者]：来場者リストに登録されます
[出展者]：出展者リストに登録されます
※他のユーザータイプを作成することはできません。
※1度ユーザータイプを設定すると、後から変更ができません
QR参加証発行 必須
[発行する]を選んでください。
登録上限数 必須
登録できる人数の上限を設定してください。上限がない場合は、[9999]などをご入力ください。
上限数を超えてからチケット・フォームへアクセスすると、「このチケットは売り切れました。」と表示され、購入することができません。
登録期限 必須
登録期限を記入してください。
登録期限が過ぎてからチケット・フォームへアクセスすると、「登録期間が終了しています。」と表示され、購入することができません。

__________2022_08_24_11_18.png

項目 必須/任意 説明
埋め込みコードを発行 必須 [発行する]を選択してください。
サンクスページのURL 必須
登録フォームに参加者の個人情報を入力し、[送信]ボタンを押すと、設定したサンクスページに遷移します。「イベントへご登録ありがとうございます」等のサンクスページを用意し、URLに設定しましょう。
埋め込み先のOrigin 任意

Originとはアクセス元の制限を入れたい場合に必要となるものです。
「https://eventhub.jp」としてOrigin を設定した場合、設定したOriginのURLに埋め込まれているフォームからのみEventHubへのユーザー登録が可能となります。

下記URLの場合、https://eventhub.jpがOriginとなります。
[https://eventhub.jp/event/1234567890]
ドメインは、eventhub.jpの部分を指し、Originはhttpsが含まれるhttps://eventhub.jpを指します。

Cursor.png

項目 必須/任意 説明
コンテンツグループ 任意
[グループ]で作成したコンテンツグループを選択してください。選択したグループが割り当てられた状態でユーザー登録がされます。
※ 一度グループを設定すると、後から変更ができません。
面談室グループ 任意
[グループ]で作成した面談室グループを選択してください。選択したグループが割り当てられた状態でユーザー登録がされます。オンラインイベントの場合はスキップしてください。
※ 一度グループを設定すると、後から変更ができません。

<tips>登録フォームの項目を設定する場合はプロフィール項目を新規作成するをご覧ください。</tips>

 

③生成されたチケットの3点マーク[アクション]をクリックし、[埋め込みコード]をクリックします。
mceclip5.png

 

④コードが表示されるので、コピーし、作成したページへ埋め込んでください。
mceclip6.png

<tips>フォームのデザインを変更したい場合は、
埋め込みフォームの文字・ボタン・背景の色とフォームの幅をCSSで変更するをご覧ください。</tips>

 

 

3. 登録期限・上限数を過ぎた場合の挙動

設定した登録期限日時と、登録上限数を過ぎた場合、以下のような挙動になります。

 

登録期限が過ぎた場合

[基本設定]＞[チケット・フォーム]から、チケットの[登録期限]を設定します。
設定した日時の後に登録した場合、[非公開中です]という文言が表示されます。

mceclip7.png

 

登録上限数が過ぎた場合

[基本設定]＞[チケット・フォーム]で、チケットの[登録上限数]を設定します。
上限数が過ぎた後に登録した場合、[申し訳ございません、このチケットは売り切れました]という文言が表示されます。

mceclip8.png

 

 

4. 招待メールに参加証を添付する

QRコードに加えて、参加証も添付したい場合は以下の手順に沿って設定してください。

[システムメール]から[埋め込みフォーム・API連携のパスワード設定]/[EXCELアップロード・埋め込みフォーム・API連携・同僚招待の登録完了]の2つのメールが埋め込みフォームでユーザー登録をした時に配信されるメールです。

2つのメール文に以下のような文言を挿入しましょう。

--- ご来場時の注意点 ---
以下のリンクの参加証を印刷の上、参加証のQRコードをご提示いただくか、 
添付されているQRコードをご提示ください。
%%MY_PASS_LINK%%

%%MY_PASS_LINK%% の部分に、イベントに合わせて参加証へアクセスできるURLが挿入されます。パスワードの設定完了後、イベントページにログインしている状態で参加証が表示されます。ログインしていない状態でURLをクリックした場合、ID/パスワードの入力が求められます。

 

 

5. 登録フォームからの登録〜ログインまでの流れ

イベント作成時に選択したパスワード設定[あり][なし]に応じて、以下のように導線が異なります。ヘルプページ：カスタマーサポート (68).jpg

①作成した登録ページに埋め込まれた登録フォームに、個人情報等を入力し[送信]をクリックします。<tips>埋め込みフォームは不特定多数のWebサイトに埋め込まれます。パスワード漏洩のリスクを防ぐため、パスワード設定はフォーム上で行いません。</tips>
mceclip9.png

 

②設定した[サンクスページ]へ遷移します。

 

③[送信]をクリックすると同時に、登録メールアドレスへQRコードが添付された[埋め込みフォーム・API連携のパスワード設定]のメールが配信されます。4の手順で参加証の変数を挿入した場合は、参加証URLが記載された状態でメールが配信されます。
<tips>パスワード設定[なし]でイベント作成された場合、③④

________R5_05_22_13_47.png

<attention>パスワード未設定の場合、マイチケット画面（QRコードと印刷用参加証）へのアクセスはできません。④のパスワード設定を必ず完了させてください。

</attention>

 

④メールに記載されている[ログインする]をクリックするとパスワード設定のページへ遷移するので、パスワードを2回入力し[ログイン]をクリックします。
mceclip12.png

 

⑤パスワードの設定が完了すると、イベント登録完了メールが配信されます。
（※パスワード設定[なし]で作成されたイベントの場合、③④のステップはありません。⑤の[登録完了メール]が配信されます。）
<tips>登録完了メールの内容は、[メール]＞[システムメール]＞[EXCELアップロード・埋め込みフォーム・API連携・同僚招待の登録完了 ]から編集が可能です。
詳細はシステムメールを編集するをご覧ください。</tips>

 

⑤イベントページへ遷移します。
__________.png

※招待メールが届かない場合はパスワード設定メールが届きませんをご覧ください。

 

 

6. ユーザーが登録した後のユーザーリストの表示

ユーザーが登録フォームから登録した後、[ユーザー]＞[ユーザーリスト]へユーザー情報が登録されます。[チケット種別]・[登録の種類]・[メール状態]は下記の通りに表示されます。
mceclip14.png

チケット種別 チケット名
登録の種類 チケット
メール状態

到達／不達

メールが不達の場合は以下の記事をご覧ください。

 

 

7. 注意・補足

  • デザインの崩れについて

タグ埋め込みの登録フォームはデフォルトのCSSを用意しておりますが、埋め込み先サイトのCSSによるデザインの崩れが発生する可能性がございます。

タグ埋め込みの登録フォームで設定しているCSSが、埋め込み先サイトのCSSに影響を与える作りにはなっておりませんので、デザインの崩れが発生した場合は、埋め込み先サイト側で別途CSSを修正していただく必要がございます。

  • イベント閉鎖日時を過ぎると、登録フォームが表示されなくなります

設定したイベント閉鎖日時を過ぎると、それに連携して埋め込んだ登録フォームも表示されない仕様となっております。 設定した埋め込みフォームが表示されない場合は、一度イベント閉鎖日時をご確認ください。

  • 「originの設定が不正です」とエラーメッセージが出る場合

    チケット・フォームから設定した「埋め込み先のOrigin」に誤りがあります。
    下記の場合、[https://eventhub.jp]がOriginとなりますので、ご確認ください。 https://eventhub.jp/e/1234567890

mceclip15.png　　mceclip16.png

 

 

この記事は役に立ちましたか？
はい いいえ
お役に立てずごめんなさい😢 改善の参考にいたしますので、理由をお聞かせください🙇‍♀️
お忙しいところ貴重なご意見をありがとうございます🙇‍♀️
エラーが発生して送ることができませんでした。もう一度お試しください...🙇‍♀️

関連記事