すべてのコレクション
イベントアプリ
設計とカスタマイズ
Event Appのコンテンツをウィジェットに埋め込む
Event Appのコンテンツをウィジェットに埋め込む

便利な埋め込みウィジェットを使用して、Web サイト上でセッション、講演者、スポンサー、出展者、カスタム リストの機能コンテンツを表示します

Daniel Murphey avatar
対応者:Daniel Murphey
一週間前以上前にアップデートされました

この記事は、機械翻訳を使用して英語から翻訳されました。

参加者がネットワークを築き、楽しみ、参加するために必要なすべての機能と情報を備えたEvent Appを構築することは、あらゆる努力の価値があります。その情報の一部をEvent Appを超えて Web サイトやパートナー Web サイトに広めたい場合はどうすればよいでしょうか?ウィジェットが役に立ちます! 🦸‍♀️

イベント Web サイトに埋め込まれたスピーカー タイプのウィジェット。

ウィジェットは、未登録のサイト訪問者にイベントで何が期待できるかを知らせることで、登録を促進する優れた方法です。ウィジェットを埋め込んで、主要な講演者やセッションを強調したり、トップ スポンサーに感謝の意を表したりできます。

ウィジェットを作成する

  1. イベント ナビゲーション バーの [Event App] の下にある[プロモート]をクリックします。

  2. [ウィジェット]をクリックします。

  3. 「新規ウィジェット」ボタンをクリックします。

  4. 「新しいウィジェット」モーダルで、 「機能タイプ」ドロップダウンをクリックし、ウィジェットの作成に使用する機能を選択します。特徴は次のとおりです。

    • 議題

    • スピーカー

    • スポンサー

    • 出展者

    • カスタムリスト

    手順は今説明したとおりです。

どのタイプを選択しても、ウィジェットの構築は同じであるため、記事のこのセクションでは「スピーカー」機能タイプを示し、参照します。

項目を選択する

  1. 機能タイプを選択した後、ウィジェット名を入力します。この名前は、ウィジェットを埋め込むときにウィジェット内の項目の上に表示されます。

    新しいウィジェットモーダル。機能タイプとしてスピーカーが選択されています。
  2. 次に、 「スピーカーの追加」ボタンをクリックします。

  3. 表示される新しいモーダルで、ウィジェットに表示するアイテムの横にあるボックスをオンにします (最大 100 アイテム)。Event Appに同じ機能タイプのインスタンスが複数ある場合、「機能名」列には、各アイテムがどの機能に含まれているかが表示されます。

    「スピーカーの追加」モーダル。
  4. 項目の追加が完了したら、 「スピーカーの追加」をクリックしてモーダルを閉じます。

  5. 「新しいウィジェット」モーダルに戻ると、追加した項目が「選択済み」領域に表示されます。 6 つのドットのクラスターをクリックしてドラッグし、ウィジェットに表示される項目の順序を変更します。

  6. 項目の横にある設定( ) アイコンをクリックして、項目をウィジェットから削除します。

    2 つのアイテムを再編成するユーザー。別の項目の設定メニューが展開されます。
  7. [変更を保存]をクリックしてウィジェットの作成を終了します。 🎉

必要に応じてこれらの手順を繰り返して、必要な数のウィジェットを作成します。

ウィジェットを管理する

作成したウィジェットが [ウィジェット] ページに表示されます。 [ウィジェット コードをコピー]ボタンをクリックして Web サイトにウィジェットを埋め込むか、[設定] ( ) アイコンをクリックします。 項目の選択を編集、プレビュー、またはウィジェットを削除します。

ウィジェットページ。ウィジェットの設定メニューが展開されます。

ウィジェットのプレビューと外観の設定

ウィジェットの横にある[設定] ( ) アイコンをクリックし、 [プレビュー]をクリックします。プレビュー ページでは、ウィジェットの外観を調整するいくつかの方法があります。

この画像の下のリストに対応する番号付きインジケーターを含むスピーカー ウィジェットのプレビュー ページ。
  1. ヘッダーを表示 -デフォルトでウィジェットの上部に表示されるイベント アイコン、名前、日付を非表示にするには、このボックスのチェックを外します。

  2. 背景を表示 -デフォルトでウィジェット要素の背後に表示される白または黒の背景を非表示にするには、このボックスのチェックを外します。背景を非表示にするとウィジェットが透明になるため、代わりに Web サイトの背景がウィジェット項目の背後に表示されます。

  3. ウィジェット名を表示 -ウィジェットの表示名を非表示にするには、このボックスのチェックを外します。

    1. トラックの表示 (アジェンダのみ) -ウィジェットからトラック バブルを非表示にするには、このボックスのチェックを外します。

    2. スピーカーを表示 (議題のみ) -このボックスのチェックを外すと、ウィジェットからスピーカーのアイコンと名前が非表示になります。

  4. ウィジェット ビュー (アジェンダを除く) - 「グリッド ビュー」または「カルーセル ビュー」から選択します。 「グリッド ビュー」では、最初の 9 項目までが 3 行に表示されます。ウィジェット内に 9 つを超える項目がある場合、ユーザーはスクロールしてさらに多くの項目を表示できます。 「カルーセル ビュー」には最初の 3 つの項目が表示され、ユーザーはウィジェットの両側にある矢印をクリックしてさらに項目を表示できます。

  5. ダーク モード -このトグルをアクティブにすると、暗い背景に白い文字が表示されます。

💡 ダーク モードを有効にする場合、または背景を削除する場合は、ウィジェットを埋め込んだ後に Web サイトでウィジェットがどのように動作するかを注意深く検査してください。

設定を調整すると、選択内容を反映してプレビューが更新されます。

設定の調整が完了したら、ページの下部にある[変更を保存]をクリックします。

ウィジェットコードをコピーする

[ウィジェット] ページで、 [ウィジェット コードをコピー]ボタンをクリックするだけでコードがすぐにコピーされ、Web サイトに埋め込むことができます。私たちは、あなたまたはあなたが一緒に働く誰かがその方法を知っていると信じています。 😉

「ウィジェット」ページの「ウィジェット コードをコピー」ボタン。

実際のウィジェット

Web サイトにウィジェットを埋め込んだ後、いつでもウィジェットに項目を追加したり、ウィジェットから項目を削除したりできます。ウィジェットは自動的に更新されます。ウィジェットのコードを再コピーする必要はありません。 🙌

💡 新しい機能項目がウィジェットに自動的に追加されることはないことに注意してください。項目を手動で選択する必要があります。

「カルーセル ビュー」に設定されたウィジェットには、次の図に示すように、最初の 3 つの項目が表示されます。このビューの両側にある矢印を使用すると、Web サイト訪問者はスクロールしてさらに多くのアイテムを表示できます。 「グリッド ビュー」に設定されたウィジェットには、最初の 9 項目までが表示され、ユーザーはウィジェット内を自由にスクロールしてさらに多くの項目を表示できます。

Web サイトに埋め込まれたカルーセル ビューに設定されたスポンサー ウィジェット。

Web サイトの訪問者がウィジェット アイテムをクリックすると、小さなモーダルが表示され、訪問者はアイテムの詳細を読むことができます。

アジェンダウィジェットのセッション詳細モーダル。

💡 ブースのカバー画像はウィジェットのアイテム詳細モーダルには表示されないことに注意してください。

これで、コンテンツ ウィジェットの作成方法がわかりました。 Webex Events Registrationチケット オプションを埋め込むこともできることをご存知ですか?

質問がありますか?チャットするか、 support@socio.eventsに電子メールを送信するか、 対面セッションに参加してください。

こちらの回答で解決しましたか?