Constructor de sitios web de arrastrar y soltar
Mobirise es un constructor de sitios web de arrastrar y soltar basado en bloques prediseñados: arrastras uno a la página, sustituyes el texto de ejemplo y ajustas el espaciado, el fondo o las columnas en su panel. Cada bloque se adapta solo a los teléfonos, y el creador es gratuito en el navegador o como aplicación de escritorio.
Datos comprobados el 13 de octubre de 2026 · equipo de Mobirise
Cómo funciona el arrastrar y soltar en Mobirise: datos clave
Un constructor de sitios web sin código te permite crear un sitio sin escribir HTML ni CSS, y el arrastrar y soltar es como funcionan la mayoría: mueves bloques o elementos por la página y ajustas todo lo demás en paneles.
- Modelo de edición
- Basado en bloques. Arrastras bloques prediseñados a la página, cambias textos e imágenes directamente donde están y ajustas cada bloque en su propio panel de parámetros, en lugar de mover elementos píxel a píxel.
- Ajustes de cada bloque
- Su espaciado y su fondo, las partes que muestra y cuántas columnas tiene. Las fuentes se eligen en el Style Editor, y cada título admite la etiqueta H que elijas.
- Teléfonos y tabletas
- Los bloques son adaptables, y el editor muestra cada página tal como se ve en un teléfono, una tableta y una pantalla de escritorio. Un solo diseño sirve para todas las pantallas: no puedes mantener una disposición distinta para teléfonos ni ocultar un elemento solo en un dispositivo.
- Plan gratuito
- La aplicación de escritorio, con más de 200 bloques y un único tema básico, para tantos sitios en tu propio hosting como quieras. En el navegador, tres sitios activos bajo mobirisesite.com, con HTTPS incluido, y tres generaciones con IA al mes. Los sitios gratuitos conservan la marca de Mobirise; el uso comercial está permitido.
- Planes de pago, por año
- KIT (149 USD) abre la biblioteca premium completa de más de 220 temas y extensiones, sin marca. BASE (199 USD) incluye tres sitios alojados en tus propios dominios y 100 generaciones al mes. GROW (249 USD) amplía los límites a diez sitios y 1000 generaciones.
- Plataformas
- Cualquier navegador web, o la versión de escritorio 6.1.12 para Windows 7 o posterior (instalador de unos 105 MB), macOS 10.13 High Sierra o posterior con instaladores separados para Apple Silicon e Intel (unos 134 MB cada uno) y Linux basado en Debian, como Ubuntu (.deb, unos 102 MB).
- Código
- No hace falta. La aplicación de escritorio genera el sitio terminado en HTML, CSS y JS estándar, sea cual sea tu plan; el Code Editor, que es de pago, muestra el marcado de un bloque cuando quieres modificarlo.
- No es lo más adecuado para
- Diseños libres con precisión al píxel, una versión para teléfono hecha a mano o reabrir un sitio creado con otra herramienta.
Ya en 2015, el titular de la reseña de Network World lo describía como “a free, simple, drag and drop mobile responsive Web site builder” (un creador de sitios web móviles adaptable, gratuito y sencillo, de arrastrar y soltar). Hoy, la página oficial de precios cuenta con más de 2 500 000 usuarios.
Lienzo libre frente a edición por bloques
La mayoría de los constructores de esta página te dejan mover cosas con el ratón. La diferencia está en lo que mueves, y eso decide tres cosas: cuánto trabajo aparte necesita la versión para teléfono, con qué rapidez toma forma una primera página y cuánto control exacto conservas.
Lienzo libre
Wix es el ejemplo más claro. Su editor te permite agarrar un solo elemento y soltarlo en cualquier punto de la página, incluso encima de otro. Esa libertad tiene un precio en las pantallas pequeñas: Wix deriva la versión para dispositivos móviles de tu disposición de escritorio, los elementos pueden acabar en lugares distintos y los ordenas en un editor aparte para dispositivos móviles, cuyos cambios no afectan al sitio de escritorio. Elige esto cuando la posición exacta importe más que el tiempo de creación.
Por bloques
En Mobirise se mueven bloques enteros, no elementos sueltos. Los apilas en el orden que quieras y después cambias su contenido y sus opciones. La alineación y el espaciado pertenecen al bloque, así que los teléfonos obtienen una disposición razonable sin una segunda pasada y la página toma forma enseguida. Squarespace mezcla las dos ideas: las páginas se construyen con secciones, pero dentro de cada una arrastras bloques por una cuadrícula y puedes organizar la versión para teléfono por separado. Carrd es el caso más simple: una sola página con elementos en una única lista.
Probar gratis la edición por bloquesUn tercer tipo queda aparte: las herramientas visuales de CSS. En Webflow das estilo a los elementos mediante un panel de propiedades CSS, guardas los estilos como clases reutilizables y los ajustas en cada punto de ruptura, algo muy parecido a escribir una hoja de estilos sin teclearla. Framer se siente como una aplicación de diseño: el contenido fluye en stacks y cuadrículas, las capas pueden sacarse del flujo y fijarse, y los puntos de ruptura más pequeños anulan el principal. Ambas ofrecen el mayor control y exigen más conocimientos.
Mejor constructor de sitios web de arrastrar y soltar para cada tipo de proyecto
No hay un único ganador. La herramienta adecuada depende de lo exacto que deba ser el diseño, de quién conserva los archivos y de lo que estés dispuesto a pagar cada año. Estas recomendaciones son sinceras, y la mayoría no son nuestras.
- Ser dueño de los archivos de un sitio gratuito
- Mobirise. La aplicación no cuesta nada, sigue funcionando sin conexión, guarda HTML estándar y sube a cualquier hosting, mientras sus bloques se encargan de la disposición para teléfono.
- Colocar cada elemento a mano
- Wix: un lienzo libre y un editor solo para teléfono donde puedes ocultar o reorganizar elementos sin tocar la versión de escritorio.
- Una marca o un portafolio con enfoque de diseño
- Squarespace: diseños por secciones con una cuadrícula de arrastre y una disposición para teléfono que puedes cambiar por separado; ofrece una prueba en lugar de un plan gratuito.
- Una página por el menor precio
- Carrd: sitios gratuitos de una página con su marca, y planes Pro anuales baratos cuando quieres un dominio propio.
- Control de herramienta de diseño y animación
- Framer: un lienzo con stacks, puntos de ruptura y un agente de IA, solo con el hosting de Framer.
- Control a nivel de CSS para un equipo
- Webflow: clases y puntos de ruptura definidos en un panel de estilos, con exportación de código en los planes de pago del espacio de trabajo.
- Probar un diseño con IA sin gastar nada
- 8B AI: con una frase obtienes un diseño completo gratis; para publicarlo hace falta Pro.
- Una tienda con un catálogo grande
- Shopify, u otra plataforma parecida creada para vender.
Siete constructores comparados en edición, precio y exportación
Cada constructor de arrastrar y soltar de la tabla se consultó en sus propias páginas de precios y de ayuda, no en sitios de reseñas. La exportación de código y el trabajo sin conexión tienen sus propias filas, igual que los puntos en los que Mobirise sale peor parado.
| Mobirise | Wix | Squarespace | 8B AI | Webflow | Framer | Carrd | |
|---|---|---|---|---|---|---|---|
| Modelo de edición | Por bloques: arrastras bloques prediseñados, escribes directamente sobre ellos y ajustas cada uno en su panel de parámetros | Lienzo libre: mueves cualquier elemento a cualquier sitio y las capas pueden solaparse | Secciones con una cuadrícula de arrastrar y soltar para bloques (Fluid Engine) | Generado con IA: un diseño completo a partir de una línea de texto, que luego se ajusta mediante el chat de IA (Pro) | CSS visual: elementos con estilo mediante clases en un panel de estilos | Lienzo de diseño: stacks y cuadrículas, y las capas pueden posicionarse de forma absoluta | Una página: elementos que se arrastran antes o después de otros, hasta cuatro columnas |
| Disposición para teléfono | Automática en cada bloque; sin disposición solo para teléfono ni ocultación por dispositivo | Se genera a partir del escritorio y luego se ajusta en un editor aparte para dispositivos móviles | Se organiza con independencia del diseño de escritorio | Sin información publicada | Se define por punto de ruptura (media queries) | Puntos de ruptura que heredan del principal y anulan lo que necesitan | Automática, con ajustes manuales opcionales por elemento |
| Curva de aprendizaje | Baja: los bloques mantienen el espaciado y la alineación | Baja para empezar; la versión para teléfono requiere su propia pasada | Baja a media: colocación en cuadrícula y ajuste opcional para teléfono | Baja: basta una frase de descripción para empezar | Alta: clases, propiedades CSS y puntos de ruptura | Media: conceptos de herramienta de diseño y anulaciones | Baja: una sola página y una lista corta de elementos |
| Plan gratuito | Sitios ilimitados en tu propio hosting con la aplicación; tres sitios activos bajo mobirisesite.com, con marca | Sí: subdominio de Wix, con anuncios de Wix | Ninguno; en su lugar, una prueba de 14 días | Gratis para diseñar; no incluye publicación | Sí, en webflow.io con una insignia | Sí, en un dominio de Framer con la insignia “Made in Framer”, 1 GB de ancho de banda | Hasta 3 sitios de una página en .carrd.co con la marca “Made with Carrd” |
| Plan de pago de entrada | KIT, 149 USD al año (tu propio hosting, sin marca); BASE, 199 USD al año, para un dominio propio en el hosting de Mobirise | Light: 17 USD al mes, con facturación anual | Basic: 19 USD al mes si se paga por año, o 25 USD pagando mes a mes | Pro: 9 USD al mes, con pago anual | 15 USD al mes por el plan de sitio Basic, facturado anualmente | Basic: 10 USD al mes, tal como se muestra con facturación anual | Pro Lite cuesta 9 USD al año pero mantiene una URL de Carrd; un dominio propio requiere Pro Standard, 19 USD al año |
| IA | Entra un prompt, un boceto o una captura de pantalla y salen cuatro diseños; tres generaciones gratuitas al mes; cambios por chat o en el editor | Un agente de IA crea páginas, diseño y textos a partir de una descripción; se puede empezar gratis | Un punto de partida con IA, con contenido e imágenes, y además un creador de secciones con IA | El núcleo del producto: diseño gratis a partir de una frase y ediciones por chat en Pro | Hasta 5 páginas a partir de una descripción; 2 páginas sin plan de pago | Un agente crea páginas, secciones, textos y elementos visuales; 500 créditos para probar y 1000 al mes en Basic | Ninguna indicada |
| Exportación de código | Sí: la aplicación de escritorio exporta HTML, CSS y JS en cualquier plan; en el navegador, con BASE o GROW | No, los sitios deben funcionar en los servidores de Wix | No; solo el contenido, como archivo .xml para WordPress | Exportación completa de HTML en Pro | En los planes de pago del espacio de trabajo | Sin exportación de HTML | Pro Plus, 49 USD al año; los formularios dejan de funcionar en la descarga |
| Edición sin conexión | Sí, en la aplicación de escritorio (Windows, macOS, Linux) | No, el editor funciona online | No, el editor funciona online | No; funciona en el navegador | No, el Designer funciona online | Existe una aplicación de escritorio, pero la edición se desactiva cuando se corta la conexión | No; funciona en el navegador |
Fuentes: la página de precios y el centro de ayuda de cada empresa, consultados el 13 de octubre de 2026. Importes en dólares estadounidenses; Mobirise y Carrd cobran por año, y los demás se indican por mes con facturación anual, salvo que una celda diga otra cosa. Los proveedores revisan con frecuencia sus planes y límites de IA, y los precios pueden variar según la región, así que toma esto como una instantánea y vuelve a comprobarlo antes de comprar.
Qué arrastras y qué ajustas en los parámetros
En Mobirise, el ratón hace los movimientos grandes y un panel se ocupa de los detalles.
Bloques, desde el panel de bloques
Arrastra un bloque desde el panel hasta el lugar de la página que le corresponde y vuelve a arrastrarlo para cambiar el orden. Clone Block crea una copia, útil cuando dos secciones deben coincidir.
Textos e imágenes, en su sitio
Haz clic en un encabezado o en un párrafo y escribe encima. Sustituye una imagen de la misma forma; las subidas se convierten a WebP automáticamente. Los títulos pueden usar la etiqueta H que encaje con la estructura de la página, y el texto se puede justificar.
El panel de parámetros
Cada bloque tiene sus propios ajustes: el espaciado interior, lo que hay detrás, qué partes aparecen y el número de columnas. Activas o desactivas partes de un bloque en lugar de arrastrarlas sueltas.
Estilos de todo el sitio
Las fuentes se eligen en el Style Editor, que ha incorporado más fuentes en las últimas versiones. Todos los temas se basan en Bootstrap 5, así que todos los bloques comparten la cuadrícula y los nombres de clase de Bootstrap.
Extensiones y bloques con IA
Los planes de pago añaden bloques que arrastras como cualquier otro: Form Builder, Popup Builder, Smart Cart con PayPal y Stripe o un Chat Button para WhatsApp y Telegram. Los planes premium con IA incorporan dos herramientas a nivel de bloque: Generate Block with AI y, para uno que ya tengas, Edit Block with AI.
Código, solo si quieres
Nada de lo anterior requiere escribir marcado. Cuando sí quieras tocarlo, el Code Editor, una extensión incluida en KIT, BASE y GROW, te permite cambiar el HTML y el CSS de un bloque o de la página. Consulta cómo es el HTML generado.
Sin código no significa sin límites
Una herramienta sin código cambia parte de la libertad por rapidez y seguridad. Con bloques, el cambio es visible: no puedes soltar un botón en un punto cualquiera, pero tampoco puedes romper por accidente el diseño en un teléfono, y una página construida con secciones prediseñadas necesita mucha menos revisión.
Antes de crear un sitio web sin código para un cliente o para ti, conviene saber dónde termina este enfoque. La lista muestra los límites reales de Mobirise hoy y qué encaja mejor en cada caso.
Si sueles editar lejos de tu escritorio, la guía del creador sin conexión explica con exactitud qué hace la aplicación de escritorio sin internet. Para esbozar primero un sitio a partir de una descripción, consulta la página del generador de sitios web con IA.
- Sin colocación libre. Los elementos viven dentro de la disposición de un bloque. Para posicionar al píxel y superponer capas, te conviene más un editor de lienzo como Wix.
- Sin diseño aparte para teléfono. Una sola disposición adaptable cubre todas las pantallas; no puedes ocultar ni desplazar un elemento solo en los teléfonos. Wix y Squarespace permiten organizar por separado la vista para teléfono.
- Sin importación de sitios ajenos. Las páginas hechas con otra herramienta no se pueden abrir, solo reconstruir. Import by Link se limita a traer a la aplicación sitios de Mobirise AI.
- Las tiendas se mantienen sencillas. Smart Cart admite pagos con PayPal y Stripe, pero un catálogo grande con reglas complejas de inventario y envío pertenece a una plataforma de comercio electrónico.
- La IA tiene un límite de uso. El plan gratuito incluye una pequeña cuota mensual de generaciones. Regenerate muestra más variantes sin gastar ninguna, pero el trabajo intensivo con IA requiere BASE o GROW.
- El código personalizado es una extensión de pago. Editar el marcado y los estilos de un bloque requiere el Code Editor, que solo incluyen los planes de pago.
Preguntas frecuentes sobre el constructor de arrastrar y soltar
¿Qué es un constructor de sitios web de arrastrar y soltar?
Es un software que permite montar páginas web moviendo con el ratón piezas prediseñadas, en lugar de escribir HTML. Algunos te dejan soltar elementos sueltos en cualquier punto de un lienzo, otros trabajan con secciones o bloques completos y otros muestran visualmente los ajustes de CSS. Mobirise se basa en bloques: ordenas bloques ya hechos y los ajustas en un panel de ajustes.
¿Qué tipo de editor de arrastrar y soltar es el más fácil para principiantes?
Los editores por bloques y de una sola columna suelen ser el comienzo más suave, porque el espaciado y la disposición para teléfono ya vienen resueltos. Si quieres un constructor de arrastrar y soltar fácil de usar, elige uno en el que se apilen secciones, como Mobirise o Carrd. Los lienzos libres y las herramientas visuales de CSS dan más control, pero también más formas de desalinear una página.
¿Puedo usar Mobirise gratis, también para negocios?
Sí. El plan gratuito sirve tanto para sitios de empresa como personales. La aplicación de escritorio no limita los sitios que publicas en tu propio hosting, y el creador en el navegador añade una pequeña cuota de sitios online y de borradores con IA. Los sitios gratuitos muestran la marca de Mobirise.
¿Puedo colocar un elemento en cualquier lugar de la página?
En Mobirise no. Eliges el orden de los bloques y activas o desactivas sus partes, pero no arrastras un elemento suelto a una coordenada exacta. Así cada página sigue siendo adaptable; si para ti importa más la colocación al píxel, el lienzo de Wix la permite.
¿Un sitio creado con bloques se verá bien en los teléfonos?
Sí. Cada bloque se reorganiza solo para pantallas pequeñas, y el editor muestra vistas previas de teléfono, tableta y escritorio mientras trabajas. La contrapartida es que no puedes diseñar una disposición distinta solo para teléfonos. La página del creador de sitios web móviles lo explica con más detalle.
¿Puedo crear un sitio web sin código y editar el código más adelante?
Sí. Puedes crear y publicar sin tocar el marcado y, más adelante, abrir el HTML y el CSS de cualquier bloque con el Code Editor, una extensión de los planes de pago. Por debajo, cada bloque es marcado de Bootstrap 5.
¿Puedo mover mi sitio a otro hosting más adelante?
Sí. En cualquier plan, la aplicación de escritorio puede publicar por FTP (también FTPES) o en GitHub Pages, o escribir todo el sitio en una carpeta local como archivos estáticos para el servidor que elijas. Los proyectos creados en el navegador se pueden exportar con BASE o GROW.
¿Cómo se combinan la IA y el arrastrar y soltar?
Escribe una o dos líneas sobre el sitio, o entrega un boceto en papel o una captura de pantalla, y la IA devuelve cuatro diseños completos, con textos e imágenes incluidos; el primer borrador suele llegar en menos de un minuto. A partir de ahí sigues puliendo por chat o arrastrando y editando bloques, y los planes premium con IA pueden generar o editar un solo bloque.
¿Puedo traer un sitio creado con otro constructor?
No. Los proyectos de otras herramientas no se abren en Mobirise, así que un sitio de Wix, WordPress o HTML escrito a mano hay que reconstruirlo. Import by Link existe solo para traer a la aplicación sitios de Mobirise AI.
¿El editor de arrastrar y soltar funciona sin internet?
En la aplicación de escritorio, sí. Puedes seguir editando, previsualizar páginas y usar los temas y bloques que ya estén en tu equipo. Las tareas que dependen del servidor esperan a que vuelvas a tener conexión: borradores con IA, publicación, inicio de sesión, compras, actualizaciones y descargas de temas nuevos.
Empieza con una frase o con un solo bloque
Deja que la IA esboce cuatro diseños en tu navegador y reorganiza los bloques que haya elegido, o instala la aplicación gratuita y arrastra tu primer bloque a una página vacía. Ambos caminos terminan en el mismo sitio adaptable.