Copie y pegue nuestro widget ISP:

Cómo incrustar nuestro widget ISP

Para incrustar un widget primero debes incluir esta línea de código una vez en tu página web:

  <script src="https://widget.vpn.com/vpn-widget.js"></script>

Para colocar un widget incrustable en su página web, cree un div con class="vpn-widget" y type="[nombre del widget]"

  <div
    class="vpn-widget"
    type="geoip/isp"
  ></div>

Atributos opcionales

• clase - Puede asignar las clases css adicionales que desee al div contenedor.
• estilo - Dado que el widget está incrustado en un <div> puede especificar su propio estilo para el contenido de ese div.
• anchura - Para dimensionar el widget especifique el atributo width. La altura se calculará en función de la anchura especificada.
• lang - Traducir el widget a un idioma específico, por ejemplo, en, it, es.

Internacionalización

Por defecto, se utilizará el idioma del navegador para traducir cada widget. Puedes anularlo con el atributo opcional `lang`.

Estilo del widget ISP

Los widgets contienen su propio estilo individual pero puedes usar CSS para extender y anular esos estilos. Los widgets se envuelven en su propio div que se colocará dentro del div de su página web.

Por ejemplo, para cambiar el título del widget a rojo hazlo en un estilo y asigna la clase a tu div contenedor:

  <style>
    .red-header header {
        color: red;
    }
  </style>

  <div class="vpn-widget red-header" type="geoip/isp">Cargando...</div>

Utilice la directiva css !important para anular cualquier estilo css.