DOCS

Float Placement für Hello

Platzieren Sie das Hello-Widget in einer Ecke oder legen Sie exakte Pixel-Offsets für Desktop und Mobilgeräte fest.

Hello kann in einer der vier Ecken der Seite schweben oder in einem benutzerdefinierten Abstand zu dieser Ecke. Sie konfigurieren dies im Dashboard getrennt für Desktop und Mobilgeräte, sodass das Widget dort sitzt, wo es am besten zum Layout Ihres Shops passt.

Bevor Sie beginnen 

Stellen Sie sicher, dass Hello auf Ihrer Website installiert ist und Sie die Hello-Einstellungen im Dashboard öffnen können.

  1. Gehen Sie zu Dashboard -> Settings -> Hello.
  2. Suchen Sie die Anzeigeeinstellungen dafür, wo Hello auf der Seite erscheint.

Ecke auswählen 

Wählen Sie zunächst die Ecke aus, die Hello auf jedem Gerätetyp verwenden soll:

  • Desktop location — Wählen Sie die beste Position, an der Hello auf Desktop-Geräten erscheinen soll.
  • Mobile location — Wählen Sie die beste Position, an der Hello auf Mobilgeräten erscheinen soll.

Diese Einstellungen legen die Ausgangsecke fest. Wenn Sie Float Placement auf Default belassen, verwendet Hello die üblichen Abstände für diese Ecke.

Desktop float placement und Mobile float placement 

Neben jeder Positionseinstellung bietet das Dashboard Desktop float placement und Mobile float placement für den jeweiligen Viewport. Beide haben zwei Modi:

Default

Default behält die üblichen Abstände für die ausgewählte Ecke bei. Sie geben keine Pixel-Offsets ein. Verwenden Sie diesen Modus, wenn der Standardabstand zur Ecke ausreicht.

Custom

Mit Custom legen Sie exakte ganzzahlige Pixelabstände zu den Rändern der gewählten Ecke fest. Die Bezeichnungen der Offset-Felder richten sich nach der aktiven Ecke (zum Beispiel Abstand zum unteren Rand und zum rechten Rand bei einer Platzierung unten rechts).

So speichern Sie eine Custom-Platzierung:

  1. Setzen Sie Desktop location oder Mobile location auf die gewünschte Ecke.
  2. Setzen Sie Desktop float placement oder Mobile float placement auf Custom.
  3. Geben Sie ganzzahlige Pixel-Offsets für beide Ränder ein.
  4. Klicken Sie auf Save.

Custom Float Placement erfordert ganzzahlige Pixel-Offsets für beide Ränder. Wenn einer der Offsets leer oder keine ganze Zahl ist, speichert das Dashboard diese Custom-Platzierung nicht. Wenn Sie den Modus auf Default belassen, sind keine Offset-Felder erforderlich.

Null- und negative Offsets sind zulässig, wenn Sie sie eingeben. Hello wendet die gespeicherten Werte an; das Dashboard passt sie nicht automatisch auf ein Minimum oder Maximum an.

Desktop und Mobilgeräte sind unabhängig 

Konfigurieren Sie Desktop und Mobilgeräte getrennt. Eine Custom-Platzierung auf dem Desktop ändert nichts an der mobilen Ansicht, und das Zurücksetzen von Custom in einem Viewport setzt den anderen nicht zurück.

Nach dem Speichern:

  • Das schwebende Hello-Widget erscheint in der konfigurierten Ecke und mit den konfigurierten Abständen für diesen Viewport.
  • Peek-Nachrichten klappen weiterhin von der Seite aus, die zur Platzierung passt (links oder rechts).

Custom-Platzierung und Seitenanker 

Wenn Sie für einen Viewport Custom Float Placement festlegen, schwebt Hello in diesem Viewport mit diesen Pixelabständen. Es bleibt nicht inline an einem Ankerelement auf der Seite.

Default Float Placement bedeutet lediglich, dass Hello die üblichen Abstände für die gewählte Ecke verwendet. Es schaltet die Inline-Verankerung nicht von sich aus ein oder aus. Die Inline-Platzierung ist ein separates Integrationsthema: Konfigurieren Sie im Dashboard unter Behavior das Hello anchor element, wenn Hello an einem Seitenelement angebracht werden soll (typischerweise auf dem Desktop). Belassen Sie Float Placement auf Default, wenn Sie die Standardabstände zur Ecke möchten und keine Custom-Offsets verwenden.

Optional: API 

Die meisten Händler konfigurieren Float Placement im Dashboard. Wenn Sie die Hello-Einstellungen über die API verwalten, können optionale Platzierungsüberschreibungen für Desktop und Mobilgeräte einen Eckanker sowie horizontale und vertikale Pixel-Offsets enthalten. Wenn diese Überschreibungen gesetzt sind, berücksichtigt das schwebende Hello-Widget sie genauso wie eine Custom-Platzierung im Dashboard. Nutzen Sie für alltägliche Änderungen bevorzugt das Dashboard, es sei denn, Ihre Integration aktualisiert die Hello-Einstellungen bereits per API.

War diese Seite hilfreich?