Narzędzie deweloperskie

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

en · Angielskide · Niemieckies · Hiszpańskifr · Francuskiit · Włoskija · Japońskipt · Portugalskiru · Rosyjskitr · Turecki

country

Wstępnie wybierz kraj kodem ISO

Domyślnie: brak

US · Stany ZjednoczoneAE · Zjednoczone Emiraty ArabskieDE · NiemcyJP · Japonia

color

Dostosuj kolor przycisku (hex, zakodowany w URL)

Domyślnie: #2563eb

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 koloremZielony kolor przycisku (#059669)

Widget z wstępnie wybranym krajemNiemcy (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

Odporność na błędy

W razie błędu widget po prostu się nie wyświetli

Obsługiwane przeglądarki

Chrome81+

Firefox86+

Safari14.1+

Edge81+

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.

Zobacz kraje

Narzędzie wyszukiwania planów eSIM to darmowy widget do osadzenia na stronie, który wyświetla plany eSIM. Łatwa integracja z konfigurowalnymi opcjami języka, kraju i koloru.

Zobacz kraje