Narzędzie wyszukiwania planów eSIM

Widget do osadzenia na stronie, który wyświetla plany eSIM z konfigurowalnymi opcjami.

Szybki start

Dodaj tę jedną linię kodu w miejscu, gdzie ma pojawić się widget:

Podstawowa instalacja
Skopiuj i wklej ten kod do swojego HTML
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>

Parametry

Dostosuj działanie widgetu za pomocą parametrów URL:

locale
Ustaw język widgetu

Domyślnie: en

Dostępne opcje:

  • en - Angielski
  • de - Niemiecki
  • es - Hiszpański
  • fr - Francuski
  • it - Włoski
  • ja - Japoński
  • pt - Portugalski
  • ru - Rosyjski
  • tr - Turecki
country
Wstępnie wybierz kraj kodem ISO

Domyślnie: brak

Przykłady:

  • US - Stany Zjednoczone
  • AE - Zjednoczone Emiraty Arabskie
  • DE - Niemcy
  • JP - Japonia
color
Dostosuj kolor przycisku (hex, zakodowany w URL)

Domyślnie: #2563eb

Uwaga: Kolor musi być zakodowany w URL. Na przykład #2563eb staje się %232563eb.

Demo na żywo

Zobacz widget w działaniu w różnych konfiguracjach:

Podstawowy widget (angielski)
Domyślny widget w języku angielskim
Widget z niestandardowym kolorem
Zielony kolor przycisku (#059669)
Widget z wstępnie wybranym krajem
Niemcy (DE) wybrane wstępnie

Przykłady

Oto kilka popularnych wzorców użycia:

Podstawowe użycie
Prosty angielski widget z ustawieniami domyślnymi
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>
Niemiecki z niestandardowym kolorem
Język niemiecki z zielonym przyciskiem
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=de&color=%23059669"
></script>
Wstępnie wybrany kraj (Japonia)
Angielski widget z wstępnie wybraną Japonią
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en&country=JP"
></script>
Wszystkie opcje razem
Język francuski, Francja wstępnie wybrana, czerwony przycisk
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=fr&country=FR&color=%23dc2626"
></script>

Funkcje

  • Asynchroniczne ładowanie - Nie blokuje i nie spowalnia strony
  • Izolacja Shadow DOM - Style widgetu nie będą kolidować z CSS Twojej strony
  • 9 języków - Angielski, niemiecki, hiszpański, francuski, włoski, japoński, portugalski, rosyjski, turecki
  • Dostępność klawiaturowa - Pełna nawigacja klawiaturą (strzałki, Enter, Escape)
  • Responsywny - Działa na mobile i desktopie
  • Konfigurowalny - Kolor przycisku można dopasować do marki
  • Lekki - Bez wpływu na czas ładowania strony
  • Fail-safe - W razie błędu widget po prostu się nie wyświetli

Obsługiwane przeglądarki

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

Uwaga

Widget korzysta z Shadow DOM dla pełnej izolacji stylów. CSS Twojej strony nie wpłynie na widget, a CSS widgetu nie będzie przenikał do Twojej strony.

Powrót do strony głównejZobacz kraje