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

Objetivos de aprendizaje

Aprende a añadir 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 de tu sitio donde quieras que aparezca, como en el pie de página.

Antes de empezar

Antes de crear el formulario incrustado en Klaviyo, debes integrarte con Shopify y activar la funcionalidad de formulario de registro (también llamada "seguimiento in situ"). Para Shopify tienda, comercio, la incrustación de la aplicación debe estar activada para que el formulario de registro muestre y sincronice los datos correctamente. 

Para verificar que la incrustación de la app está activada:

1. Navega a tu páginaShopify configuración de integración. 
2. Desplázate hasta la sección Seguimiento in situ.
   • Si ves un banner verde que dice La incrustación de la aplicación Klaviyo está activada en tu Shopify tienda, comercio, ya está todo listo. Continúa en la siguiente sección del artículo para añadir el formulario de incrustación a tu sitio.
     
   • Si aparece un banner amarillo, la incrustación de la aplicación Klaviyo está desactivada. Después de activarlo, selecciona "Guardar" en el editor de temas de Shopify para aplicar el cambio.
     
     • Consulta nuestra guía sobre cómo activar la incrustación de aplicaciones de Klaviyo para Shopify antes de continuar con este artículo.
       

El ejemplo de este artículo utiliza un tema Shopify 2.0. Tu tema puede ser diferente, lo que podría afectar a los nombres de algunos archivos o a las ubicaciones de los fragmentos de código.

Añadir un formulario a tu sitio web

¿Quieres incrustar un formulario en una página de agradecimiento o de estado del pedido de Shopify? Shopify ya no dispone de forma nativa de esta funcionalidad, pero puedes utilizar Klaviyo's SMS app bloque funciones/características para recoger el consentimiento para enviar SMS en Shopify página de pago ( sóloShopify Plus), en las páginas de agradecimiento o de estado del pedido. 

1. Crea tu formulario de incrustación.
2. En el editor de formularios, selecciona Orientación y comportamiento > Mostrar. 
3. En Incrustar código, copia el ID del formulario dentro del código, como se muestra a continuación:
   
4. Publica tu formulario. 
5. Navega 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 deseas añadir el formulario (por ejemplo, tu página de Inicio o tu página de Contraseña).
   
9. En el menú de la izquierda, debajo de Apps, selecciona la sección Añadir > Apps > Klaviyo Embedded Form. 
   • Si sólo quieres que este formulario aparezca en esta página concreta, hazlo en la sección plantilla. 
     
   • Si quieres que el formulario persista 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 de inserción en el pie de página de tu sitio web también es una buena práctica de Klaviyo para el crecimiento de la lista.
     
10. Haz clic en la sección Formulario incrustado Klaviyo recién creada en el menú de la izquierda.
11. Pega el ID del formulario que copiaste de Klaviyo en el cuadro de texto designado.
    
12. Haz clic en Guardar para añadir tu formulario incrustado a la plantilla de página. Ten en cuenta que el formulario de incrustación no aparecerá en la vista previa hasta después de guardar.
13. Opcional: Después de guardar, puedes reorganizar la app Formulario incrustado Klaviyo haciendo clic y arrastrándola dentro del menú. 

Una vez que hayas pegado el código de incrustación y guardado los cambios en Shopify, navega de nuevo 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 la solución de problemas de los formularios incrustados.

Siguientes pasos

A continuación, crea una serie de flujo de bienvenida para causar un impacto inmediato en tu nuevo suscriptor.

Recursos adicionales

• Cómo cambiar la lista a la que se envía un formulario
• Primeros pasos con Shopify
• Primeros pasos con los formularios de registro