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

Qué aprenderás

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 de registro en Klaviyo, debes integrarlo con Shopify y habilitar la funcionalidad de formulario de registro (también llamada "seguimiento in situ"). Para Shopify tienda, la incrustación de la app debe estar habilitada para que el formulario de registro muestre y sincronice los datos correctamente. 

Para verificar que la app incrustada está habilitada:

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á habilitada en tu Shopify tienda, 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 habilitar 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ñade un formulario incrustado a tu sitio

Primero, crea y publica tu formulario incrustado en Klaviyo. Una vez que lo hayas hecho, sigue los siguientes pasos para pegar el código de incrustación de tu formulario en la página de tu sitio Shopify en la que quieres que se muestre el formulario.

1. Si aún no lo has hecho, copia el código de incrustación de tu formulario de incrustación. Puedes acceder al código de incrustación del formulario abriendo el formulario en el editor y haciendo clic en la sección de comportamiento Targeting & .
   
2. Navega a tu panel de Shopify.
3. Selecciona tienda en línea > Temas.
4. Haz clic en Personalizar.
   
5. 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 la página de Contraseña).
   
6. 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 incrustación en el pie de página de tu sitio también es una buena práctica de Klaviyo para lista crecimiento.
     
7. Haz clic en la sección Formulario incrustado Klaviyo recién creada en el menú de la izquierda.
8. Pega el código de inserción que has copiado de Klaviyo en el cuadro de texto designado.
   
9. 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.
10. 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.

Próximos 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
• Introducción a los formularios de registro