DOCS

Flydende placering af Hello

Placer Hello-widgetten i et hjørne, eller angiv nøjagtige pixelforskydninger for desktop og mobil.

Hello kan flyde i et af sidens fire hjørner eller i en brugerdefineret afstand fra det pågældende hjørne. Du konfigurerer dette separat for desktop og mobil i Dashboard, så widgetten kan placeres der, hvor den passer bedst til layoutet i din webshop.

Før du begynder 

Sørg for, at Hello er installeret på dit website, og at du kan åbne Hello-indstillingerne i Dashboard.

  1. Gå til Dashboard -> Settings -> Hello.
  2. Find visningsindstillingerne for, hvor Hello vises på siden.

Vælg hjørnet 

Start med at vælge det hjørne, Hello skal bruge på hver enhedstype:

  • Desktop location — Vælg det bedste sted, hvor Hello skal vises på desktopenheder.
  • Mobile location — Vælg det bedste sted, hvor Hello skal vises på mobilenheder.

Disse indstillinger fastlægger hjørnet som udgangspunkt. Hvis du lader den flydende placering stå på Default, bruger Hello de sædvanlige afstande for det pågældende hjørne.

Desktop float placement og Mobile float placement 

Ved siden af hver placeringsindstilling har Dashboard Desktop float placement og Mobile float placement for den pågældende visning. Hver af dem har to tilstande:

Default

Default bevarer de sædvanlige afstande for det valgte hjørne. Du angiver ikke pixelforskydninger. Brug denne tilstand, når standardafstanden i hjørnet er tilstrækkelig.

Custom

Custom giver dig mulighed for at angive nøjagtige pixelafstande i hele tal fra kanterne af det valgte hjørne. Etiketterne på forskydningsfelterne følger det aktive hjørne (for eksempel afstand fra den nederste kant og fra den højre kant ved en placering nederst til højre).

Sådan gemmer du en Custom-placering:

  1. Indstil Desktop location eller Mobile location til det ønskede hjørne.
  2. Indstil Desktop float placement eller Mobile float placement til Custom.
  3. Indtast pixelforskydninger i hele tal for begge kanter.
  4. Klik på Save.

Custom flydende placering kræver pixelforskydninger i hele tal for begge kanter. Hvis en af forskydningerne er tom eller ikke er et helt tal, gemmer Dashboard ikke den pågældende Custom-placering. Hvis tilstanden står på Default, kræves der ingen forskydningsfelter.

Nul og negative forskydninger er tilladt, hvis du indtaster dem. Hello anvender de værdier, du gemmer; Dashboard ændrer dem ikke til et minimum eller maksimum for dig.

Desktop og mobil er uafhængige af hinanden 

Konfigurer desktop og mobil separat. Hvis du angiver en Custom-placering på desktop, ændrer det ikke mobil, og hvis du fjerner Custom på én visning, fjernes det ikke på den anden.

Når du har gemt:

  • Flydende Hello vises i det konfigurerede hjørne og med de konfigurerede afstande for den pågældende visning.
  • Peek-beskeder udvides fortsat fra den side, der matcher placeringen (venstre eller højre).

Custom-placering og sideankre 

Hvis du angiver Custom flydende placering for en visning, flyder Hello med de pixelafstande for den pågældende visning. Den forbliver ikke inline ved et ankerelement på siden.

Default flydende placering betyder kun, at Hello bruger de sædvanlige afstande for det valgte hjørne. Den slår ikke i sig selv inline-forankring til eller fra. Inline-placering er et separat integrationsanliggende: I Dashboard skal du konfigurere Hello anchor element under Behavior, når du vil have Hello fastgjort til et element på siden (typisk på desktop). Lad den flydende placering stå på Default, når du ønsker standardafstande i hjørnet og ikke bruger Custom-forskydninger.

Valgfrit: API 

De fleste forhandlere konfigurerer flydende placering i Dashboard. Hvis du administrerer Hello-indstillinger via API'et, kan valgfrie placeringstilsidesættelser for desktop og mobil omfatte et hjørneanker samt vandrette og lodrette pixelforskydninger. Når disse tilsidesættelser er angivet, respekterer flydende Hello dem på samme måde som en Custom-placering i Dashboard. Brug helst Dashboard til daglige ændringer, medmindre din integration allerede opdaterer Hello-indstillinger via API.

Book en demo

Var denne side nyttig?