"¡Sencillo y fácil de usar!"
"¡Superó mis expectativas!"
"¡Tiempos de carga muy rápidos!"

Visual Editor sin código para tests A/B

Crea variantes de tests A/B sin código: cambia titulares, CTAs, imágenes, diseños y colores con un editor de apuntar y hacer clic. Funciona en Shopify, Webflow, WordPress, Framer y sitios personalizados. Conéctalo a objetivos de GA4 en un clic. Gratis hasta 100.000 visitantes al mes.

Gratis para siempre hasta 100.000 visitantes
Valoración de usuariosValoración de usuariosValoración de usuariosValoración de usuariosValoración de usuariosValoración de usuariosValoración de usuariosValoración de usuariosValoración de usuariosValoración de usuariosValoración de usuariosValoración de usuariosValoración de usuarios
Elegido por los profesionales de CRO
La confianza de equipos de CRO de todo el mundo
Logo de Showpad
Logo de GOV+
Logo de Acquisition.com
Logo de IFTTT
Logo de ThriveCart
Logo de ParkBee
Logo de Strathberry
Logo de Brown Thomas
Logo de Jabra
Logo de Quint
Logo de MeisterTask
Logo de Productive
Logo de Radius
Logo de Nakie
Logo de Accountable
Logo de SwiftReg
Logo de Showpad
Logo de GOV+
Logo de Acquisition.com
Logo de IFTTT
Logo de ThriveCart
Logo de ParkBee
Logo de Strathberry
Logo de Brown Thomas
Logo de Jabra
Logo de Quint
Logo de MeisterTask
Logo de Productive
Logo de Radius
Logo de Nakie
Logo de Accountable
Logo de SwiftReg
Guía de funcionalidad

Cómo funciona el visual editor de Mida para marketers sin conocimientos de código

El visual editor permite a los equipos de marketing crear variantes de tests A/B haciendo clic en los elementos y aplicando cambios directamente en la página en vivo. Úsalo para probar textos, imágenes, CTAs, diseños y colores sin código. Para cambios complejos que requieran lógica personalizada, usa el editor de código o las variantes con IA de MidaGX.

Edición de apuntar y hacer clic

Haz clic en cualquier titular, CTA, imagen o sección para editarlo. Cambia textos, sustituye imágenes, actualiza los colores de los botones, oculta elementos o inserta contenido nuevo sin tocar HTML ni CSS.

Funciona en cualquier plataforma

El visual editor funciona en Shopify, WordPress, Webflow, Wix, Framer y sitios personalizados. Para aplicaciones de una sola página creadas con React o Vue, usa los activadores de cambio de URL y cambio de DOM.

Editor de código para cambios avanzados

Cuando el visual editor no es suficiente, usa JavaScript y CSS personalizados para comportamientos dinámicos, lógica condicional o interacciones que la interfaz de apuntar y hacer clic no puede expresar.

Cómo crear un test A/B sin código con el visual editor

Una vez que un desarrollador añade el snippet de Mida a tu sitio, los marketers pueden crear variantes de tests sin ayuda del equipo de ingeniería. El visual editor aplica los cambios antes de que se renderice la página, para que los visitantes vean la variante y no el original.

  1. Abre la página en el editorIntroduce la URL que quieres probar. Mida carga la página en vivo para que puedas señalar, hacer clic y editar directamente en tu sitio real.
  2. Haz tus cambiosHaz clic en un elemento para editar el texto, sustituir imágenes, cambiar los colores de los botones, ocultar secciones o insertar contenido nuevo. Previsualiza en escritorio y móvil antes de publicar.
  3. Define un objetivo y publicaElige la métrica que quieres mejorar: registros, compras, clics o un evento de conversión de GA4. Divide el tráfico y deja que el test se ejecute hasta alcanzar la significancia estadística.

¿Necesito saber programar para usar el visual editor?

No. El visual editor es una interfaz de apuntar y hacer clic. Haz clic en un elemento para cambiarlo. Para cambios avanzados que requieran lógica personalizada, usa el editor de código o las variantes con IA de MidaGX.

¿Qué pasa si el visual editor no puede hacer el cambio que necesito?

Usa el editor de código para escribir JavaScript y CSS personalizados. Para cambios complejos, usa MidaGX AI para describir el cambio con lenguaje sencillo o pega un diseño de Figma.

Lo que puedes crear sin código

Cambia textos y titulares

Haz clic en cualquier titular, CTA o texto y edítalo directamente. Prueba distintas propuestas de valor, ofertas y mensajes sin tocar HTML.

Sustituye imágenes y fondos

Reemplaza imágenes principales, fotos de producto, logotipos e imágenes de fondo. Sube un archivo nuevo o pega la URL de una imagen para probar el impacto visual.

Actualiza colores y estilos

Cambia los colores de los botones, los estilos de texto, el espaciado y la visibilidad. Reorganiza secciones u oculta elementos que saturan la página sin escribir CSS.

Añade o elimina elementos

Inserta sellos de confianza, mensajes de urgencia, prueba social, tablas comparativas y CTAs. Oculta navegación o campos de formulario que distraen para agilizar el camino a la conversión.

Editor de código para cambios avanzados

Cuando el visual editor no es suficiente, usa JavaScript y CSS personalizados para cambios dinámicos, lógica condicional o interacciones que la interfaz de apuntar y hacer clic no puede expresar.

Variantes con IA y MidaGX

Describe el cambio que quieres con lenguaje sencillo y deja que MidaGX cree la variante. Pega un diseño de Figma y conviértelo en un test en vivo sin pasar por ingeniería.
Maqueta del editor visual

