Um unsere Website für Sie optimal gestalten zu können, verwenden wir Cookies und Dienste von Drittanbietern. Einige davon sind notwendig, um den Betrieb der Seite sicherzustellen (z.B. für den Warenkorb), andere erlauben es uns, unser Online-Angebot zu verbessern und wirtschaftlich zu betreiben. Sie können über die Einstellungen einfach festlegen, welche Art von Cookies und welche Dienste erlaubt sind. Weitere Details finden Sie in unserer Datenschutzerklärung.

Einstellungen
App jetzt downloaden
#

Schnelles HTML-Setup für Widget-Filter

Fragestellungen:

  • Wie kann ich die Anzahl der angezeigten Angebote im Widget begrenzen (HTML)?
  • Wie kann ich das Design des Widgets ändern (hell oder dunkel) in HTML?
  • Wie passe ich die Eckenrundung für weichere Kanten an (HTML)?
  • Wie kann ich meine Markenfarbe im Widget verwenden (HTML)?
  • Wie kann ich den Standardhintergrund oder die Ränder (Container) im Widget deaktivieren (HTML)?
  • Wie ändere ich die Sprache oder das Regionsformat des Widgets (HTML)?
  • Wie kann ich die im Widget angezeigte Währung festlegen (HTML)?
  • Warum wird mein Widget nicht richtig geladen (HTML)?
  • Wie kann ich das Widget in WordPress, Wix oder Shopify einbinden (HTML)?
  • Wo finde ich alle HTML-Parameter und Standardwerte?

Beschreibung:

Die Anpassung deines Get Your Offers Widgets ist super einfach!

Du kannst steuern, wie dein Widget aussieht und sich verhält - z. B. das Thema, die Anzahl der Angebote, die Farben oder die Währung - indem du einfache Datenattribute zu deinem HTML-Tag hinzufügst.


Du brauchst keine Programmierkenntnisse - einfach kopieren, einfügen und die gewünschten Werte ändern.

Vorgehen:

  1. Füge das Skript hinzu 
    <script src="https://getyouroffers.app/SCRIPTS/OffrAppManagement/current-offers.v1.js"></script>
  2. Füge das Widget hinzu (mit deiner storeId) 
    <get-your-offers data-store-id="5"></get-your-offers>

Vollständiges Beispiel (HTML)

Alle Anpassungsoptionen enthalten (optional)

HTML: Widget-Integration

<script src="https://getyouroffers.app/SCRIPTS/OffrAppManagement/current-offers.v1.js"></script> <get-your-offers data-store-id="5" data-limit="12" data-theme="dark" data-radius="16"
  data-brand-color="#f51231" data-container="false" data-locale="en-US" data-currency="USD" ></get-your-offers>

Tips und Tricks:

Das Wichtigste zur Erinnerung

  • Füge immer die neueste Skriptversion (z.B. current-offers.v1.js) in den <head> oder direkt vor dem schließenden </body> Tag ein.
  • Verwende eine gültige storeId - sie ist erforderlich, damit die Angebote erscheinen.
  • Wähle den HTML-Tag oder die JavaScript-API, nicht beides für dieselbe Instanz.
  • Stelle das Thema, die Markenfarbe und den Radius so ein, dass sie zum Design deiner Website passen.
  • Passe data-locale und data-currency an deine Zielregion an.
  • Überprüfe die Konsole auf Fehler, wenn nichts angezeigt wird - fehlende Attribute oder ungültige IDs sind häufige Ursachen.
  • Verwende die Entwicklertools deines Browsers → Registerkarte Netzwerk, um zu überprüfen, ob die Angebotsdaten erfolgreich abgerufen werden.