Integraciones y partners

Formulario de cambio de nombre

Como Integrar el widget?

Integrar el widget/formulario de Swipoo es muy fácil, lo hemos pensado para que incluso una persona no-técnica pueda hacerlo! Lo único que necesitas es copiar y pegar el siguiente código en el HTML de tu página web.

<div id="root">Cargando...</div>
<script>
  (function (w, d, s, o, f, js, fjs) {
    w[o] =
      w[o] ||
      function () {
        (w[o].q = w[o].q || []).push(arguments);
      };
    (js = d.createElement(s)), (fjs = d.getElementsByTagName(s)[0]);
    js.id = o;
    js.src = f;
    js.async = 1;
    fjs.parentNode.insertBefore(js, fjs);
  })(window, document, 'script', '_hw', 'https://widget.swipoo.com/main.js');
  _hw('init', {
    targetElementId: 'root',
    privacyLink: 'https://swipoo.com/privacidad/',
    termsAndConditionsLink: 'https://swipoo.com/condiciones-generales/',
    hideCupon: true,
    primaryColor: '#ff6742'
  });
</script>

API

El widget esta diseñado para que sea configurable a medida de quién lo use:

KeyTypeDefaultDescription
targetElementIdstringrootid del tag HTML dónde se cargará todo el JS del script y se renderizara el widget.
privacyLinkstring#href de los links de políticas de privacidad.
termsAndConditionsLinkstring#href de los links de políticas de privacidad.
hideCuponbooleantrueOculta o muestra la posibilidad de uso de cupones, para promociones o partners.
primaryColorstring#ff6742Color que se aplica al css que se utiliza en los botones y CTAs principales.

Próximamente añadiremos los campos secondaryColor, gAnalytics y gFonts.

Escuchamos ideas para ampliar la interface con más propiedades, si tenéis alguna propuesta hacérnoslo saber con un mail a engineering@swipoo.com

Infrastructura y performance

El javascript del widget que se carga remotamente está alojado y cacheado en los CDNs de AWS Cloudfront, también pasa por un proceso de minificación y compresión.

El widget de Swipoo esta echo con React y utiliza React Suspense con codespliting, dividiendo así el bundle en 4 chunks mas pequeños, lo que reduce el tamaño del primer archivo a cargar a 120kB. Seguimos trabajando para mejorar estas métricas.

Core Web Vitals

Al ser un script que rellena un elemento HTML de manera asíncrona recomendamos añadir unas medidas prefijadas de altura de 665px en la caja contenedora de dicho elemento, o en el propio elemento, para evitar tener saltos de contenido, CLS (Content Layout Shift)

Strict Content Security Policy

En el caso que tengas CSP estricta necesitamos que habilites la posibilidad de hacer request al los siguientes dominios y subdominios:

  • *.swipoo.com/*
  • *.gstatic.com/*
  • *.googleapis.com/*
  • *.stripe.com/*
  • *.klarnacdn.net/*
  • https://ajg9l3py1j.execute-api.eu-west-1.amazonaws.com/*

Utilizamos cookies propias y de terceros para analizar nuestros servicios y poder mejorarlos. Puedes obtener más información revisando nuestra Política de Cookies