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 incrustado en Klaviyo, asegúrate de haber integrado Klaviyo con Square y de haber configurado el seguimiento en el sitio para habilitar la funcionalidad del formulario de registro. Si seleccionaste el ajuste Añadir automáticamente el javascript en el sitio de Klaviyo (Recomendado) al integrar con Square, ya está todo listo.
Si no:
- En Klaviyo, selecciona la pestaña Integraciones.
- Haz clic en Square y luego selecciona la pestaña Settings.
- Marca la opción Añadir automáticamente el código JavaScript en el sitio de Klaviyo (opción recomendada).
- Pulsa Guardar configuración.
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.
- Ve a tu panel de Square Online.
- Haz clic en Sitio web > Editar sitio.
- Abre la página en la que quieras integrar el formulario.
- Selecciona Añadir sección > Código de inserción y, a continuación, haz clic en Añadir.
- Copia el siguiente fragmento de JavaScript en el sitio 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>- 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".
- Vuelve a Klaviyo y abre el formulario en el editor. Selecciona Segmentación y comportamiento > Visualización y, a continuación, copia el código del formulario en Código de inserción.
- En Square, pega el código de inserción en el cuadro Código que hay debajo de donde pegaste el otro script en el paso 5.
- Selecciona Listo.
- Selecciona Publicar para guardar los cambios.
Cuando 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 insertado se mostrará en el sitio y añadirá nuevos suscriptores directamente a la lista de Klaviyo vinculada al formulario.
Prueba el formulario con una nueva dirección de email. Si la lista usa la doble confirmación de registro, confirma la suscripción en el email de confirmación. Luego, comprueba que el nuevo suscriptor aparece en la lista vinculada al formulario en Klaviyo.
Si no ves tu formulario, consulta solucionar problemas con formularios incrustados.
Si decides desconectar tus integraciones de Square, tendrás que eliminar manualmente este código de inserción del editor del sitio de Square Online para eliminar tu formulario.
Próximos pasos
A continuación, crea una serie de bienvenida para generar un impacto inmediato en tus nuevos suscriptores.
Recursos adicionales
- Getting started with Square
Learn how to easily integrate Klaviyo with your Square Online site in order to sync customer profile, order, and catalog information to Klaviyo, along with order data from your Square Point of Sale (POS). With this data, you’ll be able to reach customers with targeted messaging through segmentation, automated flows, and campaigns.
- How to embed a sign-up form on your website
Learn how to add an embed sign-up form onto a specific page or location of your website (e.g., the footer), so shoppers looking to learn more about your brand can easily sign up. Embedding a sign-up form in the footer of your site to work in tandem with your other published forms is a Klaviyo best practice for optimizing list growth.
- How to verify that sign-up forms are enabled
Learn how to verify that sign-up form functionality is enabled on your website. This makes sure that sign-up forms published in Klaviyo display as expected on your site and sync all necessary data to Klaviyo.