Primeros pasos con Shopify

Implementación de Braze Web SDK a través de Shopify ScriptTag

Shopify ScriptTag es un código JavaScript remoto que se carga en las páginas de tu tienda o en la página de estado del pedido en el checkout. Cuando se carga la página de una tienda, Shopify comprobará si es necesario cargar alguna etiqueta de script en la página del sitio.

Si quieres empezar a usar Braze rápidamente, tienes la opción de permitir que Braze cargue un script predefinido para el SDK Braze Web directamente en el sitio de tu tienda Shopify.

Cómo funciona con la integración de Shopify

Cuando se carga tu página de Shopify, Shopify comprobará si es necesario cargar alguna etiqueta de script en la página. Durante el proceso, los scripts de Braze Web SDK se cargarán en las páginas de su tienda o en la página de estado del pedido de pago.

También añadiremos scripts predefinidos si has seleccionado eventos de producto visto, producto clicado y carrito abandonado que requieran Shopify ScriptTag o mensajería in-app como canal.

Cómo activar

Para habilitar automáticamente los scripts Braze Web SDK como parte de tu integración, selecciona los eventos Shopify ScriptTag compatibles o habilita la mensajería in-app como canal durante la configuración de tu integración con Shopify.

Desde el compositor de configuración de Shopify, los eventos marcados con un asterisco (*) son soportados por el SDK Web. Si selecciona estos eventos o incluye mensajería dentro del navegador, Braze añadirá la implementación del SDK web a través de Shopify ScriptTag a su tienda Shopify como parte de su configuración.

Formularios de captura de correo electrónico de Shopify y reconciliación de usuarios

Los formularios de captura obtienen información identificable sobre el cliente en una fase temprana del ciclo de vida de éste para su posterior envío de mensajes y compromiso.

El SDK de la Web realiza un seguimiento del comportamiento en el sitio de Shopify y de los usuarios anónimos utilizando la dirección device_id. La integración Braze Shopify ScriptTag asigna correos electrónicos de formularios de captura de correo electrónico de Shopify, como la suscripción a un boletín, a la dirección device_id del usuario.

Los formularios típicos de captura de correo electrónico incluyen:

• Formulario de captura de correo electrónico
• Formulario de suscripción al boletín

Hay dos formas de conciliar el correo electrónico del usuario y device_id:

• Utilizando el script Braze de captura automatizada de correo electrónico
• Llamada a los métodos setEmail o setPhoneNumber

Captura de suscripciones por correo electrónico o teléfono

Con Braze, puedes utilizar nuestros formularios de inscripción por correo electrónico y SMS y WhatsApp para aprovechar el SDK web y los mensajes in-app.

Si utilizas un formulario de captura de correo electrónico o número de teléfono de Shopify, o un formulario de captura de terceros, puedes configurarlo directamente en el usuario al que realiza el seguimiento el SDK de la Web de Braze. Por ejemplo, si obtiene la dirección de correo electrónico del cliente, puede establecerla en su perfil de usuario de la siguiente manera:

1
braze.getUser().setEmail(<email address>);

Para más detalles sobre la configuración de estos valores, consulte estos recursos de Javascript:

• Establecer el correo electrónico del usuario
• Establecer el número de teléfono del usuario

También puede establecer el estado de suscripción de los usuarios a medida que recopila su correo electrónico o número de teléfono, de esta forma:

1
braze.getUser().setEmailNotificationSubscriptionType(braze.User.NotificationSubscriptionTypes.SUBSCRIBED);

Para más detalles sobre la configuración de estos valores, consulte estos recursos de Javascript:

• Establecer el tipo de suscripción de notificación por correo electrónico del usuario
• Añadir el usuario a un grupo de suscripción

Ejemplo de implementación de formulario de captura de terceros

1. En theme.liquid, copie el siguiente fragmento en head tag:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
  const emailInputPoller = setInterval(()=>{
    if (document.getElementById('{FORM_ID}')) {
      document.getElementById('{FORM_ID}').addEventListener("submit",
        function() {  
          var email = document.getElementById('{INPUT_EMAIL_ID}').value
          braze.getUser().setEmail(email)
        }
      );
    }
    clearInterval(emailInputPoller)
  }, 2000)
</script>

2. Primero llamamos a setInterval para que el script se cargue primero 3. Sustituya {FORM_ID} por el ID del elemento del formulario que desea capturar (como “PieDeContacto”). 4. Sustituya {INPUT_EMAIL_ID} por el ID del elemento del campo de entrada de correo electrónico dentro del formulario. 5. Cuando se envíe el formulario, el script llamará a setEmail con el valor de la entrada de correo electrónico 6. Después de cargar el guión, llamamos a clearInterval para que sólo se cargue una vez.

Qué esperar tras la aplicación

Inicialización del SDK Web Braze

El SDK Web se inicializará al iniciar la sesión. Braze necesitará recopilar device_id para rastrear datos de usuarios anónimos, ya que otros identificadores como el ID de cliente de Shopify, el correo electrónico o el número de teléfono pueden no estar fácilmente disponibles para los visitantes invitados de su tienda Shopify.

device_id también se utilizará para conciliar los datos del usuario con el perfil de usuario anónimo cuando un cliente proporcione más información identificable (como una dirección de correo electrónico o un número de teléfono) después del proceso de pago.

Versión del SDK Web de Braze

La versión actual del SDK de la Web de Braze a través de la integración de Shopify ScriptTag es la v4.2.

Usuarios activos mensuales (MAU)

El SDK Web rastrea las sesiones de tus clientes y huéspedes de Shopify. Como resultado, esto se acumulará como MAU en los informes del panel de control de Braze y en sus asignaciones de MAU. Es importante tener en cuenta que los usuarios anónimos también contarán para su MAU. En el caso de los dispositivos móviles, los usuarios anónimos dependen del dispositivo. En el caso de los internautas, los usuarios anónimos dependen de la caché del navegador.