Qué aprenderás

Descubre cómo añadir el bloque «Continuar con Shop» a un formulario de registro de Klaviyo para que los compradores que tengan una cuenta de Shop puedan suscribirse con los datos guardados en su cuenta, sin tener que escribirlos. Shop es la app de compras de Shopify, y muchos compradores ya tienen una cuenta de Shop por haber comprado en otras tiendas de Shopify.

Cuando un comprador hace clic en Continuar con Shop en el formulario y completa el inicio de sesión en Shop, Klaviyo envía una solicitud de suscripción por email a la lista que elijas y le muestra el paso que selecciones.

Continuar con Shop se está implementando gradualmente, así que es posible que aún no lo veas en tu cuenta. Si el bloque Continuar con Shop no está en el editor de formularios, sigue los pasos para configurar en su lugar la experiencia heredada de captura de leads con Shop.

Esta función es específica de Shopify, y solo estará disponible para clientes de Klaviyo que usen Shopify como su plataforma de comercio electrónico.

Antes de empezar

Ten en cuenta lo siguiente antes de añadir Continuar con Shop a un formulario:

  • No se requiere Shop Pay ni un cupón. A diferencia de la experiencia heredada de captura de leads con Shop, no necesitas activar Shop Pay en la tienda ni añadir un cupón al formulario.
  • Tipos de formulario compatibles. Puedes añadir Continuar con Shop a los formularios emergentes, desplegables, incrustados y de página completa. No está disponible para formularios de reposición de stock ni páginas de destino.
  • Consentimiento. Continuar con Shop recopila el consentimiento de email. Para recopilar el consentimiento de SMS o WhatsApp mediante los campos de número de teléfono del formulario, envía a los compradores a un paso de suscripción para el número de teléfono después de Shop. Configura SMS o WhatsApp en la cuenta antes de recopilar el consentimiento para ese canal.
  • 1 bloque por formulario. Puedes añadir 1 bloque de Continuar con Shop a cada formulario.
  • Girar para ganar y Smart Opt-in. No puedes añadir un bloque de girar para ganar a un formulario que tenga un bloque de Continuar con Shop. Smart Opt-in no se ejecuta para el envío inicial de Shop. Si lo usas en un paso posterior de aceptación de SMS, establece Ir al paso en el paso del número de teléfono para que el comprador pueda introducir su número antes de recibir un código de un solo uso.
  • Branding de Shop. El botón siempre usa el color morado de la marca de Shop, que no se puede cambiar. Puedes elegir el texto del botón y ajustar el radio de las esquinas, el espaciado, el tamaño de la fuente y el interlineado.

La configuración de suscripción de la lista sigue aplicándose. Si la lista seleccionada utiliza doble confirmación de registro, los compradores deben completar la confirmación antes de suscribirse. Iniciar sesión en Shop no evita esa confirmación.

Añade Continuar con Shop a un formulario de registro

Para añadir «Continuar con Shop» a un formulario:

  1. Ve a formularios de registro. En un formulario existente, abre el menú de los 3 puntos y selecciona Editar, o crea un formulario nuevo.
  2. En la barra lateral izquierda, haz clic en Añadir contenido (el icono de signo más) para abrir el panel Añadir bloques.
  3. En integraciones, arrastra el bloque Continuar con Shop al paso en el que recopilas email. Por ejemplo, colócalo encima del campo de email.
El panel Añadir bloques en el editor de formularios de registro, con el bloque Continuar con Shop resaltado en Integraciones.
  1. Selecciona el bloque para abrir su configuración. En Acción, elige:
    • Lista para enviar: la lista que recibe las solicitudes de suscripción de los compradores que continúan con Shop.
    • Ir al paso: el paso que los compradores ven después de finalizar en Shop. Por ejemplo, envíalos al paso de suscripción a SMS, a un paso que recopile más información (como el cumpleaños) o directamente al paso de éxito.
  2. (Opcional) Para recopilar el consentimiento de SMS o WhatsApp después de Shop, usa un paso de aceptación del número de teléfono. Sigue los pasos que se indican a continuación para añadirlo y conectarlo. Si el formulario ya tiene un paso de número de teléfono, ve directamente a conectarlo con Continue with Shop. Comprobar la configuración del canal, la lista y el aviso legal antes de publicar:
    1. Haz clic en Step (el icono del signo más), selecciona Mobile opt-in y, a continuación, haz clic en Siguiente.
    2. Elige mensajería de texto, WhatsApp o WhatsApp y mensajería de texto y, a continuación, haz clic en Siguiente.
    3. Elige la lista para suscriptores de teléfono. Para un paso de mensajería de texto, elige también el método de consentimiento ofrecido en el modal. Haz clic en Añadir paso.
    4. Selecciona el bloque Continuar con Shop y configura Ir al paso en el paso de número de teléfono. Luego revisa los siguientes ajustes en el paso de número de teléfono.
  • Canal: selecciona la entrada del número de teléfono y elige mensaje de texto, WhatsApp o WhatsApp y mensaje de texto.
  • Lista para enviar: selecciona el botón de envío del paso del número de teléfono para elegir la lista de suscriptores de teléfono. Puedes usar una lista diferente de la que se seleccionó en el bloque Continuar con Shop.
  • Lenguaje de divulgación: incluye el lenguaje de consentimiento adecuado en el paso de registro del número de teléfono. Para SMS, usa el lenguaje de divulgación de la cuenta y compruébalo antes de publicarlo. Descubre cómo configurar el mensaje de divulgación del registro de SMS.
