Плавающее размещение Hello

Hello может отображаться в одном из четырех углов страницы или на заданном расстоянии от выбранного угла. Эти параметры настраиваются в Dashboard отдельно для десктопа и мобильных устройств, чтобы виджет располагался там, где он лучше всего вписывается в макет вашего магазина.

Перед началом работы 

Убедитесь, что Hello установлен на вашем сайте и что у вас есть доступ к настройкам Hello в Dashboard.

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 отображается в настроенном углу и с заданными отступами для этой области просмотра.
• Всплывающие сообщения по-прежнему раскрываются со стороны, соответствующей размещению (слева или справа).

Размещение Custom и якоря на странице 

Если для области просмотра задано плавающее размещение Custom, Hello отображается с этими отступами в пикселях для данной области просмотра. Он не остается встроенным в якорный элемент на странице.

Плавающее размещение Default означает лишь, что Hello использует стандартные отступы для выбранного угла. Само по себе оно не включает и не отключает встроенную привязку. Встроенное размещение настраивается отдельно в рамках интеграции: в Dashboard настройте Hello anchor element в разделе Behavior, если хотите прикрепить Hello к элементу страницы (как правило, на десктопе). Оставьте плавающее размещение на Default, если вам нужны стандартные отступы от угла и вы не используете отступы Custom.

Дополнительно: API 

Большинство продавцов настраивают плавающее размещение в Dashboard. Если вы управляете настройками Hello через API, необязательные переопределения размещения для десктопа и мобильных устройств могут включать угол привязки, а также горизонтальный и вертикальный отступы в пикселях. Если такие переопределения заданы, плавающий Hello учитывает их так же, как размещение Custom в Dashboard. Для повседневных изменений рекомендуется использовать Dashboard, если только ваша интеграция уже не обновляет настройки Hello через API.