Ferramenta de pesquisa de planos eSIM

Widget incorporável para exibir planos eSIM no seu site com opções personalizáveis.

Início rápido

Adicione esta única linha de código onde deseja que o widget apareça:

Instalação básica
Copie e cole este código no seu HTML
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>

Parâmetros

Personalize o comportamento do widget usando parâmetros de URL:

locale
Define o idioma do widget

Padrão: en

Opções disponíveis:

  • en - Inglês
  • de - Alemão
  • es - Espanhol
  • fr - Francês
  • it - Italiano
  • ja - Japonês
  • pt - Português
  • ru - Russo
  • tr - Turco
country
Pré-selecione um país pelo código ISO

Padrão: nenhum

Exemplos:

  • US - Estados Unidos
  • AE - Emirados Árabes Unidos
  • DE - Alemanha
  • JP - Japão
color
Personalize a cor do botão (hex, codificado em URL)

Padrão: #2563eb

Nota: A cor precisa ser codificada na URL. Por exemplo, #2563eb torna-se %232563eb.

Demonstração ao vivo

Veja o widget em ação com diferentes configurações:

Widget básico (inglês)
Widget padrão em inglês
Widget com cor personalizada
Cor de botão verde (#059669)
Widget com país pré-selecionado
Alemanha (DE) pré-selecionada

Exemplos

Aqui estão alguns padrões de uso comuns:

Uso básico
Widget simples em inglês com configurações padrão
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en"
></script>
Alemão com cor personalizada
Idioma alemão com botão verde
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=de&color=%23059669"
></script>
País pré-selecionado (Japão)
Widget em inglês com Japão pré-selecionado
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=en&country=JP"
></script>
Todas as opções combinadas
Idioma francês, França pré-selecionada, botão vermelho
<script
  async
  src="https://esimcardlist.com/external/widget.js?locale=fr&country=FR&color=%23dc2626"
></script>

Recursos

  • Carregamento assíncrono - Não bloqueia e não deixa sua página mais lenta
  • Isolamento com Shadow DOM - Os estilos do widget não entram em conflito com o CSS do seu site
  • 9 idiomas - Inglês, alemão, espanhol, francês, italiano, japonês, português, russo, turco
  • Acessível por teclado - Navegação completa por teclado (setas, Enter, Escape)
  • Responsivo - Funciona no celular e no desktop
  • Personalizável - A cor do botão pode combinar com sua marca
  • Leve - Sem impacto no tempo de carregamento da página
  • Fail-safe - Em caso de erro, o widget simplesmente não aparece

Suporte a navegadores

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

Nota

O widget usa Shadow DOM para isolamento completo de estilos. O CSS do seu site não afetará o widget, e o CSS do widget não vazará para a sua página.