Objetivos del artículo

Aprende a migrar tus formularios de Amped.io (ahora bajo Mailchimp) a Klaviyo. A partir del 15 de agosto de 2025, Amped.io ya no será compatible con integraciones de terceros como Klaviyo. Esta guía sirve como referencia para ayudarte a identificar y documentar los elementos clave de tus formularios actuales, para que puedas volver a crearlos 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.

field settings.jpg
field settings.jpg

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.

text settings.jpg
text settings.jpg

Botones

Los botones son otro elemento clave de tu formulario. Es posible que tengas algunos 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 (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 (por ejemplo, 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.

button settings.jpg
button settings.jpg

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:

  1. En el panel Pasos, haz clic en Seguimiento.
  2. Haz clic en Contenedor de 2.ª oportunidad.
  3. Ver y documentar la configuración del adelanto en el panel derecho.
teaser.jpg
teaser.jpg

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?

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 la configuración del sitio para ¿Dónde debería mostrarse?
  3. Selecciona Editar segmentación para ¿Quién debería verlo?
  4. Selecciona Editar activadores para ¿Cuándo debe mostrarse?
  5. 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:

  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.
download image.jpg
download image.jpg

Fuentes

Asegúrate de documentar las fuentes de cualquier elemento de texto en tu formulario de Mailchimp. Ten en cuenta que cada fragmento de texto (p. ej., encabezados, etiquetas de botones, 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.

fonts overview.jpg
fonts overview.jpg

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.

element font.jpg
element font.jpg

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.

color overview.jpg
color overview.jpg

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 del lado derecho.

element colo.jpg
element colo.jpg

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 el formulario en la cuenta de Klaviyo,

  1. Ve a la pestaña Formulario de registro y haz clic en Crear formulario de registro.
  2. Elegir un tipo de formulario
    Selecciona el tipo de formulario que coincida con el formulario de Mailchimp (es decir, ventana emergente, desplegable, página completa o inserción).
  3. Agrega contenido y campos de entrada
  4. Dale estilo al 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 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:

  1. Selecciona el botón Segmentación y comportamiento en la página de resumen del creador de formularios.
  2. Establecer reglas de visualización
    En la pestaña Segmentación y comportamientos, configura cuándo y cómo debe aparecer el formulario.
    • Configura el Momento de visualización (p. ej., al cargar la página, después de un retraso, al intentar salir, al alcanzar un porcentaje de desplazamiento).
    • Configura la Frecuencia de visualización (p. ej., mostrar una vez por sesión, mostrar cada vez).
  3. Definir tu público
    • Segmenta URL específicas si el formulario solo debe aparecer en páginas específicas.
    • Especifica Dispositivos (es decir, computadoras de escritorio, dispositivos móviles o ambos).
    • Configura el Tipo de visitante (es decir, nuevo o recurrente).
    • Aplica segmentación geográfica si el formulario está configurado para clientes en ubicaciones específicas
    • Usa Parámetro de UTM si el formulario se activa mediante métodos de seguimiento de Urchin (UTM) específicos.

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.

  1. Activa un flujo de bienvenida
    Asegúrate de que el flujo de bienvenida se active con la lista que conectaste al formulario.
  2. 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

Cuando los formularios estén listos en Klaviyo, puedes prepararte para publicarlos y eliminar cualquier formulario antiguo de Mailchimp.

  1. Publicar el formulario de Klaviyo
    Cuando estés satisfecho con el formulario, haz clic en Publicar.
    • Instala el código de inserción de Klaviyo (si es necesario):
      1. Para formularios emergentes, desplegables y de página completa, necesitas tener el seguimiento en el sitio de Klaviyo (es decir, Klaviyo.js) instalado en tu sitio.
      2. Para los formularios incrustados, tendrás que copiar el código de incrustación proporcionado y pegarlo en el HTML de tu sitio web donde quieras que aparezca el formulario.
  2. Quita el formulario de Mailchimp
    Desactiva o elimina el formulario correspondiente de la cuenta de Mailchimp para evitar que ambos formularios aparezcan.
  3. Probar
    Visita tu sitio web en una ventana de incógnito para asegurarte de que el nuevo formulario de Klaviyo se muestre y funcione correctamente.

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.

¿Te resultó útil este artículo?
Usa este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar al equipo de asistencia.

Descubre más sobre Klaviyo

Comunidad
Conecta con colegas, socios y expertos de Klaviyo para inspirarte, compartir ideas y resolver todas tus dudas.
Socios
Contrata a un experto certificado por Klaviyo para ayudarte con una tarea específica o para la gestión continua de marketing.
Asistencia

Accede a la asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia virtual/por chat
La disponibilidad varía según la ubicación y el tipo de plan