Integración con Reskyt

Si tienes tu eCommerce en Reskyt, integra tu cuenta de Connectif con Reskyt para poder enviar notificaciones push nativas a través de la aplicación.

En este artículo, aprenderás cómo integrar tu cuenta de Connectif con Reskyt para recoger la actividad del contacto y un ejemplo de un workflow en el que se envía una notificación push a Reskyt. 

Por qué implementar la extensión

1. Casos de uso que podrás crear tras esta integración

Aquí te dejamos algunas ideas que pueden servirte para implementar diferentes estrategias en la aplicación de Reskyt tras activar en tu Tienda de Connectif la extensión con Reskyt.

• Recuperar carritos abandonados.
• Realizar estrategias de remarketing a través de las push de Reskyt.
• Enviar una felicitación por cumpleaños a los contactos.
• Enviar un descuento por aniversario de primera compra.

2. ¿Qué podrás hacer con Connectif en Reskyt?

Con esta extensión, desde Connectif podrás crear estrategias automatizadas para enviar notificaciones push a través de la app Reskyt.

Además, podrás recoger la actividad del contacto en Reskyt.

3. ¿Qué data de Connectif podrás usar en Reskyt?

Asimismo, en Reskyt podrás aprovechar toda la información recogida en la ficha del contacto, así como su actividad en tiempo real, para personalizar las notificaciones con los datos del contacto de Connectif.

Antes de empezar: qué debes tener en cuenta

Para poder integrar tu cuenta de Connectif con Reskyt y automatizar el envío de notificaciones push nativas, necesitarás:

• Solicitar a Resky y la activación de la API y su valor,  para poder utilizarla.

Además, debes tener en cuenta algunas propiedades de las notificaciones push móviles enviadas a través de Reskyt:

• No es posible cancelar la suscripción de un contacto a estas notificaciones, ya que no existe un mecanismo que notifique en caso de error de la entrega.
• Las push móviles no tienen estadísticas ni análisis de envíos, aperturas ni clics. 
  • Podría recuperarse el número de clics mediante opciones de UTM en el enlace, pero no es un valor que se recoja por defecto.
• El contacto tendrá como máximo un dispositivo, ya que solo se puede almacenar un token en el campo personalizado.
• Dos o más contactos pueden tener el mismo token de Reskyt, ya que podrían, por ejemplo, iniciar varias sesiones en el mismo dispositivo. 

PASO 1: Creación del campo personalizado que almacenará el token de Reskyt 

(En este apartado se va a crear el campo personalizado que recogerá el Token de Reskty, es decir, el identificador del contacto en la App).  

1. Dirígete a "Contactos > Campos del Contacto" y haz clic en    Añadir nuevo campo personalizado.

2. Asígnale el tipo Texto y haz clic en Ir al editor.

3. Asígnale el Nombre y el ID "reskyt-token" y haz clic en   Guardar.

PASO 2: Creación del workflow para recoger el token del contacto  

(En este apartado se va a crear el workflow que recogerá la actividad del contacto durante su navegación por la app de Reskyt y actualizará, en Connectif, el campo personalizado que has creado en el PASO 1. Esta actividad se recogerá mediante un script que se insertará en Reskyt mediante un inline).

4. Dirígete a Workflows y haz clic en    Crear nuevo workflow.

5. Selecciona un nuevo workflow en blanco.

6. En el "Nodo Inicio", selecciona Todos los contactos de mi lista.

7. Añade el nodo disparador"Al visitar página" para que el workflow se active en el momento que un contacto visite la web.

8. Añade el nodo de tipo condición "Comprobar valor" y accede al editor del nodo.

9. En la configuración del nodo  "Comprobar valor" selecciona el operador User Agent, obtenido del nodo "Al visitar página" y arrástralo a la columna izquierda del panel central.

10. Selecciona, de la columna derecha, el valor Literal y arrástralo al panel central, a la columna derecha. A continuación, introduce en dicho valor el texto "rktwebview".

11. Haz clic en   Actualizar.

12. Añade el nodo de tipo acción "Enviar contenido web" para insertar el Script que comprobará la actividad del contacto por Reskyt.

13. No edites la unión de este nodo con el nodo "Comprobar valor", para que aparezca "Sí".

14. Haz clic en  (Editar configuración de nodo) del nodo “Enviar contenido web” y  Crear nuevo contenido para generar un nuevo contenido.

15. Al crear un nuevo contenido, selecciona como tipo Inline, asígnale un nombre, por ejemplo "Script Reskyt", y haz clic en   Crear nuevo contenido. 

