Outil de recherche de forfaits eSIM

Widget intégrable pour afficher des forfaits eSIM sur votre site web avec des options personnalisables.

Démarrage rapide

Ajoutez cette ligne de code à l'endroit où vous voulez afficher le widget :

Installation de base
Copiez et collez ce code dans votre HTML
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>

Paramètres

Personnalisez le comportement du widget avec des paramètres d'URL :

locale
Définit la langue du widget

Par défaut : en

Options disponibles :

  • en - Anglais
  • de - Allemand
  • es - Espagnol
  • fr - Français
  • it - Italien
  • ja - Japonais
  • pt - Portugais
  • ru - Russe
  • tr - Turc
country
Pré-sélectionnez un pays via son code ISO

Par défaut : aucun

Exemples :

  • US - États-Unis
  • AE - Émirats arabes unis
  • DE - Allemagne
  • JP - Japon
color
Personnalisez la couleur du bouton (hex, encodé URL)

Par défaut : #2563eb

Remarque : La couleur doit être encodée dans l'URL. Par exemple, #2563eb devient %232563eb.

Démo en direct

Voyez le widget en action avec différentes configurations :

Widget de base (anglais)
Widget anglais par défaut
Widget avec couleur personnalisée
Couleur de bouton verte (#059669)
Widget avec pays pré-sélectionné
Allemagne (DE) pré-sélectionnée

Exemples

Voici quelques cas d'utilisation courants :

Utilisation de base
Widget anglais simple avec paramètres par défaut
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>
Allemand avec couleur personnalisée
Langue allemande avec bouton vert
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=de&color=%23059669"
></script>
Pays pré-sélectionné (Japon)
Widget anglais avec le Japon pré-sélectionné
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en&country=JP"
></script>
Toutes les options combinées
Langue française, France pré-sélectionnée, bouton rouge
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=fr&country=FR&color=%23dc2626"
></script>

Fonctionnalités

  • Chargement asynchrone - Non bloquant, n'alourdit pas votre page
  • Isolation Shadow DOM - Les styles du widget ne conflit pas avec le CSS de votre site
  • 9 langues - Anglais, allemand, espagnol, français, italien, japonais, portugais, russe, turc
  • Accessible au clavier - Navigation clavier complète (flèches, Entrée, Échap)
  • Responsive - Fonctionne sur mobile et desktop
  • Personnalisable - La couleur du bouton peut correspondre à votre marque
  • Léger - Aucun impact sur le temps de chargement
  • Tolérant aux pannes - En cas d'erreur, le widget ne s'affiche simplement pas

Compatibilité navigateurs

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

Remarque

Le widget utilise Shadow DOM pour une isolation complète des styles. Le CSS de votre site n'affectera pas le widget, et le CSS du widget ne fuira pas dans votre page.