DOCS

Hello 的浮动位置

将 Hello 小组件放置在某个角落,或为桌面端和移动端设置精确的像素偏移。

Hello 可以浮动在页面四个角落中的任意一个,也可以距离该角落指定的自定义距离。您可以在 Dashboard 中分别为桌面端和移动端进行配置,使小组件显示在最适合您店铺布局的位置。

开始之前 

请确保您的网站已安装 Hello,并且您可以在 Dashboard 中打开 Hello 设置。

  1. 转到 Dashboard -> Settings -> Hello。
  2. 找到用于设置 Hello 在页面上显示位置的显示设置。

选择角落 

首先为每种设备类型选择 Hello 应使用的角落:

  • Desktop location — 选择 Hello 在桌面设备上显示的最佳位置。
  • Mobile location — 选择 Hello 在移动设备上显示的最佳位置。

这些控件用于设置基准角落。如果您将浮动位置保留为 Default,Hello 将使用该角落的常规边距。

Desktop float placement 和 Mobile float placement 

在每个位置控件旁边,Dashboard 都为对应的视口提供了 Desktop float placement 和 Mobile float placement。每项都有两种模式:

Default

Default 保留所选角落的常规边距,无需输入像素偏移。当标准的角落间距已经足够时,请使用此模式。

Custom

Custom 允许您设置距所选角落各边缘的精确整数像素距离。偏移字段的标签会随当前角落而变化(例如,对于右下角位置,分别为距底部边缘和距右侧边缘的距离)。

要保存 Custom 位置:

  1. 将 Desktop location 或 Mobile location 设置为您想要的角落。
  2. 将 Desktop float placement 或 Mobile float placement 设置为 Custom。
  3. 为两个边缘输入整数像素偏移。
  4. 点击 Save。

Custom 浮动位置需要为两个边缘都填写整数像素偏移。如果任一偏移为空或不是整数,Dashboard 将不会保存该 Custom 位置。将模式保留为 Default 时,无需填写偏移字段。

如果您输入零或负数偏移,系统也会接受。Hello 会应用您保存的值;Dashboard 不会自动将其调整为最小值或最大值。

桌面端和移动端相互独立 

请分别配置桌面端和移动端。在桌面端设置 Custom 位置不会影响移动端,在一个视口上清除 Custom 也不会清除另一个视口的设置。

保存后:

  • 浮动的 Hello 会显示在该视口所配置的角落和边距处。
  • 预览消息(peek messages)会继续从与位置相匹配的一侧(左侧或右侧)展开。

Custom 位置与页面锚点 

如果您为某个视口设置了 Custom 浮动位置,Hello 会在该视口中按这些像素边距浮动显示,而不会以内联方式停留在页面上的锚点元素处。

Default 浮动位置仅表示 Hello 使用所选角落的常规边距,它本身并不会开启或关闭内联锚定。内联放置是一项独立的集成设置:当您希望将 Hello 附加到某个页面元素上时(通常在桌面端),请在 Dashboard 的 Behavior 下配置 Hello anchor element。当您希望使用标准角落边距且不使用 Custom 偏移时,请将浮动位置保留为 Default。

可选:API 

大多数商家都在 Dashboard 中配置浮动位置。如果您通过 API 管理 Hello 设置,可选的桌面端和移动端位置覆盖设置可以包含一个角落锚点以及水平和垂直像素偏移。设置这些覆盖后,浮动的 Hello 会像 Dashboard 中的 Custom 位置一样遵循这些设置。除非您的集成已经通过 API 更新 Hello 设置,否则建议日常更改使用 Dashboard。

预约演示

这个页面有帮助吗?


获取支持·法律文件·© 2026 Zonos