16. Añade un componente de tipo HTML y edítalo, copiando y pegando el siguiente código:

<script>
(function connectifReskyt(global) {

  if (global.connectif &&

      global.connectif.managed &&

      global.connectif.managed.isInitialized()) {

    getReskytToken();

  } else {

    global.document.addEventListener(

      "connectif.managed.initialized",

      function onConnectifInitialized() {

        getReskytToken();

      }

    );

  }

  function getReskytToken() {

    var reskytToken = getCookie("token_md5") || "";

    var previousReskytToken = global.sessionStorage.getItem("cn_reskyt_token");

    if (reskytToken !== previousReskytToken) {

      global.connectif.managed.sendEvents([], {

        entityInfo: { "reskyt-token": reskytToken },

        onResponded: function onResponded() {

            global.sessionStorage.setItem("cn_reskyt_token", reskytToken);

        }

      });

    }

  }

  function getCookie(name) {

    var value = "; " + global.document.cookie;

    var parts = value.split("; " + name + "=");

    if (parts.length === 2) return parts.pop().split(";").shift();

  }

})(window);
</script>

17. Haz clic en  Guardar para conservar las modificaciones y en   Volver al selector para volver y finalizar la configuración del nodo.

18. Una vez seleccionado el contenido Inline que acabas de crear haz clic en Siguiente .

19. En Configuración añade el selector adecuado para mostrar el contenido. En este caso, es recomendable incluir el contenido en la página de producto u otra página que se renderice tanto en la web como en la App.

20. Haz clic en Finalizar .

21. Guarda y activa el Workflow.

PASO 3: Creación del evento de envío de datos para mostrar pushes en Reskyt

(En este apartado se va a crear el evento que enviará la información desde Connectif a Reskyt para permitir que se muestren las notificaciones push dentro de la App).

22. Accede a Configuración de tienda en el menú lateral izquierdo.

23. En el selector de pestaña, ve a "Integraciones > Integraciones personalizadas (webhooks)" y haz clic en   Crear nueva integración.

24. Establece el campo "Nombre de la integración" para identificar la integración y haz clic en  Actualizar.

25. En la pestaña Enviar datos, haz clic en  Crear nuevo evento de envío.

26. Dentro de esa pantalla, asígnale un nombre al evento.

27. En el recuadro Webhook URL donde enviar el mensaje, pega la URL de la API de Reskyt para enviar notificaciones push. En este caso, la url es "https://push.api.reskyt.com/push/send".

28. Haz clic en Añadir una nueva cabecera y asígnale el Nombre "x-api-key" y, en el Valor, introduce el valor de la API de Reskyt.

29. Haz clic en   Añadir un nuevo campo para crear cada uno de los campos personalizados y completa su información:

• Crea un campo con el nombre y el ID "dateEnd" de tipo Texto.

Aunque no es obligatorio añadir la fecha de finalización, sí es recomendable, por ejemplo, en estrategias donde queramos enviar una push informando de una oferta, para que deje de enviarse cuando esta oferta termine.

• Crea un campo con el nombre y el ID "pictureUrl" de tipo Texto.
• Crea un campo con el nombre y el ID "title" de tipo Texto y márcalo como obligatorio.
• Crea un campo con el nombre y el ID "tokens" de tipo Texto y márcalo como obligatorio. Activa las opciones JSON y asígnale el parámetro "/tokens/0".

• Crea un campo con el nombre y el ID "url" de tipo Texto.
• Crea un campo con el nombre y el ID "utmCampaign" de tipo Texto.

30. Haz clic en  Guardar.

PASO 4: Creación del workflow para enviar una notificación push en Reskyt

(En este apartado se va a crear la estrategia que enviará una notificación push a la app de Reskyt).

31. Dirígete a Workflows y haz clic en    Crear nuevo workflow y selecciona un Nuevo workflow en blanco.

32. En el "Nodo Inicio", selecciona el Segmento Dinámico Plus que has creado para filtrar a los contactos de Reskyt. 

34. Busca el nodo de tipo acción que has creado al hacer tu integración con Reskty (paso 3) y añádelo a tu workflow.

35. En la configuración del nodo, arrastra el campo "reskyt-token" de la información del contacto y hazlo coincidir con el valor "Tokens" de la columna derecha. El resto de valores, asócialos con un campo Literal para darle la forma e información que contendrá tu push en Reskyt.

36. Haz clic en  Actualizar para guardar la configuración del nodo y activa tu workflow.