视觉热点安置和管理
从您的基本图像开始,然后是产品、地图、技术图表。然后,以像素完美的精度放置您的交互式标记。使用直观的位置控制,调整水平和垂直百分比滑块,以将每个热点精确地移动到需要的位置。使用 + 添加项目按钮添加任意数量的热点,独立管理每个热点。这种可视化放置将任何图像变成详细的交互式画布。
- 精确精确定位:使用水平 (%) 和垂直 (%) 滑块将热点放置在图像上的任何位置。
- 无限热点:使用 + Add Item 中继器添加众多兴趣点。
- 易于管理:轻松标记、重新排序或删除单个热点(#1、#2 等)。
- 实时定位:当您调整滑块以获得完美放置时,请参阅编辑器中的热点移动。
丰富的工具提示内容系统
Tooltip中发生魔力,对于每个热点,打开Tooltip内容编辑器,即可创建一个功能齐全的文本区域,您可以在其中编写描述,添加媒体,甚至插入短代码,解释产品功能,提供统计信息,或链接到另一个页面,您可以在出现时进行控制:将触发器设置为悬停以快速发现或点击进行刻意交互,这对于移动用户尤其重要。
- 高级内容编辑器:在每个工具提示内添加格式化的文本、图像或视频。
- 灵活触发:选择悬停以进行即时预览,或单击以进行受控的移动友好交互。
- 面向操作:在工具提示中包含链接,以驱动用户访问相关页面或产品。
- 上下文信息:使用工具提示在图像上显示规格、价格、描述或说明。
图像热点的常见问题
了解用户对图像热点询问最多的查询,并在一个地方找到答案。
没有悬停的手机会发生什么?
Tooltips 设置中可以在 Click 上设置工具提示触发器,这使得触摸设备上的热点点击显示,确保功能齐全,或者,您可以将工具提示设置为在移动设备上禁用,从而使热点本身成为可点击的链接,以获取更多信息。
我可以使用自定义图像而不是热点标记图标吗?
Yes。media库中可以上传或添加自定义图片作为标记,我们的建议是使用简单的图片作为可以轻松理解的标记。
基础图像本身是否响应?
是您选择的图像会与容器响应缩放,热点位置(由百分比设置)也是相对的,因此它们将在所有屏幕尺寸中保持在图像上的正确位置。
这个元素有什么好的用例?
非常适合电子商务产品图像(突出显示功能)、交互式地图(显示位置)、信息图表(解释数据点)、技术图表(标签部分)或团队照片(链接到单个生物)。
