Floating Widget
Das Floating Widget bleibt sichtbar und öffnet die Angebotsauswahl in einem eigenen Dialog.
Basissnippet
So sieht der Code aus. Verbindlich ist immer der Code, den dir Einbindung im Dashboard erzeugt – dort steht bereits dein richtiger Händler-Slug.
Einbinden
Code aus MomentPass kopieren
Verwende den Code unter Einbindung mit deinem öffentlichen Händler-Slug.
Nahe dem Seitenende platzieren
Füge das Element möglichst vor
</body>ein und lade das Script nur einmal.Öffnen und Schließen prüfen
Teste Button, Dialog, Escape-Taste und Touchbedienung.
Mobil testen
Achte auf Cookiebanner, Chatbuttons und andere feste Elemente.
Der Button erscheint erst mit Angeboten
Der schwebende Button wird erst eingeblendet, wenn die Angebote geladen sind und mindestens eines verfügbar ist. Ist dein Unternehmen nicht freigeschaltet oder kein Angebot aktiv, siehst du auf deiner Website gar nichts – das ist kein Einbaufehler.
Positionierungsprobleme
Übergeordnete Container mit transform, filter oder ungewöhnlichem Overflow können feste Positionierung beeinflussen. Verschiebe das Element in diesem Fall näher an das Ende des Dokuments. Steht der Button hinter einem anderen fixen Element deiner Seite (z. B. einem Cookiebanner), überschreibe den z-index gezielt per CSS auf deiner Seite, statt ein Konfigurationsattribut zu erwarten – der Button trägt die Klasse momentpass-vouchers, ansprechbar z. B. über momentpass-vouchers::part(launcher) { z-index: 2147483647 !important; }.
Button-Beschriftung anpassen
Der Button zeigt standardmäßig „Gutschein kaufen" mit einem kleinen Geschenk-Icon. Mit dem optionalen Attribut launcher-label (bis 40 Zeichen) lässt sich der Text ersetzen; längere Texte werden gekürzt, nicht verworfen.
Rechtliche Hinweise im Widget
Unterhalb der Angebote zeigt das Widget automatisch einen Hinweis „Powered by MomentPass" mit Links zu den MomentPass-Gutschein-Bedingungen und der MomentPass-Datenschutzerklärung. Hast du in deinen Rechnungseinstellungen eine AGB-URL hinterlegt, ergänzt das Widget automatisch auch deinen eigenen AGB-Link. Das ist keine Konfiguration – die Hinweise erscheinen ohne weiteres Zutun in beiden Darstellungsarten.