Entaseウィジェットをウェブサイトに埋め込むと、訪問者はページを離れることなくイベント日程を閲覧・予約できます。プラットフォームのダッシュボードで新しい日程を追加すると、コードを変更しなくてもウィジェットに自動的に表示されます。
Entaseは、開発者向けに高度なAPI連携、プラグイン、コーディングライブラリも提供しています。詳しくは開発者向けドキュメントをご覧ください。
埋め込めるもの
Entaseでは、次の2種類の埋め込み可能なウィジェットを提供しています。
- 日程ウィジェット — 単一イベントの今後の日程をすべて表示します。イベント専用ページに最適です。
- プログラムウィジェット — すべてのイベントを含むイベントプログラム全体を表示します。ホームページや一覧ページに最適です。
埋め込みコードを取得する
取得するウィジェットは、共有ボックスを開く場所によって異なります。イベントから開くと単一イベント用の日程ウィジェットが、プログラムから開くとプログラム全体用のウィジェットが表示されます。
日程ウィジェット（単一イベント）
- メインナビゲーションでイベントに移動し、埋め込みたいイベントを見つけます。
- イベント項目の下にある
をクリックします。 - 共有ポップアップで、埋め込みタブを開きます。
- ウェブサイト用のイベントウィジェット埋め込みコードをコピーします。
ウィジェットには選択したイベントの今後の日程がすべて表示され、スムーズに購入手続きを行えます。
プログラムウィジェット（すべてのイベント）
- メインナビゲーションでプログラムに移動します。
- ページ右上の
をクリックします。 - 共有ボックスで、短縮リンクの横にある埋め込みタブを開きます。
- ウェブサイト用のプログラム全体のウィジェット埋め込みコードをコピーします。
ウィジェットには今後のイベントを含むプログラム全体が表示され、スムーズに購入手続きを行えます。
コードをウェブサイトに貼り付ける
- ウェブサイトエディターまたはCMSで、ウィジェットを表示したいページを開きます。
- そのセクションのHTMLまたは埋め込み編集モードに切り替えます。
- コピーした
<iframe>コードをHTMLに直接貼り付けます。 - ページを保存または公開します。
これでウィジェットが公開されました。Entaseでイベントの新しい日程を作成すると、ウィジェットに自動的に表示されます。ウェブサイトのコードを再度編集しなくても、訪問者には常に最新の情報が表示されます。
ヒント
- イベント専用ページ — 単一のショーやプロダクションを中心に作られたページでは、日程ウィジェットを使用します。新しい公演を追加すると、すぐに表示されます。
- ホームページまたは一覧ページ — プログラムウィジェットを使用すると、今後のすべてのイベントを1か所に表示できます。
- テーマの統一 — サイトの背景がダークカラーの場合は、違和感のある白いボックスを避けるためにダークテーマを選択します。
- コンテナの幅 — ウィジェットはレスポンシブ対応です。全幅のセクション内に配置し、幅を
100%に保つと、モバイルデバイスで最適に表示されます。