Referencia de migración de formularios de Amped.io
Objetivos del artículo
Aprende a migrar tus formularios de Amped.io (ahora bajo Mailchimp) a Klaviyo. A partir del 15/08/2025, Amped.io ya no es compatible con integraciones de terceros como Klaviyo. Esta guía funciona como referencia para ayudarte a identificar y documentar los elementos clave de los formularios existentes para que puedas reconstruirlos fácilmente en Klaviyo.
Antes de empezar
Como tendrás que volver a crear los formularios en Klaviyo, recomendamos hacer capturas de pantalla o documentar de otra forma los formularios y estilos de Amped.io para consultarlos como referencia. Repite este proceso para cada formulario de Mailchimp que pienses migrar a Klaviyo, y para cada paso que pueda tener un formulario.
Elementos del formulario
Para recrear con precisión tus formularios en Klaviyo, documenta a fondo la apariencia y la configuración de tus formularios actuales. En general, asegúrate de documentar o tomar capturas de pantalla de los siguientes elementos clave, junto con su configuración de estilo.
Campos
Documenta o toma una captura de pantalla de cada campo del formulario, incluido el campo estándar de correo electrónico. Esto también puede incluir campos como el número de teléfono, la fecha de nacimiento y cualquier otra información que estés recopilando de los clientes.
Asegúrate de tomar una captura de pantalla de:
- Etiquetas de campos
La etiqueta visible de cada campo (p. ej., "Nombre", "Color favorito", "Cumpleaños"). - Tipos de campo
Toma nota del tipo de cada campo (p. ej., texto, número, fecha, botones de opción, casillas de verificación, lista desplegable). - Etiquetas de combinación
Los campos de audiencia de Mailchimp asociados con cada campo. Así es como identificarás las propiedades personalizadas que debes crear en Klaviyo. - Texto de marcador de posición
Cualquier texto de ejemplo o instructivo que aparece dentro de un campo antes de que un usuario escriba en él.
En Mailchimp, puedes acceder a esta información al hacer clic directamente en un campo en el editor de formularios. Se abrirá un panel en el lado derecho que tiene la configuración del campo.
Aquí puedes encontrar información sobre los datos asociados con el campo, así como todos los estilos aplicados. Toma una captura de pantalla o documenta de otra manera esta configuración para poder consultarla cuando vuelvas a crear formularios en Klaviyo.
Texto del formulario
También debes crear un registro de todo el copy (es decir, el texto y el mensaje) en el formulario. Asegúrate de documentar:
- Encabezado del formulario
El encabezado principal del formulario (p. ej., "Suscríbete a nuestro boletín", "Obtén 10 % de descuento"). - Texto del cuerpo
Texto descriptivo que explique el valor de suscribirse, lo que recibirán o cualquier instrucción. - Texto del botón
El texto de cualquier botón (p. ej., "Suscribirse," "Reclama tu oferta," "Regístrame"). - Mensaje de confirmación
El mensaje que se muestra a una persona después de que envía el formulario. - Lenguaje de divulgación
Cualquier lenguaje de divulgación en el formulario que les indique a los clientes los detalles de a qué se están suscribiendo y cómo la marca usará su información.
En Mailchimp, puedes ver la configuración de un fragmento de texto al hacer clic en él en el editor de formularios. Se abrirá un panel del lado derecho, donde puedes encontrar todos los estilos aplicados. Toma una captura de pantalla o documenta esta configuración de otra forma para poder consultarla al volver a crear formularios en Klaviyo.
Botones
Los botones son otro elemento clave del formulario. Es posible que tengas algunos botones si el formulario tiene varios pasos, así que asegúrate de registrar la configuración de todos ellos. Asegúrate de documentar:
- Diseño y estilo
Los colores de tus botones (p. ej., colores de texto, colores de fondo, etc.), el relleno y las fuentes. - Etiquetas
El texto de los botones (p. ej., "Enviar", "Registrarse", "Reclamar descuento", "Siguiente"). - Comportamiento del botón
El comportamiento de los botones cuando los clientes hacen clic en ellos (p. ej., ir al siguiente paso, enviar, redirigir, etc.). - Recopilación de datos
Si tienes algún botón que recopile información de los clientes (por ejemplo, botones de opción), documenta las etiquetas de audiencia con las que se relacionan en Mailchimp para que puedas recrearlas como propiedades personalizadas en Klaviyo. - Estado deshabilitado
¿Cómo se ve el botón cuando está deshabilitado (por ejemplo, antes de completar todos los campos obligatorios)? Esto incluye un cambio de color y de estilo del cursor.
En Mailchimp, puedes ver la configuración de un botón haciendo clic en él en el editor de formularios. Se abrirá un panel en el lado derecho que tiene la configuración del botón. Aquí puedes encontrar información sobre el comportamiento del botón, así como todos los estilos aplicados. Toma una captura de pantalla o documenta de otra manera esta configuración para poder consultarla cuando vuelvas a crear formularios en Klaviyo.
adelanto
Si tienes habilitado un adelanto de formulario en Mailchimp, documenta el contenido y la apariencia para que puedas reconstruirlo en Klaviyo. Toma capturas de pantalla o documenta de otra manera:
- Contenido de adelanto
Cualquier texto o imágenes en el adelanto y el llamado a la acción. - Diseño y estilo del adelanto
Toma nota de los detalles de diseño y estilo, como dónde aparece el adelanto en la pantalla, su forma y tamaño, los colores y las fuentes. - Visualización y comportamiento del adelanto
Documenta la configuración de visualización y comportamiento del adelanto, como el activador, la frecuencia y la visibilidad.
En el creador de formularios de Mailchimp, los adelantos se llaman elementos de segunda oportunidad. Para ver la configuración del adelanto:
- En el panel Pasos, haz clic en Seguimiento.
- Haz clic en Contenedor de 2.ª oportunidad.
- Ver y documentar la configuración del adelanto en el panel derecho.
Comportamiento y funcionalidad
Una vez que hayas registrado los elementos visuales de tu formulario de Mailchimp, el siguiente paso es capturar su comportamiento y funcionalidad. Asegúrate de documentar la siguiente configuración en tus formularios de Mailchimp:
- Momento de visualización
Documenta cómo y cuándo aparece el formulario (por ejemplo, al cargar la página, después de un retraso, al intentar salir, según el porcentaje de desplazamiento). - Frecuencia de visualización
Indica con qué frecuencia se muestra el formulario a un usuario (p. ej., mostrar una vez por sesión, mostrar cada vez). - Indicaciones especiales de interactividad
Incluye cualquier interacción o activador específico (por ejemplo, que algo ocurra cuando ocurre otra cosa). - Reglas de segmentación
- URLs
¿En qué páginas debería aparecer el formulario y de cuáles debería excluirse? - Dispositivos
¿En qué dispositivos se debe mostrar el formulario (es decir, móvil, escritorio o ambos)? - Tipo de visitante
¿El formulario debe estar dirigido a perfiles nuevos o que regresan? - Segmentación geográfica
¿El formulario está dirigido a ubicaciones geográficas específicas? - Parámetros de UTM
¿El formulario se activa con parámetros de UTM específicos?
- URLs
Para ver la configuración de comportamiento y funcionalidad de un formulario de Mailchimp:
- Selecciona Editar junto al formulario en la página Formularios de Mailchimp.
- Selecciona Editar la configuración del sitio para ¿Dónde debería mostrarse?
- Selecciona Editar segmentación para ¿Quién debería verlo?
- Selecciona Editar activadores para ¿Cuándo debe mostrarse?
- Documenta o toma una captura de pantalla de la configuración de cada una de estas.
Recursos
Imágenes y logotipos
Asegúrate de exportar cualquier imagen y logotipo que tengas en tus formularios de Mailchimp y que quieras traer a Klaviyo.
Para exportar una imagen desde un formulario de Mailchimp:
- Selecciona la imagen en el editor de formularios de Mailchimp.
- Haz clic en el botón de descarga en el panel lateral derecho.
Fuentes
Asegúrate de documentar las fuentes de cualquier elemento de texto en el formulario de Mailchimp. Ten en cuenta que cada fragmento de texto (p. ej., encabezados, etiquetas de botón, etc.) puede tener su propia fuente.
Puedes ver una lista de todas las fuentes usadas en un formulario de Mailchimp desde la página de resumen en el creador de formularios.
También puedes ver la fuente usada para un elemento específico al hacer clic en él. Los estilos y la fuente usada se mostrarán en el panel del lado derecho.
Colores
Si quieres usar los mismos colores en tus formularios de Klaviyo, copia el código hexadecimal de cada color desde tus formularios de Mailchimp. Cada código hexadecimal representa un color específico, lo que te permite recrear tus formularios en Klaviyo con exactamente los mismos colores.
Puedes ver una lista de todos los colores usados en un formulario de Mailchimp y sus códigos hexadecimales desde la página de resumen en el creador de formularios.
También puedes ver los colores que se usan para un elemento específico al hacer clic en él. Los estilos y colores que se usan se mostrarán en el panel del lado derecho.
Crear formularios en Klaviyo
Una vez que hayas seguido los pasos anteriores y documentado los componentes clave de tus formularios en Mailchimp, puedes usar el siguiente proceso cuando estés listo para volver a crear formularios en Klaviyo.
Vuelve a crear el formulario en Klaviyo
Para empezar a reconstruir tu formulario en tu cuenta de Klaviyo, sigue estos pasos:
- Ve a Formularios de registro y haz clic en Crear formulario. Si se te pide elegir un canal, ingresa un nombre del formulario, selecciona Web y haz clic en Crear.
- Crear un formulario en blanco
Haz clic en Crear formulario en blanco. Ingresa un nombre para el formulario y elige el tipo de formulario que coincida con tu formulario de Mailchimp (p. ej., ventana emergente, desplegable, página completa o incrustado). Si aparece un selector de canal, elige Web. Selecciona la lista que debe recibir nuevos suscriptores y luego haz clic en Guardar y diseñar para abrir el editor de formularios. - Agrega contenido y campos de entrada
- Haz clic en Añadir contenido. Usa la información de la lista de verificación para añadir bloques de texto, bloques de imagen y campos.
- Para cada campo personalizado, selecciona el campo y elige sus propiedades del perfil. Selecciona una propiedad existente o escribe un nuevo nombre de propiedad y elige la opción Crear para ese nombre.
- Si necesitas pasos adicionales en el formulario, haz clic en Agregar paso, selecciona un tipo de paso, completa su configuración y haz clic en Agregar paso para agregarlo. Vuelve a crear el texto y los campos en cada paso y luego selecciona Éxito para editar el mensaje de confirmación.
- Selecciona cada botón y recrea su acción, como pasar al siguiente paso o redirigir a una URL. Para un botón que recopila suscriptores de correo electrónico, elige Enviar formulario y revisa que Lista a la que se enviará sea la lista de destino prevista.
- En los formularios emergentes, desplegables y de página completa, selecciona Adelanto si necesitas recrear el adelanto que documentaste. Haz que coincidan el contenido, la apariencia y la configuración de visualización.
- Dale estilo al formulario.
- Haz clic en Editar estilos en el editor de formularios y luego ajusta los colores, las fuentes y el diseño para que coincidan con tu marca y el formulario original de Mailchimp.
- Puedes agregar imágenes de fondo e imágenes laterales.
- Guías relevantes: Comprender los estilos de un formulario de registro
Configura la segmentación y el comportamiento
Para configurar los ajustes de segmentación y comportamiento del formulario en Klaviyo:
- Selecciona el control Targeting & behavior en la barra lateral izquierda del editor de formularios.
- Configurar reglas de visualización
En la pestaña Visualización, configura cuándo y cómo debe aparecer el formulario. Para los formularios incrustados, omite Tiempo y Frecuencia; el código de inserción define dónde aparece el formulario en tu sitio web.- En Timing > Mostrar formulario, selecciona Inmediatamente para mostrarlo al cargar la página, o Según reglas para configurar un retraso, intención de salida o porcentaje de desplazamiento.
- En Frequency, establece cuántos días esperar antes de volver a mostrar el formulario después de que un visitante lo cierre. Elige si se debe dejar de mostrar después de que se envíe un formulario o se haga clic en un botón de ir a URL.
- Especifica Dispositivos (es decir, computadoras de escritorio, dispositivos móviles o ambos).
- Define tu audiencia
Selecciona la pestaña Segmentación para configurar quién debe ver el formulario y dónde debe aparecer.- En Audiencia, elige si quieres mostrar el formulario a todos los miembros de la audiencia, ocultarlo de los perfiles existentes de Klaviyo o dirigirte a perfiles existentes según el estado de suscripción o la pertenencia a una lista o segmento. Klaviyo debe identificar a un visitante para dirigirse a esa persona como un perfil existente; un visitante recurrente del sitio web no necesariamente está identificado.
- Segmenta URL específicas si el formulario solo debe aparecer en páginas específicas.
- En Ubicación, selecciona países o regiones si el formulario debe aparecer para clientes en ubicaciones específicas.
- Usa parámetros de UTM si el formulario se activa con UTMs específicas.
Siguientes pasos
Una vez que hayas reconstruido correctamente tus formularios de Mailchimp en Klaviyo, hay algunos pasos siguientes para garantizar una transición sin contratiempos.
- Configura un flujo de bienvenida
Asegúrate de que tu flujo de bienvenida se active a partir de la lista que conectaste al formulario. Configura sus mensajes como En vivo cuando estén listos para enviarse automáticamente.- Si la lista usa doble confirmación de suscripción para correo electrónico, un nuevo suscriptor debe confirmar su suscripción antes de que se lo agregue a la lista y pueda entrar a su flujo de bienvenida.
- Configurar cupones de formulario
Puedes mostrar cupones en el mensaje de éxito del formulario o incluirlos en el correo electrónico de bienvenida.
Publicar y reemplazar
Revisa la instalación en el sitio web, publica y prueba el formulario de Klaviyo y luego elimina el formulario correspondiente de Mailchimp.
- Comprobar la instalación del sitio web
- Asegúrate de que el seguimiento en el sitio de Klaviyo (Klaviyo.js) esté instalado en el sitio para formularios emergentes, desplegables, de página completa y incrustados.
- Para los formularios incrustados, ve a Segmentación y comportamiento > Visualización en el editor de formularios y copia el código de inserción específico del formulario. Agrégalo a tu sitio web donde quieras que aparezca el formulario, siguiendo las instrucciones para tu plataforma de ecommerce, y guarda los cambios en el sitio web.
- Publica el formulario de Klaviyo
Una vez que estés conforme con el formulario, haz clic en Publicar o programar. Resuelve cualquier alerta que bloquee, selecciona Publicar ahora y luego haz clic en Publicar ahora para activar el formulario. - Prueba el formulario de reemplazo
Visita el sitio web en una ventana de incógnito para probar un formulario diseñado para visitantes no identificados. Para un formulario dirigido a perfiles existentes, usa un visitante de prueba identificado que coincida con la configuración de la audiencia. Visita una página que cumpla con los requisitos y respeta las reglas configuradas de dispositivo, ubicación, método de seguimiento de Urchin (UTM) y tiempo.- Completa cada paso del formulario y envía un registro de prueba. Revisa las acciones del botón, el mensaje de confirmación y el adelanto, si usas uno.
- Confirma las propiedades personalizadas y la lista de destino del perfil de prueba en Klaviyo. Si la lista usa doble confirmación de suscripción por correo electrónico, primero confirma la suscripción. Si ofreces un cupón o un correo electrónico de bienvenida, verifica que se entregue como se espera.
- Quita el formulario de Mailchimp
Desactiva o elimina el formulario correspondiente de la cuenta de Mailchimp para evitar que ambos formularios aparezcan.
Recursos adicionales
- Getting started with sign-up forms
Learn how to create and customize sign-up forms in Klaviyo to publish on your website so you can engage shoppers, collect emails and phone numbers, and build long-lasting customer relationships.
- Understanding styles for a sign-up form
Learn how to use Klaviyo’s sign-up form builder to design your form by editing the design settings available in the Styles section. Style settings apply across your sign-up form, including in all of a form’s steps and in its success message.
- Understanding targeting and behavior settings for sign-up forms
Learn about the Targeting & behavior section of the sign-up form editor, where you can control and change when a form appears on your site, and who sees it. Open the form editor for an existing sign-up form, then select Targeting & behavior to adjust the display and targeting settings covered in this guide.