DOCS

Posicionamento flutuante do Hello

Posicione o widget Hello em um canto ou defina offsets exatos em pixels para desktop e dispositivos móveis.

O Hello pode flutuar em um dos quatro cantos da página ou a uma distância personalizada desse canto. Você configura isso separadamente para desktop e dispositivos móveis no Dashboard, para que o widget fique onde melhor se adapta ao layout da sua loja.

Antes de começar 

Certifique-se de que o Hello esteja instalado no seu site e de que você consiga abrir as configurações do Hello no Dashboard.

  1. Vá para Dashboard -> Configurações -> Hello.
  2. Encontre as configurações de exibição que definem onde o Hello aparece na página.

Escolha o canto 

Comece escolhendo o canto que o Hello deve usar em cada tipo de dispositivo:

  • Localização no desktop — Selecione o melhor local para o Hello aparecer em dispositivos desktop.
  • Localização em dispositivos móveis — Selecione o melhor local para o Hello aparecer em dispositivos móveis.

Esses controles definem o canto de referência. Se você deixar o posicionamento flutuante em Padrão, o Hello usará as margens habituais desse canto.

Posicionamento flutuante no desktop e em dispositivos móveis 

Ao lado de cada controle de localização, o Dashboard oferece Posicionamento flutuante no desktop e Posicionamento flutuante em dispositivos móveis para essa viewport. Cada um tem dois modos:

Padrão

Padrão mantém as margens habituais para o canto selecionado. Você não insere offsets em pixels. Use esta opção quando o espaçamento padrão do canto for suficiente.

Personalizado

Personalizado permite definir distâncias exatas, em números inteiros de pixels, a partir das bordas do canto escolhido. Os rótulos dos campos de offset acompanham o canto ativo (por exemplo, a distância da borda inferior e da borda direita para um posicionamento no canto inferior direito).

Para salvar um posicionamento Personalizado:

  1. Defina Localização no desktop ou Localização em dispositivos móveis para o canto desejado.
  2. Defina Posicionamento flutuante no desktop ou Posicionamento flutuante em dispositivos móveis como Personalizado.
  3. Insira offsets em números inteiros de pixels para ambas as bordas.
  4. Clique em Salvar.

O posicionamento flutuante Personalizado exige offsets em números inteiros de pixels para ambas as bordas. Se algum dos offsets estiver vazio ou não for um número inteiro, o Dashboard não salvará esse posicionamento Personalizado. Deixar o modo em Padrão não exige os campos de offset.

Offsets zero e negativos são permitidos, se você os inserir. O Hello aplica os valores que você salva; o Dashboard não os ajusta para um mínimo ou máximo.

Desktop e dispositivos móveis são independentes 

Configure desktop e dispositivos móveis separadamente. Definir um posicionamento Personalizado no desktop não altera o de dispositivos móveis, e remover o Personalizado de uma viewport não o remove da outra.

Depois de salvar:

  • O Hello flutuante aparece no canto e com as margens configurados para essa viewport.
  • As mensagens de prévia (peek) continuam se expandindo a partir do lado que corresponde ao posicionamento (esquerda ou direita).

Posicionamento Personalizado e âncoras de página 

Se você definir o posicionamento flutuante Personalizado para uma viewport, o Hello flutuará com essas margens em pixels nessa viewport. Ele não permanece inline em um elemento âncora da página.

O posicionamento flutuante Padrão significa apenas que o Hello usa as margens habituais do canto escolhido. Por si só, ele não ativa nem desativa a ancoragem inline. O posicionamento inline é uma questão de integração separada: no Dashboard, configure o Elemento âncora do Hello em Comportamento quando quiser que o Hello fique anexado a um elemento da página (normalmente no desktop). Deixe o posicionamento flutuante em Padrão quando quiser as margens padrão do canto e não estiver usando offsets Personalizados.

Opcional: API 

A maioria dos lojistas configura o posicionamento flutuante no Dashboard. Se você gerencia as configurações do Hello pela API, as substituições opcionais de posicionamento para desktop e dispositivos móveis podem incluir uma âncora de canto, além de offsets horizontais e verticais em pixels. Quando essas substituições estão definidas, o Hello flutuante as respeita da mesma forma que o posicionamento Personalizado do Dashboard. Prefira o Dashboard para alterações do dia a dia, a menos que sua integração já atualize as configurações do Hello pela API.

Esta página foi útil?