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

Objetivos del artículo

Aprende a agregar un formulario incrustado de Klaviyo a tu sitio de Square Online, lo cual requiere crear un formulario en Klaviyo y luego pegar el código de incrustación en los archivos del sitio donde quieras que aparezca (p. ej., el pie de página).

Antes de empezar

Antes de crear un formulario de inserción en Klaviyo, asegúrate de haber integrado Klaviyo con Square y configurado el seguimiento en el sitio para habilitar la funcionalidad del formulario de registro. Si seleccionaste la configuración Agregar 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 configuración Agregar automáticamente el JavaScript onsite de Klaviyo.
4. Haz clic en Guardar.

Agrega el código de incrustación del formulario a tu sitio

Primero, crea y publica tu formulario incrustado en Klaviyo. En esta sección se explicarán los siguientes pasos para pegar el código de inserción del formulario en el sitio de Square Online, de modo 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. Abre la página en la que quieras insertar el formulario.
4. Selecciona Agregar sección > Insertar código y, luego, haz clic en Agregar.
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, reemplaza PUBLIC_API_KEY con tu clave de API pública de Klaviyo.
   • Para encontrar la 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. Regresa a Klaviyo y copia el código de incrustación del formulario desde la pestaña Segmentación y comportamiento dentro 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. El formulario incrustado se mostrará en el sitio y agregará nuevos suscriptores directamente a la lista de Klaviyo vinculada al formulario.

Si no ves el formulario, consulta cómo solucionar problemas con formularios insertados.

Siguientes pasos

Luego, crea una serie de bienvenida para generar un impacto inmediato en los nuevos suscriptores.

Recursos adicionales