eSIM-Plan-Finder-Tool

Einbettbares Widget zur Anzeige von eSIM-Tarifen auf Ihrer Website mit anpassbaren Optionen.

Schnellstart

Fügen Sie diese einzelne Codezeile dort ein, wo das Widget erscheinen soll:

Basis-Installation
Kopieren Sie diesen Code in Ihr HTML
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>

Parameter

Passen Sie das Widget-Verhalten über URL-Parameter an:

locale
Legt die Sprache des Widgets fest

Standard: en

Verfügbare Optionen:

  • en - Englisch
  • de - Deutsch
  • es - Spanisch
  • fr - Französisch
  • it - Italienisch
  • ja - Japanisch
  • pt - Portugiesisch
  • ru - Russisch
  • tr - Türkisch
country
Ein Land per ISO-Code vorauswählen

Standard: keine

Beispiele:

  • US - Vereinigte Staaten
  • AE - Vereinigte Arabische Emirate
  • DE - Deutschland
  • JP - Japan
color
Button-Farbe anpassen (Hex, URL-kodiert)

Standard: #2563eb

Hinweis: Die Farbe muss in der URL kodiert sein. Zum Beispiel wird #2563eb zu %232563eb.

Live-Demo

Sehen Sie das Widget mit verschiedenen Konfigurationen in Aktion:

Basis-Widget (Englisch)
Standard-Widget auf Englisch
Widget mit benutzerdefinierter Farbe
Grüne Button-Farbe (#059669)
Widget mit vorausgewähltem Land
Deutschland (DE) vorausgewählt

Beispiele

Hier sind einige häufige Nutzungsmuster:

Grundlegende Nutzung
Einfaches englisches Widget mit Standardeinstellungen
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>
Deutsch mit benutzerdefinierter Farbe
Deutsche Sprache mit grünem Button
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=de&color=%23059669"
></script>
Vorausgewähltes Land (Japan)
Englisches Widget mit vorausgewähltem Japan
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en&country=JP"
></script>
Alle Optionen kombiniert
Französische Sprache, Frankreich vorausgewählt, roter Button
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=fr&country=FR&color=%23dc2626"
></script>

Funktionen

  • Asynchrones Laden - Blockiert nicht und verlangsamt Ihre Seite nicht
  • Shadow-DOM-Isolierung - Widget-Stile kollidieren nicht mit dem CSS Ihrer Website
  • 9 Sprachen - Englisch, Deutsch, Spanisch, Französisch, Italienisch, Japanisch, Portugiesisch, Russisch, Türkisch
  • Per Tastatur bedienbar - Vollständige Tastaturnavigation (Pfeiltasten, Enter, Escape)
  • Responsiv - Funktioniert auf Mobilgeräten und Desktop
  • Anpassbar - Button-Farbe kann an Ihre Marke angepasst werden
  • Leichtgewichtig - Keine Auswirkung auf Seitenladezeiten
  • Ausfallsicher - Bei Fehlern wird das Widget einfach nicht angezeigt

Browser-Unterstützung

  • Chrome 81+
  • Firefox 86+
  • Safari 14.1+
  • Edge 81+

Hinweis

Das Widget verwendet Shadow DOM für vollständige Stilisolierung. Das CSS Ihrer Website beeinflusst das Widget nicht, und das CSS des Widgets wirkt sich nicht auf Ihre Seite aus.

Zur StartseiteLänder anzeigen