La configuración del bloque Continuar con Shop, que muestra las secciones Acción, Consentimiento para número de teléfono, Diseño y Tipo de botón junto a una vista previa del formulario con el botón Continuar con Shop encima del campo de email.
  1. Selecciona el bloque «Continuar con Shop». En Diseño, elige Solo botón o Divisor. El divisor añade una línea de «o» debajo del botón, lo que lo separa del campo de email cuando colocas el bloque encima.
  2. En Tipo de botón, elige Continuar con Shop o Solicitar con Shop. Ambas opciones funcionan de la misma manera; solo cambia el texto del botón. Solicitar con Shop es una buena opción para formularios que ofrezcan un descuento.
  3. (Opcional) En Apariencia de la tienda, ajusta Radio del borde, Espaciado base, Tamaño de fuente y Alto de línea. También puedes ajustar el relleno del bloque.

Si tu formulario ya usa la captura de clientes potenciales heredada con Shop y quieres que los compradores usen solo la nueva experiencia, abre Segmentación y comportamiento > Visualización y desactiva Activar captura de clientes potenciales en Captura de clientes potenciales con Shop. El botón Continuar con Shop sigue el Ir al paso seleccionado sin abrir el modal heredado.

Recopila información adicional del perfil

Para recopilar el nombre, la fecha de nacimiento u otros datos de una persona compradora después de Shop, incluye esos campos en un paso posterior del formulario. Si también recopilas el consentimiento para el teléfono, coloca estos campos en el paso del número de teléfono seleccionado en Ir al paso. Los compradores pueden introducir y enviar sus datos en ese paso. Continue with Shop no completa esos campos en pasos posteriores.

Para recopilar estos detalles:

  • Selecciona el bloque Continuar con Shop y configura Ir al paso en el paso que contiene estos campos.
  • Para los campos de nombre, configura las propiedades de perfil del bloque de entrada de texto en Nombre o Apellidos.

Publica el formulario

Haz clic en Publicar o programar cuando hayas terminado de configurar el formulario. Resuelve las alertas de formulario que bloqueen la publicación y, a continuación, selecciona Publicar ahora para activar el formulario. Para publicarlo más tarde, selecciona Programar, configura las fechas y horas y, a continuación, haz clic en Programar.

Para un formulario insertado, copia el código de inserción de Segmentación y comportamiento > Visualización y añádelo a la página en la que debe aparecer el formulario.

Cómo funciona Continuar con Shop para los compradores

Una vez que el formulario esté activo, los compradores verán el botón Continuar con Shop en el formulario.

Un formulario de registro emergente en ordenador y móvil, con un botón Continuar con Shop encima de un divisor de «o», un campo de email y un botón Continuar.
  • Los compradores que han iniciado sesión en Shop en su dispositivo ven un botón Continuar con Shop personalizado.
  • Otros compradores ven el botón estándar. Pueden iniciar sesión en Shop o completar tu formulario como siempre.
  • En ordenador, Shop se abre en una ventana emergente. En móvil, Shop se abre en la misma pestaña y luego devuelve al comprador a tu formulario.
  • En Shop, el comprador elige si quiere compartir sus datos con tu marca. Si acepta, Klaviyo envía una solicitud de suscripción por email y muestra el paso que elegiste en Ir al paso. Si ese paso recopila el consentimiento para el número de teléfono, el comprador puede completarlo en tu formulario. Los requisitos de confirmación de suscripción de la lista siguen aplicándose.
  • Si un comprador cierra Shop sin terminar, puede completar el formulario con normalidad.

