Cómo añadir un formulario integrado a tu sitio de Shopify
Qué aprenderás
Descubre cómo añadir un formulario integrado de Klaviyo a tu sitio de Shopify. Esto implica crear un formulario en Klaviyo y luego pegar su código de integración en los archivos de tu sitio donde quieras que aparezca, como en el pie de página.
¿Ya usas un formulario de registro de Shopify? Si elegiste sincronizar los suscriptores de Shopify con Klaviyo al integrar, los nuevos suscriptores se sincronizarán automáticamente.
Antes de empezar
Antes de crear el formulario incrustado en Klaviyo, debes integrarte con Shopify y habilitar la funcionalidad de formularios de registro (también llamada «seguimiento en el sitio»). En las tiendas de Shopify, la inserción de la aplicación debe estar habilitada para que los formularios de registro se muestren y sincronicen los datos correctamente.
Para verificar que la integración de la aplicación esté habilitada, sigue estos pasos:
- Ve a la página de configuración de la integración de Shopify.
- Desplázate hasta la sección Seguimiento onsite.
- Si ves un banner verde que dice La integración de Klaviyo está activada en tu tienda de Shopify, ya está todo listo. Continúa con la siguiente sección del artículo para añadir el formulario de inserción a tu sitio.
- Si ves un banner verde que dice La integración de Klaviyo está activada en tu tienda de Shopify, ya está todo listo. Continúa con la siguiente sección del artículo para añadir el formulario de inserción a tu sitio.
- Si aparece un banner amarillo que indica La integración de Klaviyo está desactivada. Después de activarla, selecciona «Guardar» en el editor de temas de Shopify para que se guarde el cambio.
- Consulta nuestra guía sobre cómo habilitar el app embed de Klaviyo para Shopify antes de continuar con este artículo.
- Consulta nuestra guía sobre cómo habilitar el app embed de Klaviyo para Shopify antes de continuar con este artículo.
El ejemplo de este artículo utiliza un tema de Shopify 2.0. Tu tema puede ser diferente, lo que podría afectar a los nombres de algunos archivos o a las ubicaciones de algunos fragmentos de código.
Añadir un formulario integrado a tu sitio web
¿Quieres incrustar un formulario en una página de agradecimiento o de estado del pedido de Shopify? Shopify ya no admite esta funcionalidad de forma nativa, pero puedes usar las funciones de bloque de la aplicación de SMS de Klaviyo para recopilar el consentimiento de SMS en el proceso de pago de Shopify (solo Shopify Plus), en las páginas de agradecimiento o de estado del pedido.
- Crea tu formulario de integración.
- En el editor de formularios, selecciona Orientación y comportamiento > Mostrar.
- En Insertar código, copia el ID del formulario dentro del código, como se muestra a continuación:
- Publica el formulario.
- Accede a tu panel de Shopify.
- Selecciona Tienda online > Temas.
- Haz clic en Customize (Personalizar).
- En la barra de menú superior, selecciona la plantilla de página en la que quieres añadir el formulario (p. ej., tu página de inicio o la página de contraseña).
- En el menú de la izquierda, en Apps, selecciona Añadir sección > Apps > Formulario incrustado de Klaviyo.
- Si quieres que este formulario solo aparezca en esta página específica, hazlo en la sección Plantilla.
- Si quieres que este formulario solo aparezca en esta página específica, hazlo en la sección Plantilla.
- Si quieres que el formulario permanezca en todas las páginas de tu sitio web, hazlo en la sección Pie de página. Ten en cuenta que tener un formulario incrustado en el pie de página de tu sitio también es una práctica recomendada de Klaviyo para aumentar la lista.
- Haz clic en la sección Formulario integrado de Klaviyo que acabas de crear en el menú de la izquierda.
- Pega el ID del formulario que copiaste de Klaviyo en el cuadro de texto designado.
- Haz clic en Guardar para añadir el formulario insertado a la plantilla de la página. Ten en cuenta que el formulario insertado no aparecerá en la vista previa hasta que lo guardes.
- Opcional: después de guardar, puedes reorganizar la aplicación Klaviyo Embedded Form haciendo clic y arrastrándola dentro del menú.
Una vez que hayas pegado el código de inserción y guardado los cambios en Shopify, vuelve a tu sitio web y actualiza la página. Los visitantes del sitio verán tu formulario y tendrán la opción de unirse a tu lista completándolo.
Si no ves tu formulario, consulta solución de problemas de formularios incrustados.
Próximos pasos
A continuación, crea un flujo de serie de bienvenida para generar un impacto inmediato en tus nuevos suscriptores.
Recursos adicionales
- How to manage your sign-up forms
Learn tips for managing your existing sign-up forms so you can ensure they are aesthetically pleasing and functional for customers interested in engaging with your brand.
- 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.
- 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.