Verhindern, dass LoyJoy Elemente auf Ihrer Website überdeckt

Was diese Lösung für Sie tut

LoyJoy positioniert sich direkt in der obersten Ebene Ihrer Website, um sicherzustellen, dass kein Website-Element über LoyJoy zeichnet und den Chat daran hindert, zu funktionieren.

Einige Websites haben jedoch Elemente, die obligatorisch sind. Ein solches Element ist ein Cookie-Consent-Popup. Dieser Guide zeigt Ihnen, wie Sie LoyJoy anweisen können, sich hinter bestimmten Elementen Ihrer Website zu positionieren.

Was Sie für diese Lösung benötigen

Zuerst müssen Sie den Z-Index des Elements bestimmen, das über LoyJoy liegen soll.

Dazu öffnen Sie Ihre Website einfach in einem Webbrowser. Sie warten, bis das Popup erscheint (verwenden Sie bei Bedarf den privaten Modus), klicken mit der rechten Maustaste darauf und wählen "Untersuchen". Im erscheinenden Inspektor wählen Sie das äußerste Element aus, das noch zum Popup gehört. Im Stilbereich des Inspektors suchen Sie dann nach z-index. Die resultierende Zahl ist der Z-Index, über den LoyJoy nicht hinausgehen darf. In diesem Beispiel ist der Z-Index 9999999.

Ändern des LoyJoy-Z-Indexes (Zeichen-"Höhe")

Nachdem der Popup-Z-Index bestimmt ist, können wir den Z-Index für LoyJoy bestimmen. LoyJoy's Standard-Z-Index ist 2147483647 (der Maximalwert). Wir müssen einen Z-Index-Wert festlegen, der niedriger ist als der Z-Index des Popups.

Für unser Beispiel wäre der Z-Index

9999999 - 100 = 9999899

Sie können diesen Wert in das entsprechende Feld im Tab Branding im LoyJoy-Backend eingeben. Danach sollte Ihr Popup über den LoyJoy-Elementen liegen.