eSIM Plan Bulma Aracı

Web sitenizde eSIM planlarını özelleştirilebilir seçeneklerle göstermek için gömülebilir widget.

Hızlı Başlangıç

Widget'ın görünmesini istediğiniz yere bu tek satır kodu ekleyin:

Temel Kurulum
Bu kodu HTML'inize kopyalayıp yapıştırın
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>

Parametreler

Widget davranışını URL parametreleriyle özelleştirin:

locale
Widget dilini ayarlar

Varsayılan: en

Mevcut seçenekler:

  • en - İngilizce
  • de - Almanca
  • es - İspanyolca
  • fr - Fransızca
  • it - İtalyanca
  • ja - Japonca
  • pt - Portekizce
  • ru - Rusça
  • tr - Türkçe
country
ISO koduyla önceden ülke seçin

Varsayılan: yok

Örnekler:

  • US - Amerika Birleşik Devletleri
  • AE - Birleşik Arap Emirlikleri
  • DE - Almanya
  • JP - Japonya
color
Buton rengini özelleştirin (hex, URL kodlu)

Varsayılan: #2563eb

Not: Renk URL içinde kodlanmış olmalıdır. Örneğin, #2563eb şuna dönüşür %232563eb.

Canlı Demo

Widget'ı farklı yapılandırmalarla çalışırken görün:

Temel Widget (İngilizce)
Varsayılan İngilizce widget
Özel Renkli Widget
Yeşil buton rengi (#059669)
Önceden Seçili Ülkeli Widget
Almanya (DE) önceden seçili

Örnekler

İşte bazı yaygın kullanım kalıpları:

Temel Kullanım
Varsayılan ayarlarla basit İngilizce widget
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>
Özel Renkli Almanca
Yeşil butonlu Almanca dil
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=de&color=%23059669"
></script>
Önceden Seçili Ülke (Japonya)
Japonya önceden seçili İngilizce widget
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en&country=JP"
></script>
Tüm Seçenekler Birlikte
Fransızca dil, Fransa önceden seçili, kırmızı buton
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=fr&country=FR&color=%23dc2626"
></script>

Özellikler

  • Asenkron Yükleme - Engellemez, sayfanızı yavaşlatmaz
  • Shadow DOM İzolasyonu - Widget stilleri sitenizin CSS'iyle çakışmaz
  • 9 Dil - İngilizce, Almanca, İspanyolca, Fransızca, İtalyanca, Japonca, Portekizce, Rusça, Türkçe
  • Klavye Erişilebilirliği - Tam klavye gezinmesi (Ok tuşları, Enter, Escape)
  • Duyarlı - Mobil ve masaüstünde çalışır
  • Özelleştirilebilir - Buton rengi markanıza uyarlanabilir
  • Hafif - Sayfa yükleme sürelerine etkisi yok
  • Fail-safe - Hata durumunda widget sadece görünmez

Tarayıcı Desteği

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

Not

Widget, tam stil izolasyonu için Shadow DOM kullanır. Sitenizin CSS'i widget'ı etkilemez ve widget'ın CSS'i sayfanıza sızmaz.

Ana sayfaya dönÜlkeleri görüntüle