Cómo añadir un formulario incrustado de Klaviyo a tu sitio de Square Online

Qué aprenderás

Descubre cómo añadir un formulario incrustado de Klaviyo a tu sitio de Square Online. Para ello, tendrás que crear un formulario en Klaviyo y, luego, pegar el código de inserción en los archivos de tu sitio donde quieras que aparezca (p. ej., en el pie de página).

Antes de empezar

Antes de crear un formulario integrado en Klaviyo, asegúrate de haber integrado Klaviyo con Square y de configurar el seguimiento en el sitio para habilitar la funcionalidad de los formularios de registro. Si marcaste la opción Añadir automáticamente JavaScript en el sitio de Klaviyo al integrar con Square, ya está todo listo.

Si no:

1. En Klaviyo, selecciona la pestaña Integraciones.
2. Haz clic en Square.
3. Marca la opción de configuración Añadir automáticamente el javascript de Klaviyo en el sitio.
4. Pulsa Guardar.

Añade el código de integración del formulario a tu sitio web

Primero, crea y publica tu formulario integrado en Klaviyo. En esta sección se explicarán los siguientes pasos para pegar el código de inserción de tu formulario en tu sitio de Square Online para que se muestre y sincronice los datos correctamente.

1. Ve a tu panel de Square Online.
2. Haz clic en Sitio web > Editar sitio.
3. Ve a la página donde quieras integrar el formulario.
4. Selecciona Añadir sección > Código de inserción y, a continuación, haz clic en Añadir.
5. Copia el siguiente script y pégalo en el cuadro Código:
   

<script type="text/javascript" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>

1. En el código que acabas de pegar, sustituye PUBLIC_API_KEY por tu clave de API pública de Klaviyo.
   • Para encontrar tu clave de API pública, ve a Configuración > Clave de API en Klaviyo. Este es un código de 6 caracteres, también conocido como tu "ID de cuenta".
2. Vuelve a Klaviyo y copia el código de integración de tu formulario desde la pestaña Segmentación y comportamiento del editor de formularios.
   

3. En Square, pega el código de inserción en el cuadro Código debajo de donde pegaste el otro script en el paso 5.
4. Selecciona Listo.
5. Selecciona Publicar para guardar los cambios.

Una vez que hayas pegado el código de inserción y guardado los cambios en Square, vuelve a tu sitio web y actualiza la página. Tu formulario incrustado se mostrará en tu sitio y añadirá nuevos suscriptores directamente a la lista de Klaviyo vinculada al formulario.

Si no ves tu formulario, consulta solucionar problemas con formularios incrustados.

Próximos pasos

A continuación, crea una serie de bienvenida para generar un impacto inmediato en tus nuevos suscriptores.

Recursos adicionales