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

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

今週アップデートされました

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

参加者がネットワークを構築し、楽しみ、有意義に参加するために必要なすべての機能と情報を備えた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. 「変更を保存」をクリックしてウィジェットの作成を完了します。🎉

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

ウィジェットを管理する

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

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

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

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

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

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

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

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

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

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

  5. ダーク モード -このトグルを有効にすると、暗い背景に白いテキストが切り替わります。

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

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

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

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

ウィジェットページで「ウィジェットコードをコピー」ボタンをクリックするだけで、コードをすぐにコピーしてウェブサイトに埋め込むことができます。あなたやあなたの同僚がその方法を知っていると信じています。😉

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

ウィジェットの実践

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

💡 新しい機能アイテムはウィジェットに自動的に追加されることはありません。 アイテムは手動で選択する必要があります。

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

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

ウェブサイト訪問者がウィジェット項目をクリックすると、その項目について読むことができる詳細情報が表示されます。

アジェンダ ウィジェットにセッションの詳細がポップアップ表示されます。

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

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

ご質問は、チャットまたはメールでsupport@socio.eventsまでお問い合わせください。

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