Cómo integrar un formulario de registro en tu página de confirmación de pedido de BigCommerce

Qué aprenderás

Descubre cómo insertar un formulario de registro en tu página de confirmación de BigCommerce para recopilar información adicional de los clientes después de que completen el proceso de pago. Estos clientes recientes ya están interesados en tu marca, por lo que la confirmación presenta una gran oportunidad para que sigas interactuando con ellos.

Antes de empezar

Asegúrate de que has integrado BigCommerce y has marcado la opción Añadir automáticamente el fragmento de código Klaviyo Onsite Javascript.

Crear tu formulario

Puedes crear un formulario de registro e insertarlo en tu página de confirmación para hacer preguntas relevantes a tus clientes después de completar la compra. Por ejemplo, podrías hacer preguntas para obtener más información sobre con qué frecuencia un cliente usa tus productos o en qué posibles productos nuevos podría estar interesado en comprar.

Para crear tu formulario de registro:

1. En Klaviyo, ve a Formularios de registro > Crear formulario de registro > Crear desde cero.
2. En el menú que aparece, ponle un nombre al formulario y selecciona una lista a la que los nuevos suscriptores se enviarán al enviarlo.
3. Selecciona Integrado como el tipo de formulario.
   

4. Haz clic en Guardar y diseñar.
5. Esto te llevará al editor de formularios, donde podrás editar los siguientes estilos:
   • Estilos: Edita el aspecto de tu formulario para que coincida con tu marca, como los estilos del formulario o del campo y el tipo de fuente. También puedes editar cualquier texto haciendo clic en él y sustituyendo el idioma predeterminado por el tuyo.
   • Añadir bloques: aquí puedes añadir contenido a tu formulario para recopilar información, como un cuadro de texto para una pregunta o un campo de fecha para un cumpleaños. Asegúrate de configurar una propiedad de perfil con cada campo que añadas y de no abrumar a los clientes con demasiadas preguntas.
   • Segmentación y comportamiento: Elige si quieres que el formulario aparezca en ordenador, en móvil o en ambos. Mantén el formulario configurado en Mostrar a todos los visitantes o No mostrar a perfiles existentes de Klaviyo.
6. En la barra de menús, selecciona Éxito para editar la página que se muestra después de que alguien envíe tu formulario.
7. Cuando hayas terminado de editar el diseño del formulario, haz clic en Publicar.
8. En el modal que aparece, copia tu código de inserción para tenerlo listo para pegarlo.
   

9. Haz clic en Publicar.

Tu formulario no aparecerá en tu sitio hasta que hayas pegado el código de integración en el código de tu sitio.

Verifica la configuración de confirmación de registro de esa lista para que la experiencia del cliente sea fluida. Si la lista es de doble confirmación de registro, querrás editar las páginas de confirmación. Todas las listas de Klaviyo están configuradas con la doble confirmación de registro de forma predeterminada.

Añadir el código de integración a tu sitio de BigCommerce

1. Ve a la página de administración de BigCommerce.
2. Ve a Tienda > Mánager de scripts y haz clic en Crear un script.
3. Asigna un nombre al script y configúralo con lo siguiente:
   • Ubicación: encabezado
   • Descripción (opcional): describe el propósito del script
   • Páginas donde se añadirá el script: Confirmación de pedido
   • Tipo de script: Script
     

4. Elimina el contenido del script y, en su lugar, pega el siguiente código para añadir klaviyo.js a tu página de confirmación. Ten en cuenta que debes hacerlo incluso si antes instalaste klaviyo.js en tu sitio web:
   

  <script src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js" async=""></script>
  <script>
     document.addEventListener("DOMContentLoaded", function() {       var elem = document.createElement('div');
     elem.className = 'klaviyo-form-FORM_ID'
     document.body.appendChild(elem);
     });</script>

1. En el fragmento anterior, sustituye PUBLIC_API_KEY por la clave de API pública de tu sitio.
2. En el fragmento anterior, sustituye FORM_ID por el ID de tu formulario. Para encontrar el ID de tu formulario, ve al formulario integrado en tu cuenta de Klaviyo. El ID del formulario es el código de 6 letras que aparece al final de la URL.
   

3. Cuando hayas completado todos los detalles del script, haz clic en Guardar.

Tu formulario incrustado se mostrará ahora en la parte inferior de la página después de que alguien haga un pedido. Según tu tema, puede que quieras editar el borde, el relleno o el tamaño de tu formulario en la sección Estilos para asegurarte de que coincida con el diseño de tu página de confirmación de pedido; publica los cambios que realices para verlos reflejados.

Próximos pasos

Después de que empieces a recopilar respuestas con tu formulario incrustado, cada envío se almacenará en el perfil del cliente como una propiedad personalizada, disponible para usarla en segmentos, flujos y plantillas de email.

En función de las respuestas, puedes ramificar la experiencia de poscompra. También puede interesarte ramificar tu serie de bienvenida en función de estos datos o crear segmentos relevantes para enviar campañas. Por ejemplo, supongamos que decidimos lanzar una nueva máscara de pestañas. Dado que estamos recopilando datos de interés por el producto en este formulario incrustado, podemos avisar a cualquiera que nos haya dicho que estaba interesado en la máscara de pestañas cuando el producto se lance.

Recursos adicionales