Referencia para la migración de formularios de Amped.io

Qué aprenderás

Aprende a migrar tus formularios de Amped.io (ahora bajo Mailchimp) a Klaviyo. A partir del 15 de agosto de 2025, Amped.io dejará de ofrecer asistencia para integraciones de terceros como Klaviyo. Esta guía sirve como referencia para ayudarte a identificar y documentar los elementos clave de tus formularios existentes, de modo que puedas reconstruirlos fácilmente en Klaviyo. 

Antes de empezar 

Dado que tendrás que volver a crear tus formularios en Klaviyo, te recomendamos que hagas capturas de pantalla o documentes de alguna otra forma los formularios y estilos de Amped.io para poder consultarlos. Repite este proceso para cada formulario de Mailchimp que desees migrar a Klaviyo y para cada paso que pueda tener un formulario. 

Formulario elemento 

Para recrear con precisión tus formularios en Klaviyo, documenta minuciosamente el aspecto y la configuración de los formularios existentes. En general, asegúrate de documentar o hacer una captura de pantalla de los siguientes elementos clave, junto con su configuración de estilo.

campo 

Documenta o captura 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 recopiles del cliente.

Asegúrate de hacer una captura de pantalla: 

• Etiquetas de campo
  La etiqueta visible para cada campo (por ejemplo, "First Name," " Favorite Color," " Birthday").
• Tipos de campos
  Toma nota del tipo de cada campo (por ejemplo, texto, número, fecha, botones de opción, casillas de verificación, menú desplegable).
• Combinar etiqueta
  Mailchimp a los campos de audiencia asociados a cada campo. Así es como identificarás las propiedades personalizadas que debes crear en Klaviyo.
• Texto de marcador de posición
  Cualquier ejemplo o texto instructivo que aparece dentro de un campo de entrada antes de que el usuario escriba en él.

En Mailchimp, puedes acceder a esta información haciendo clic directamente en un campo del editor de formularios. Se abrirá un panel en el lado derecho con la configuración del campo de entrada. 

Aquí puedes encontrar información sobre los datos asociados al campo, así como todos los estilos aplicados. Haz una captura de pantalla o documenta estos ajustes para poder consultarlos cuando vuelvas a crear los formularios en Klaviyo. 

Copiar formulario

También debes crear un registro de todo el contenido (es decir, el texto y los mensajes) de tu formulario. Asegúrate de documentar: 

• Encabezado del formulario 
  El encabezado principal del formulario (por ejemplo, « "», «Únete a nuestro boletín informativo», «" », « "», «Consigue 10% Off», «" »).
• Texto del cuerpo
  Cualquier texto descriptivo que explique el valor de suscribirse, lo que recibirán o cualquier instrucción.
• Texto de los botones
  El texto de cualquier botón (por ejemplo, « "», «suscribirse», «" », « "», «Claim Your Offer», «" », « "», «Sign Me Up», «" »).
• Mensaje de confirmación 
  Mensaje que se muestra al usuario después de enviar el formulario.

• Texto de divulgación
  Cualquier texto de divulgación que aparezca en tu formulario y que informe al cliente sobre los detalles de lo que está suscribiendo y cómo tu marca utilizará su información.

En Mailchimp, puedes ver la configuración de un fragmento de texto haciendo clic sobre él en el editor de formularios. Se abrirá un panel en el lado derecho donde podrás encontrar todos los estilos aplicados. Haz una captura de pantalla o documenta estos ajustes para poder consultarlos cuando vuelvas a crear los formularios en Klaviyo. 

Botones