Asegúrate de que el formulario funcione por sí solo. Si Shop no se puede cargar en el dispositivo de un comprador, el botón Continuar con Shop no aparece y el comprador ve el resto del formulario.

Después de publicar, prueba Continue with Shop en tu sitio web desde ordenador y desde móvil. Comprueba que abre el paso que seleccionaste, que los campos adicionales y el paso de consentimiento de SMS funcionan, y que puedes completar el formulario sin usar Shop.

Buscar envíos de formularios

Usa el evento Formulario enviado por perfil para encontrar a los compradores que enviaron el formulario. Su propiedad form_id identifica el formulario, por lo que puedes usarla en una definición de segmento. Este evento no incluye un valor submission_method que distinga los envíos de Continuar con Shop de otros envíos al mismo formulario.

Configurar la experiencia heredada de captura de leads con Shop

Si Continuar con Shop aún no está disponible en la cuenta, puedes usar la experiencia heredada de captura de leads con Shop. Reconoce a los visitantes del sitio con cuentas de Shop Pay una vez que introducen su email, guarda y aplica sus descuentos, y ofrece una manera sencilla de aceptar SMS.

Shop Pay es un servicio de pago online ofrecido por Shopify que permite el pago con 1 clic para mejorar la experiencia de compra de tus clientes. Cuando un comprador usa Shop Pay por primera vez, su información se guarda para futuras compras.

Si Continuar con Shop está disponible en tu cuenta, úsalo en su lugar. Para reemplazar la experiencia heredada en un formulario existente, desactiva Activar la captura de leads en Segmentación y comportamiento > Mostrar > Captura de leads con Shop y, a continuación, añade el bloque Continuar con Shop.

Requisitos heredados

Tendrás que activar Shop Pay en tu tienda Shopify antes de poder configurar la captura de leads en un formulario de registro de Klaviyo.

Hay ciertos requisitos que hacen que un formulario de registro pueda usar la captación de leads con Shop. Tu formulario debe:

  • Ser un formulario emergente o desplegable

Esta funcionalidad no está disponible para formularios integrados ni para formularios de página completa.

  • Tener un botón Enviar en el primer paso que envíe el formulario y continúe con el siguiente paso
  • Recopila el consentimiento de email en el primer paso
    • Si también quieres recopilar el consentimiento de SMS, debes usar un formulario de varios pasos que recopile el consentimiento de email en el primer paso, seguido del consentimiento de SMS en el segundo paso. Los formularios que recopilan únicamente el consentimiento de SMS no cumplen los requisitos para la captura de clientes potenciales.

Si la captura de clientes potenciales con Shop está habilitada en tu formulario, Smart Opt-in no es compatible. Si quieres que todos los compradores pasen por una experiencia de Smart Opt-in, desactiva la captura de clientes potenciales con Shop.

  • Incluye texto informativo si recopilas el consentimiento para SMS
  • Tener un cupón (estático o único) configurado en el paso de éxito

Cumple estos requisitos tanto en las versiones para ordenador como para móvil del formulario.

Habilita la captación de leads con Shop en un formulario de registro

Configura la captura de clientes potenciales en un formulario de registro:

  1. Selecciona Formularios de registro en la navegación principal de Klaviyo.
  2. Abre el menú de los 3 puntos del formulario que quieras editar y selecciona Editar, o crea un formulario nuevo.
  3. Selecciona Segmentación & comportamiento en la barra lateral izquierda y, luego, selecciona la pestaña Visualización.
  4. En Captación de leads con Shop, activa Activar captación de leads.
  5. Al activar esta opción, todos los requisitos no cumplidos de tu formulario para usar la captura de leads se mostrarán debajo del mensaje de error. Por ejemplo, al formulario de abajo le falta el cupón en el paso de éxito:

    Para resolver este error, haz clic en Añadir bloque para configurar un cupón único o un cupón estático en el paso de éxito.
The Lead capture with Shop section in the Targeting & behavior tab of the form builder with an arrow pointing to the “Add a coupon block” requirement.
The Lead capture with Shop section in the Targeting & behavior tab of the form builder with an arrow pointing to the “Add a coupon block” requirement.

Si estás usando un formulario de varios pasos que recopila el consentimiento para SMS, debes incluir lenguaje de divulgación en el paso de suscripción a SMS.

  1. Haz clic en Correcto en la barra de menús para personalizar el mensaje de confirmación que aparece cuando los nuevos suscriptores envían el formulario.

