所有收藏
活动应用
设计和定制
使用小部件嵌入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或参加面对面会议

这是否解答了您的问题?