Los botones son otro elemento clave de tu formulario. Es posible que tengas varios botones si tu 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 (por ejemplo, colores del texto, colores de fondo, etc.), el relleno y las fuentes.
• Etiquetas 
  El texto de tus botones (por ejemplo, « "» (Enviar), «" » (Regístrate), « "» (Registrarse), «" » ( "), «Claim Your Discount» (Reclama tu descuento), «" » ( "), «Next» (Siguiente), «" » (Regístrate ahora)).

• Comportamiento de los botones 
  El comportamiento de tus botones cuando el cliente hace clic en ellos (por ejemplo, pasar al siguiente paso, enviar, redirigir, etc.).

• Recopilación de datos 
  Si tienes botones que recopilan información del cliente (por ejemplo, botones de radio), documenta la etiqueta de audiencia a la que se refieren en Mailchimp para poder recrearlos como propiedades personalizadas en Klaviyo.
• Desactivar estado
  ¿Cómo se ve el botón cuando está deshabilitado (por ejemplo, antes de que se completen todos los campos obligatorios)? Esto incluye un cambio en el color y el 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 con la configuración del botón. Aquí puedes encontrar información sobre el comportamiento de los botones, así como todos los estilos aplicados. Haz una captura de pantalla o documenta estos ajustes para poder consultarlos cuando vuelvas a crear los formularios en Klaviyo. 

adelanto

Si tienes un formulario de adelanto habilitado en Mailchimp, documenta el contenido y la apariencia para que puedas reconstruirlo en Klaviyo. Haz capturas de pantalla o documenta de cualquier otra forma: 

• Contenido del adelanto 
  Cualquier copia o imagen del adelanto y la llamada a la acción.

• Diseño y estilo del adelanto
  Toma nota de los detalles de diseño y estilo, como la ubicación del 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 la pantalla y el comportamiento del Adelanto, como la configuración de activación, frecuencia y visibilidad.

En el generador de formularios de Mailchimp, los adelantos se denominan «elemento de segunda oportunidad». Para ver la configuración de tu adelanto: 

1. En el panel Pasos, haz clic en Seguimiento.
2. Haz clic en «Contenedor de segunda oportunidad».
3. Visualiza y documenta la configuración de adelanto en el panel derecho.

Comportamiento y funcionalidad

Una vez que hayas registrado el elemento visual de tu formulario Mailchimp, el siguiente paso es capturar su comportamiento y funcionalidad. Asegúrate de documentar los siguientes ajustes en tus formularios de Mailchimp:

• Tiempo de visualización
  Documenta cómo y cuándo aparece el formulario (por ejemplo, al cargar la página, tras un retraso, al intentar salir, al alcanzar un porcentaje de desplazamiento).
• Frecuencia de visualización
  Indica la frecuencia con la que se muestra el formulario al usuario (por ejemplo, mostrar una vez por sesión, mostrar siempre).
• Notas especiales sobre interactividad
  Incluye cualquier interacción específica o activar (por ejemplo, algo sucede cuando ocurre otra cosa).
• Reglas de segmentación
  • URL
    ¿En qué páginas debe aparecer el formulario y en cuáles debe excluirse?
  • Dispositivos
    ¿En qué dispositivos debe mostrarse el formulario (es decir, en dispositivos móviles, ordenadores de sobremesa o ambos)?
  • Tipo de visitante
    ¿El formulario debe dirigirse a perfiles nuevos o recurrentes?
  • Segmentación geográfica
    ¿El formulario está dirigido a ubicaciones geográficas específicas?
  • parámetro UTM
    ¿El formulario se activa mediante un parámetro UTM específico?

Para ver la configuración de comportamiento y funcionalidad de un formulario de Mailchimp:

1. Selecciona Editar junto al formulario en la página Formularios de Mailchimp.
2. Selecciona Editar configuración del sitio para ¿Dónde debe aparecer?
3. Selecciona Editar segmentación para ¿Quién debería verlo?
4. Selecciona Editar activar en ¿Cuándo debe aparecer?
5. Documenta o captura en pantalla tu configuración para cada uno de ellos. 

Recursos

Imágenes y logotipos 

Asegúrate de exportar todas las imágenes y logotipos que tengas en tus formularios de Mailchimp y que quieras transferir a Klaviyo. 

Para exportar una imagen desde un formulario de Mailchimp:

1. Selecciona la imagen en el editor de formularios de Mailchimp.
2. 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 tu formulario Mailchimp. Ten en cuenta que cada elemento de texto (por ejemplo, encabezados, etiquetas de botones, etc.) puede tener su propia fuente. 

Puedes ver una lista de todas las fuentes utilizadas en un formulario de Mailchimp desde la página de resumen del generador de formularios. 

También puedes ver la fuente utilizada para un elemento específico haciendo clic en él. Los estilos y la fuente utilizados se mostrarán en el panel derecho. 

Colores

Si deseas utilizar los mismos colores en tus formularios de Klaviyo, copia el código hexadecimal de cada color de tus formularios de Mailchimp. Cada código hexadecimal representa un color específico, lo que te permite recrear tus formularios en Klaviyo utilizando exactamente los mismos colores. 

Puedes ver una lista de todos los colores utilizados en un formulario de Mailchimp y sus códigos hexadecimales desde la página de resumen del generador de formularios. 

También puedes ver los colores utilizados para un elemento específico haciendo clic en él. Los estilos y la fuente utilizados se mostrarán en el panel derecho.

Creación de formularios en Klaviyo 

Una vez que hayas seguido los pasos anteriores y hayas documentado los componentes clave de tus formularios en Mailchimp, puedes utilizar el proceso que se describe a continuación cuando estés listo para reconstruir los formularios en Klaviyo. 

Recrea el formulario en Klaviyo.

Para empezar a reconstruir tu formulario en la cuenta de Klaviyo, 

1. Navega hasta la pestaña formulario de registro y haz clic en Crear formulario de registro.
2. Elige un tipo de formulario
   Selecciona el tipo de formulario que coincida con tu formulario de Mailchimp (por ejemplo, emergente, flyout, página completa o incrustado).
3. Añadir contenido y campo
   • Utiliza la información de tu lista de verificación para añadir bloques de texto, bloques de imagen y campos.
   • Para los campos personalizados, puedes crear nuevas Propiedades de perfil directamente en el editor de formularios.
4. Diseña el formulario
   • En la sección Estilos del editor de formularios, ajusta los colores, las fuentes y el diseño para que coincidan con tu marca y con el formulario original de Mailchimp.
   • Puedes añadir imágenes de fondo e imágenes laterales.
   • Guías relevantes: Comprender los estilos de un formulario de registro

Configurar la segmentación y el comportamiento

Para configurar los ajustes de segmentación y comportamiento de tu formulario en Klaviyo: 

1. Selecciona el botón Segmentación y comportamiento en la página de resumen del generador de formularios.
2. Establecer reglas
   de visualización & En la pestaña Comportamientos de segmentación de e-mail, configura cuándo y cómo debe aparecer el formulario.
   • Configura la sincronización de la visualización (por ejemplo, al cargar la página, tras un retraso, al intentar salir, al alcanzar un porcentaje de desplazamiento).
   • Establece la frecuencia de visualización (por ejemplo, mostrar una vez por sesión, mostrar siempre).
3. Define tu público
   • Selecciona direcciones URL específicas si el formulario solo debe aparecer en páginas concretas.
   • Especificar dispositivos (es decir, escritorio, móvil o ambos).
   • Establece el tipo de visitante (por ejemplo, nuevo o habitual).
   • Aplica la segmentación geográfica si el formulario está configurado para clientes en ubicaciones específicas.
   • Utiliza el parámetro UTM si el formulario se activa mediante UTM específicos.

Próximos pasos

Una vez que hayas reconstruido correctamente tus formularios de Mailchimp en Klaviyo, hay algunos pasos adicionales que debes seguir para garantizar una transición fluida.

1. Activar el flujo de bienvenida
   Asegúrate de que tu flujo de bienvenida está activado en la lista que has conectado al formulario.
2. Configurar formulario cupón
   Puedes mostrar el cupón en el mensaje de éxito del formulario o incluirlo en tu correo electrónico de bienvenida.

Publicar y reemplazar

Una vez que tus formularios estén listos en Klaviyo, puedes prepararte para publicarlos y eliminar cualquier formulario antiguo de Mailchimp. 

1. Publica el formulario de Klaviyo
   Una vez que estés satisfecho con tu formulario, haz clic en Publicar.
   • Instala el código de inserción de Klaviyo (si es necesario):
     1. Para ventanas emergentes, flyout y formularios a página completa, necesitas tener el seguimiento in situ de Klaviyo(es decir, Klaviyo.js) instalado en tu sitio web.
     2. Para los formularios incrustados, deberás copiar el código de incrustación proporcionado y pegarlo en el código HTML de tu sitio web, en el lugar donde desees que aparezca el formulario.
2. Eliminar el formulario de Mailchimp
   Desactiva o elimina el formulario correspondiente de tu cuenta de Mailchimp para evitar que aparezcan ambos formularios.
3. Prueba
   Visita tu sitio web en una ventana de incógnito para asegurarte de que el nuevo formulario de Klaviyo se muestra y funciona correctamente.

Recursos adicionales 

Introducción a los formularios de registro

Los estilos de un formulario de registro

Comprender la configuración de segmentación y comportamiento para el formulario de registro