Cómo funciona un test A/B con visual editor

Crear un test sin código es más rápido que esperar a un desarrollador, pero solo si la herramienta puede manejar la estructura de tu sitio. El visual editor de Mida funciona en sitios estáticos, SPAs, temas de Shopify y creadores de páginas.

1

Instala el snippet una sola vez

Un desarrollador añade el script de Mida al head de tu sitio una sola vez. Después, los marketers pueden crear tests sin ayuda del equipo de ingeniería.
2

Abre la página en el editor

Introduce la URL que quieres testear. Mida carga la página en vivo para que puedas señalar, hacer clic y editar directamente sobre tu sitio real.
3

Haz tus cambios

Haz clic en un elemento para editar el texto, cambiar imágenes, modificar colores, ocultar secciones o inyectar contenido nuevo. Repite el proceso tantas veces como necesite tu hipótesis.
4

Define un objetivo y una audiencia

Elige la métrica que quieres mejorar: clics, registros, compras o un evento de conversión de GA4. Segmenta por URL, dispositivo, fuente de tráfico o segmento de visitantes.
5

QA en escritorio y móvil

Previsualiza la variante antes de publicarla. Comprueba que los cambios se muestran correctamente en distintos tamaños de pantalla, navegadores y breakpoints.
6

Publica y analiza los resultados

Divide el tráfico entre el control y la variante. Espera a alcanzar la significancia estadística y comprueba qué versión generó más conversiones, ingresos o registros.

Funciona en tu plataforma

El editor visual de Mida es compatible con sitios estáticos, temas de Shopify, WordPress, Webflow, Framer y aplicaciones de una sola página creadas con React, Vue o Next.js. Si tu sitio permite HTML personalizado en el head, puedes ejecutar tests con el editor visual.

  • ShopifyTemas, páginas de producto, carrito, checkout (Plus)
  • WebflowSitios de marketing y landing pages
  • WordPressPáginas, entradas y tiendas WooCommerce
  • FramerTodos los sitios y plantillas de Framer
  • React, Vue, Next.jsAplicaciones de una sola página y frameworks modernos
  • Sitios personalizadosCualquier sitio que permita HTML personalizado

En las aplicaciones de una sola página, Mida admite activadores por cambio de URL y cambio de DOM para que los tests se vuelvan a aplicar tras la navegación del lado del cliente. Más información sobre los tests A/B para SPAs.

Preguntas frecuentes

¿Necesito saber programar para usar el visual editor?

Icono de acordeón

No. El editor visual es una interfaz de apuntar y hacer clic para cambiar titulares, imágenes, CTAs, colores y diseños. Haz clic en un elemento para editarlo. Para cambios avanzados que requieran lógica personalizada, usa el editor de código o las variantes con IA de MidaGX.

¿Qué puedo cambiar con el editor visual?

Icono de acordeón

Puedes editar textos y titulares, cambiar imágenes y fondos, modificar los colores y estilos de los botones, ocultar o mostrar elementos, inyectar contenido HTML, reordenar secciones, ajustar espaciados y padding, y actualizar propiedades CSS. Para comportamientos dinámicos o lógica condicional, usa el editor de código.

¿El editor visual funciona en Shopify, Webflow y WordPress?

Icono de acordeón

Sí. El editor visual funciona en Shopify, Shopify Plus, WordPress, WooCommerce, Webflow, Wix, Squarespace, Framer y sitios personalizados. Si tu plataforma permite HTML personalizado en la sección head, puedes usar el editor visual.

¿Puedo usar el editor visual en aplicaciones de una sola página?

Icono de acordeón

Sí. Mida es compatible con React, Vue, Next.js, Nuxt y otras SPAs. Usa activadores por cambio de URL, cambio de DOM o aparición de un elemento para que el test se vuelva a aplicar tras la navegación del lado del cliente. En los tests para SPAs, configura la espera de un elemento o condiciones específicas de cambio del DOM.

¿Qué pasa si el visual editor no puede hacer el cambio que necesito?

Icono de acordeón

Usa el editor de código para escribir JavaScript y CSS personalizados. Para cambios complejos, usa MidaGX AI para describir el cambio con lenguaje sencillo o pegar un diseño de Figma. MidaGX genera código de segmentación que funciona con la estructura de tu sitio.

¿Puedo previsualizar los cambios antes de que el test se publique?

Icono de acordeón

Sí. Usa la URL de vista previa para ver la variante en escritorio, móvil y tablet antes de publicar. Comprueba que los cambios se muestran correctamente en distintos navegadores y tamaños de pantalla. Comparte el enlace de vista previa con tu equipo para el QA.

¿Cómo aplica el editor visual los cambios en mi sitio?

Icono de acordeón

El editor visual genera JavaScript que localiza el elemento objetivo y aplica el cambio cuando se carga la página. Mida carga el script antes de que se renderice la página, así los visitantes ven la variante y no el contenido original parpadeando antes de convertirse en la variante.

¿Puedo combinar cambios del editor visual con cambios del editor de código?

Icono de acordeón

Sí. Usa el editor visual para ediciones sencillas de texto, imágenes y estilos, y luego añade JavaScript o CSS personalizado en el editor de código para comportamientos dinámicos, lógica condicional o interacciones avanzadas que la interfaz visual no puede expresar.

¿El editor visual admite tests multivariante?

Icono de acordeón

Sí. Crea varias variantes con distintas combinaciones de cambios. Mida divide el tráfico entre todas las variantes y el control, y luego informa de qué combinación obtuvo mejores resultados. Los tests multivariante requieren más tráfico para alcanzar la significancia estadística.