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

Objetivos de aprendizaje

Aprende a añadir un formulario incrustado de Klaviyo a tu sitio Square Online, lo que requiere crear un formulario en Klaviyo, y luego pegar su código incrustado en los archivos de tu sitio donde quieras que aparezca (por ejemplo, en el pie de página).

Antes de empezar

Antes de crear un formulario incrustado en Klaviyo, asegúrate de que has integrado Klaviyo con Square y configurado el seguimiento in situ para habilitar la funcionalidad del formulario de registro. Si has marcado la opción Añadir automáticamente JavaScript in situ de Klaviyo al integrar con Square, ya está todo listo. 

Si no es así:

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

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

Primero, crea y publica tu formulario incrustado en Klaviyo. Esta sección repasará los siguientes pasos para pegar el código de incrustación de tu formulario en tu sitio Square Online para que muestre y sincronice los datos correctamente.

1. Navega a tu panel de Square Online.
2. Haz clic en Sitio web > Editar sitio.
3. Abre la página en la que quieras incrustar el formulario.
4. Selecciona Añadir sección > Incrustar código y, a continuación, haz clic en Añadir.
5. Copia el siguiente script y pégalo en la casilla Código:
   

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

6. 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 pública de API, navega a Configuración > clave de API en Klaviyo. Se trata de un código de 6 caracteres, también denominado ID de tu cuenta "."
7. Navega de nuevo a Klaviyo y copia el código de incrustación de tu formulario en la pestaña Comportamientos de & dentro del editor de formularios.
   
8. En Square, pega el código de incrustación en la casilla Código, debajo de donde pegaste el otro script en el paso 5.
9. Selecciona Hecho.
10. Selecciona Publicar para guardar los cambios.

Una vez que hayas pegado el código de incrustación y guardado los cambios en Square, nagivate de nuevo 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 Klaviyo vinculada al formulario. 

Si no ves tu formulario, consulta la solución de problemas de los formularios incrustados. 

Siguientes pasos

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

Recursos adicionales

• primeros pasos con Square
• Cómo incrustar un formulario de registro
• Cómo comprobar que los formularios de registro están activados