Cómo añadir un formulario incrustado a tu sitio de Shopify

Objetivos del artículo

Aprende a agregar un formulario incrustado de Klaviyo a tu sitio de Shopify. Esto implica crear un formulario en Klaviyo y luego pegar su código de incrustación en los archivos del sitio donde quieres que aparezca, como en el pie de página.

Antes de empezar

Antes de crear el formulario insertado en Klaviyo, debes integrarte con Shopify y habilitar la funcionalidad de formulario de registro (también llamada "seguimiento en el sitio"). Para tiendas Shopify, la inserción de la app debe estar habilitada para que el formulario de registro se muestre y sincronice los datos correctamente.

Para verificar que la incrustación de la aplicación esté habilitada:

1. Navega a la página de configuración de integración de Shopify.
2. Desplázate a la sección Seguimiento en el sitio.
   • Si ves un banner verde que dice La incrustación de la aplicación de Klaviyo está habilitada en tu tienda de Shopify, ya está todo listo. Continúa con la siguiente sección del artículo para agregar el formulario incrustado a tu sitio.
     

• Si aparece un banner amarillo que muestra La incrustación de la aplicación de Klaviyo está desactivada. Después de activarla, selecciona ‘Guardar’ en el editor de temas de Shopify para aplicar el cambio.
  
  • Consulta nuestra guía sobre cómo habilitar la inserción de la app de Klaviyo para Shopify antes de continuar con este artículo.
    

El ejemplo de este artículo usa un tema de Shopify 2.0. Es posible que el tema sea diferente, lo que podría afectar los nombres de algunos archivos o la ubicación de algún fragmento de código.

Añade un formulario incrustado a tu sitio web

¿Buscas insertar 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 app de SMS de Klaviyo para recopilar el consentimiento para SMS en el proceso de pago de Shopify (solo Shopify Plus), en páginas de agradecimiento o de estado del pedido.

1. Crea el formulario incrustado.
2. En el editor de formularios, selecciona Segmentación y comportamiento > Visualización.
3. En Código de inserción, copia el ID del formulario desde el código, como se muestra a continuación:
   

4. Publica el formulario.
5. Accede a tu panel de Shopify.
6. Selecciona Tienda en línea > Temas.
7. Haz clic en Personalizar.
   

8. En la barra de menú superior, elige la plantilla de página en la que quieres agregar el formulario (por ejemplo, la página de inicio o la página de contraseña).
   

9. En el menú de la izquierda, en Apps, selecciona Agregar sección > Apps > Formulario incrustado de Klaviyo.
   • Si solo quieres que este formulario aparezca en esta página específica, hazlo en la sección plantilla.
     

• Si quieres que el formulario permanezca en todas las páginas del sitio web, hazlo en la sección Pie de página. Ten en cuenta que tener un formulario insertado en el pie de página del sitio también es una práctica recomendada de Klaviyo para aumentar las listas.
  

10. Haz clic en la sección Formulario integrado de Klaviyo recién creada en el menú izquierdo.
11. Pega el ID del formulario que copiaste de Klaviyo en el cuadro de texto designado.
    

12. Haz clic en Guardar para agregar el formulario insertado a la plantilla de la página. Ten en cuenta que el formulario insertado no aparecerá en la vista previa hasta después de guardar.
13. Opcional: Después de guardar, puedes reorganizar la app 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 al completarlo.

Si no ves el formulario, consulta solución de problemas de formularios insertados.

Siguientes pasos

A continuación, crea un flujo de serie de bienvenida para lograr un impacto inmediato en los nuevos suscriptores.

Recursos adicionales