全部系列
活動應用
設計和定制
使用小部件嵌入Event App內容
使用小部件嵌入Event App內容

使用方便的嵌入小工具在您的網站上顯示會議、演講者、贊助商、參展商和自訂清單功能內容

Daniel Murphey avatar
作者:Daniel Murphey
一週前已更新

這篇文章是使用機器翻譯從英文翻譯而來的。

建立您的Event App,並提供與會者建立聯繫、享受樂趣和參與所需的所有功能和信息,值得付出每一分鐘的努力。如果您想將其中一些資訊傳播到Event App以外的您的網站或合作夥伴網站上,該怎麼辦?小部件來救援! 🦸‍♀️

嵌入活動網站中的揚聲器類型小工具。

小部件是促進註冊的好方法,它可以讓未註冊的網站訪客了解您的活動的期望。嵌入一​​個小部件來突出顯示您的主要演講者和會議,向您的頂級贊助商致謝等等!

建立一個小部件

  1. 在「Event App」下的活動導覽列中,點選「推廣」

  2. 單擊小部件

  3. 點選“新建小工具”按鈕。

  4. 在「新小工具」模式中,按一下「功能類型」下拉列表,然後選擇要用於建立小工具的功能。特點包括:

    • 議程

    • 揚聲器

    • 贊助商

    • 參展商

    • 自訂列表

    剛才描述的步驟。

無論您選擇哪種類型,建立小工具都是相同的,因此本文的這一部分顯示並引用「揚聲器」功能類型。

選擇項目

  1. 選擇功能類型後,輸入小工具名稱。當您嵌入小部件時,該名稱會顯示在小部件中的項目上方。

    新的小部件模式。選擇揚聲器作為功能類型。
  2. 接下來,點擊新增揚聲器按鈕。

  3. 在出現的新模式中,選取要在小工具中顯示的項目旁邊的方塊,最多 100 個項目。如果您的Event App中有相同功能類型的多個實例,「功能名稱」欄位將顯示每個項目所屬的功能。

    新增發言人模式。
  4. 新增項目後,按一下「新增揚聲器」以關閉模式。

  5. 返回「新小工具」模式,您新增的項目將顯示在「選定」區域中。按一下並拖曳六點簇以變更項目在小工具中顯示的順序。

  6. 點擊項目旁邊的設定( ... ) 圖標,將其從小部件中刪除。

    使用者重新組織兩個項目。另一個項目的設定選單已展開。
  7. 點擊儲存變更以完成小部件的建立。 🎉

根據需要重複這些步驟以建立所需數量的小部件。

管理小部件

您建立的小工具將顯示在「小工具」頁面上。點擊「複製小部件代碼」按鈕將小部件嵌入到您的網站中,或點擊「設定」 ( ... ) 圖標 編輯項目選擇、預覽或刪除小工具。

小部件頁面。小工具的設定選單已展開。

小工具預覽和外觀設置

點選小組件旁邊的設定( ) 圖標,然後點選預覽。在預覽頁面上,有多種方法可以自訂小工具的外觀:

揚聲器小組件預覽頁面,其中包含與此圖像下方的清單相對應的編號指示器。
  1. 顯示標題 -取消選取此方塊可隱藏預設情況下出現在小工具頂部的事件圖示、名稱和日期。

  2. 顯示背景 -取消選取此方塊可隱藏預設情況下出現在小工具元素後面的白色或黑色背景。由於隱藏背景會使小部件透明,因此您網站的背景將顯示在小部件項目後面。

  3. 顯示小工具名稱 -取消選取此方塊可隱藏小工具的顯示名稱。

    1. 顯示軌跡(僅限議程)-取消選取此方塊可在小部件中隱藏軌跡氣泡。

    2. 顯示發言者(僅限議程)-取消勾選此方塊可在小部件中隱藏發言者圖示和名稱。

  4. 小工具視圖(議程除外)-選擇“網格視圖”或“輪播視圖”。 「網格視圖」最多顯示前九項,每行三行。如果小部件中的項目超過九個,使用者可以捲動以顯示更多項目。 「輪播視圖」顯示前三個項目,使用者可以點擊小工具兩側的箭頭來顯示更多項目。

  5. 深色模式 -啟動此開關可切換至帶有白色文字的深色背景。

💡 請記住,如果您啟動深色模式或刪除背景,請在嵌入後仔細檢查小部件如何與您的網站配合使用。

當您調整設定時,預覽會更新以反映您的選擇。

調整完設定後,點擊頁面底部的儲存變更

複製小工具程式碼

在「小工具」頁面上,只需點擊「複製小工具程式碼」按鈕即可立即複製程式碼,以便您可以將其嵌入到您的網站中。我們相信您或您的同事知道如何做到這一點。 😉

在「小工具」頁面上的「複製小工具程式碼」按鈕。

實踐中的小部件

將小工具嵌入網站後,可以隨時在小工具中新增項目或從中刪除項目,小工具會自動更新。無需重新複製小工具程式碼。 🙌

💡 請記住,新功能項目永遠不會自動新增到小部件中。您必須手動選擇項目。

設定為「輪播視圖」的小工具顯示前三個項目,如下圖所示。此視圖兩側的箭頭可讓網站訪客捲動以顯示更多項目。設定為「網格視圖」的小工具最多顯示前九個項目,使用者可以在小工具內自由捲動以顯示更多項目。

設定為嵌入在網站中的輪播視圖的贊助商小工具。

當網站訪客點擊小工具項目時,會出現一個小模式,訪客可以在其中閱讀該項目的詳細資訊。

議程小部件中的會議詳細資訊模式。

💡 請記住,展位封面圖像不會出現在小部件的項目詳細資訊模式中。

現在您知道如何建立內容小工具了。您知道您也可以嵌入Webex Events Registration門票選項嗎?

問題?與我們聊天、發送電子郵件至support@socio.events或參加面對面會議

是否回答了您的問題?