Lo mejor es usar un lenguaje genérico en el paso de éxito (p. ej., «¡Hurra! Aquí tienes tu cupón») para ofrecer a los suscriptores una experiencia de suscripción clara y coherente. Esto se debe a que un suscriptor puede elegir no recibir mensajes de texto, por lo que, si el mensaje de éxito le da las gracias por suscribirse a email y SMS, podría crear una experiencia confusa para los compradores que no dieron su consentimiento para SMS.

  1. Comprueba que se cumplen todos los requisitos tanto en escritorio como en móvil y resuelve cualquier alerta de formulario que bloquee el proceso antes de publicar.
  2. Cuando estés conforme con el formulario, haz clic en Publicar o programar y, a continuación, selecciona Publicar ahora. Para publicar más tarde, selecciona Programar, define las fechas y horas y, a continuación, haz clic en Programar.

Lo que ven los compradores con la experiencia heredada

Una vez que este formulario esté activo, se reconocerá a cualquier visitante del sitio con una cuenta de Shop Pay cuando envíe el primer paso (su dirección de email). Aparecerá un modal de Shop Pay que les pedirá que autentiquen su cuenta.

The Shop Pay authentication modal that appears in the top right corner of your site when Klaviyo recognizes a Shop Pay user.
The Shop Pay authentication modal that appears in the top right corner of your site when Klaviyo recognizes a Shop Pay user.

Ten en cuenta que los compradores que no tengan cuentas de Shop Pay seguirán los pasos del formulario con normalidad y no se rellenará la ventana modal. Además, si tu formulario tiene pasos adicionales más allá del paso de email y SMS (por ejemplo, un paso que pida la fecha de cumpleaños de un comprador), los usuarios de Shop Pay que autentiquen sus cuentas se saltarán estos pasos y solo verán el recorrido modal de Shop Pay y el paso de éxito de tu formulario.

La experiencia del visitante del sitio variará en función del tipo de formulario y de cómo elija interactuar con el modal de Shop Pay:

  • Si el comprador decide no autenticar su cuenta y cierra inmediatamente el modal de Shop Pay, tu formulario de registro mostrará automáticamente su siguiente paso, ya sea un paso de adhesión a SMS o un paso de éxito.
  • Para un formulario de registro solo de email, si el comprador introduce el código para autenticar su cuenta de Shop Pay, la ventana modal mostrará el paso de éxito con el código de cupón y le informará de que el descuento se aplicará automáticamente en su próximo proceso de pago.
  • En un formulario de varios pasos que recopila el consentimiento para SMS, si el comprador introduce el código para autenticar su cuenta de Shop Pay, la ventana modal solicitará a continuación el consentimiento para SMS. El número de teléfono del comprador de su perfil de Shop Pay se rellenará previamente.
The Shop Pay modal prompting an authenticated user to sign up for texts through a tap-to-text experience.
The Shop Pay modal prompting an authenticated user to sign up for texts through a tap-to-text experience.
  • Si el comprador da su consentimiento por SMS, se le guiará por la experiencia de registro por SMS de Shop Pay para confirmar su consentimiento por SMS y, a continuación, se mostrará el paso de confirmación del formulario con el cupón que se guarda automáticamente para su próximo pago.
  • Si el comprador no da su consentimiento para SMS, el modal de Shop Pay desaparecerá y verá el paso de confirmación del formulario con el cupón que se guarda automáticamente para su próxima finalización de compra.

Ahora que ya has configurado la captación de leads con Shop en tu formulario de registro, crea una cuenta personal de Shop Pay para probar las diferentes experiencias de los compradores descritas anteriormente.

Recursos adicionales

  • Getting started with sign-up forms

    Learn how to create and customize sign-up forms in Klaviyo to publish on your website so you can engage shoppers, collect emails and phone numbers, and build long-lasting customer relationships.

  • Getting started with Shopify

    Learn how to integrate Klaviyo with Shopify in order to bring your customer profile and order data into Klaviyo and reach customers with targeted messaging. Additionally, enable Klaviyo onsite tracking and sign-up forms, and sync data from Klaviyo to Shopify.

  • How to add coupon codes to sign-up forms

    Learn how to add static and unique coupon codes to your sign-up forms to drive higher submission and conversion rates, and encourage customers to spend more on your site.

¿Te ha resultado útil este artículo?
Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.

Descubre más sobre Klaviyo

Klaviyo Community
Conecta con compañeros, socios y expertos de Klaviyo para encontrar ideas, compartir información y resolver todas tus dudas.
Socios
Contrata a un experto certificado por Klaviyo para ayudarte con una tarea específica o para la gestión continua de marketing.
Asistencia

Accede al servicio de asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia por chat/virtual
La disponibilidad varía según la ubicación y el tipo de plan