Инструмент подбора eSIM-планов

Встраиваемый виджет для отображения eSIM-планов на вашем сайте с настраиваемыми параметрами.

Быстрый старт

Добавьте эту одну строку кода туда, где должен появиться виджет:

Базовая установка
Скопируйте и вставьте этот код в ваш HTML
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>

Параметры

Настройте поведение виджета с помощью URL-параметров:

locale
Устанавливает язык виджета

По умолчанию: en

Доступные варианты:

  • en - Английский
  • de - Немецкий
  • es - Испанский
  • fr - Французский
  • it - Итальянский
  • ja - Японский
  • pt - Португальский
  • ru - Русский
  • tr - Турецкий
country
Предварительный выбор страны по ISO-коду

По умолчанию: нет

Примеры:

  • US - США
  • AE - Объединенные Арабские Эмираты
  • DE - Германия
  • JP - Япония
color
Настройка цвета кнопки (hex, URL-кодирование)

По умолчанию: #2563eb

Примечание: Цвет должен быть закодирован в URL. Например, #2563eb превращается в %232563eb.

Живая демо-версия

Посмотрите виджет в действии с разными конфигурациями:

Базовый виджет (английский)
Виджет по умолчанию на английском
Виджет с пользовательским цветом
Зеленый цвет кнопки (#059669)
Виджет с предвыбранной страной
Германия (DE) предвыбрана

Примеры

Вот несколько распространенных сценариев использования:

Базовое использование
Простой английский виджет с настройками по умолчанию
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>
Немецкий язык с пользовательским цветом
Немецкий язык и зеленая кнопка
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=de&color=%23059669"
></script>
Предвыбранная страна (Япония)
Английский виджет с предвыбранной Японией
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en&country=JP"
></script>
Все параметры вместе
Французский язык, Франция предвыбрана, красная кнопка
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=fr&country=FR&color=%23dc2626"
></script>

Возможности

  • Асинхронная загрузка - Не блокирует и не замедляет страницу
  • Изоляция Shadow DOM - Стили виджета не конфликтуют с CSS вашего сайта
  • 9 языков - Английский, немецкий, испанский, французский, итальянский, японский, португальский, русский, турецкий
  • Доступность с клавиатуры - Полная навигация с клавиатуры (стрелки, Enter, Escape)
  • Адаптивный - Работает на мобильных и десктопах
  • Настраиваемый - Цвет кнопки можно подстроить под ваш бренд
  • Легкий - Без влияния на скорость загрузки страницы
  • Отказоустойчивый - При ошибке виджет просто не отображается

Поддержка браузеров

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

Примечание

Виджет использует Shadow DOM для полной изоляции стилей. CSS вашего сайта не влияет на виджет, а CSS виджета не утечет на вашу страницу.