Crear página web arrastrando y soltando
Con Mobirise creas una página web arrastrando y soltando bloques ya hechos y escribiendo sobre el contenido de ejemplo. No cuesta nada, funciona en el navegador o como aplicación instalada, y cada bloque se adapta solo a los teléfonos, así que no mantienes un segundo diseño.
Revisado en octubre de 2026 · por el equipo de Mobirise, que gestiona mobirize.com
Nuestro constructor de un vistazo: bloques, precio, teléfonos, archivos
La versión corta para quien compara herramientas: qué se mueve, cuánto cuesta, cómo se ven las páginas en pantallas pequeñas y dónde acaban los archivos terminados.
- Qué mueves
- Bloques enteros: una cabecera, una galería, una lista de precios, una sección de contacto. Los apilas de arriba abajo y luego cambias textos e imágenes directamente en la página.
- Precio
- No pagas nada, ya sea un sitio personal o de empresa. La edición gratuita incluye un tema básico y más de 200 bloques; los más de 220 temas premium y las extensiones están en KIT, BASE y GROW.
- Teléfonos y tabletas
- Cada bloque es adaptable, así que la página se reorganiza sola en pantallas estrechas. El editor muestra los tres tamaños de pantalla para que lo compruebes.
- Lo que no hace
- Tienes un único diseño compartido. No hay una disposición solo para teléfono ni un interruptor que oculte o desplace un elemento en un dispositivo concreto.
- Dónde funciona
- En línea a través de a.mobirise.com, o como programa para Windows 7+, macOS 10.13+ y Linux basado en Debian. Ambos funcionan con el mismo motor.
- Tu código
- La aplicación instalada genera HTML, CSS y JavaScript (Bootstrap 5) con cualquier plan, incluido el gratuito. Exportar desde el constructor en el navegador es una función de BASE y GROW.
- Inicio con IA
- Describe el sitio en pocas palabras y recibe cuatro diseños; luego reordena sus bloques tú mismo. Las cuentas gratuitas tienen 3 generaciones con IA al mes.
Dos tipos de editores de arrastrar y soltar
La expresión abarca dos formas de trabajar bastante distintas. Si te has preguntado qué significa en la práctica, esta es la diferencia que más importa, porque decide cuánto tiempo pasarás después arreglando la versión para teléfono.
Lienzo de posición libre
Agarras un cuadro de texto, una imagen o un botón y lo sueltas en cualquier punto, incluso encima de otro elemento. Wix y WYSIWYG Web Builder funcionan así. Tienes un control exacto de la composición en escritorio, como una imagen que se superpone a un título. El precio se paga en pantallas pequeñas: una disposición pensada para un monitor ancho no se reduce sola, por eso estas herramientas ofrecen una vista para dispositivos móviles donde mueves, redimensionas u ocultas elementos por segunda vez.
Apilado de bloques
Arrastras secciones completas a un orden vertical y las rellenas. Mobirise se basa en este modelo, y las secciones de Squarespace con Fluid Engine están a medio camino: los bloques se ajustan a una cuadrícula dentro de cada sección. La alineación ya está resuelta, porque cada bloque trae definidas sus columnas y espacios. La contrapartida es menos libertad: no puedes colocar un elemento en un píxel arbitrario y los diseños superpuestos poco habituales son difíciles de lograr.
Una regla aproximada: si imaginas la página como un póster, te conviene una herramienta de lienzo; si imaginas algo que se recorre con el scroll, apilar bloques es más rápido y da menos sorpresas en los teléfonos.
Mejor constructor de sitios web de arrastrar y soltar según el uso
Ninguna herramienta gana en todo. Estas son las opciones que le daríamos a un amigo según el proyecto. Mobirise es nuestro producto, así que lee su línea como la del fabricante.
- Gratis y con los archivos en tu poder
- Mobirise: apila bloques, previsualiza en tres tamaños de pantalla y sube el sitio a tu propio servidor o conserva el HTML. La versión gratuita no caduca nunca.
- Diseño al píxel en línea
- Wix: coloca cualquier cosa donde quieras y ajusta una versión móvil aparte. El sitio tiene que quedarse en los servidores de Wix.
- Plantillas cuidadas, cuadrícula dentro de las secciones
- Squarespace con Fluid Engine: organiza los bloques en una cuadrícula y define el diseño para dispositivos móviles por separado. Pagas tras una prueba de 14 días.
- Colocación exacta en un programa de PC
- WYSIWYG Web Builder vende una licencia única, diseños absolutos y flexibles con puntos de ruptura, e importa páginas HTML existentes.
- Control de diseño cercano a CSS
- Webflow: clases, puntos de ruptura y un panel Style que se corresponde con las propiedades CSS. Prepárate para una curva de aprendizaje más larga.
- El inicio alojado más barato
- Hostinger Website Builder: un precio bajo si pagas varios años por adelantado, con controles para ocultar elementos por dispositivo. Solo publica en el hosting de Hostinger.
- Diseño con IA sin instalar nada
- 8B AI: puedes diseñar sin coste, pero para publicar necesitas Pro. No tiene versión de escritorio.
Cada constructor de sitios web de arrastrar y soltar, comparado
Siete herramientas, valoradas por cómo colocan los elementos, cómo tratan los teléfonos y si puedes llevarte el código. Hemos dejado las filas en las que Mobirise pierde.
| Mobirise | Wix | Squarespace | 8B AI | WYSIWYG Web Builder | Webflow | Hostinger | |
|---|---|---|---|---|---|---|---|
| Precio de entrada para publicar | 0 USD en un subdominio de mobirisesite.com o en tu propio servidor | 17 USD al mes con el plan Light, facturación anual | 19 USD al mes con el plan Basic, facturación anual (25 USD mes a mes) | 9 USD al mes con Pro, facturación anual | 59.95 USD en un solo pago, sin IVA | Plan de sitio Basic a 15 USD al mes | 2.99 USD al mes con Premium pagando 48 meses por adelantado; 10.99 USD en la renovación |
| Opción gratuita | Plan gratuito, no caduca | Plan gratuito con anuncios de Wix | Solo prueba de 14 días | Solo diseño, no se puede publicar | Totalmente funcional durante 30 días | Sitio gratuito en webflow.io, con distintivo visible | Prueba, no se puede publicar |
| Cómo colocas los elementos | Apilas bloques enteros, editas en el sitio | Posición libre en cualquier lugar, capas | Bloques en una cuadrícula dentro de las secciones | Diseño generado, modificado por chat con IA | Posición libre o diseños flexibles | Elementos con estilo por clases | Elementos dentro de secciones |
| Diseño para teléfono | Automático, un solo diseño compartido | Editor móvil aparte | Diseño móvil definido de forma independiente | No publicado | Puntos de ruptura por elemento | Puntos de ruptura en el panel Style | Vista móvil, ocultar por dispositivo |
| Ocultar un elemento solo en teléfonos | No | Sí | Diseño definido por separado | No publicado | Sí, con puntos de ruptura | Sí, con puntos de ruptura | Sí |
| Programa instalable | Sí, para Windows, macOS y Linux | No | No | No | Solo Windows | No | No |
| Llevarte el código a otro sitio | Exportación HTML en la aplicación instalada, con cualquier plan | No, funciona en los servidores de Wix | Parte del contenido solo en .xml | Exportación HTML completa con Pro | Sí, a una carpeta o por FTP | Planes de pago de workspace | No publicado |
Los datos proceden de las listas de precios oficiales y los artículos de soporte de cada proveedor, que consultamos del 13 al 16 de octubre de 2026. Las cifras están en dólares estadounidenses sin impuestos, con la base de facturación indicada en cada celda. Las reseñas de terceros suelen traer cifras desactualizadas (Squarespace Basic aún se cita a 16 USD en muchas), y los proveedores cambian los precios y hacen ofertas, así que comprueba la web del proveedor antes de pagar.
Cómo se comporta en un teléfono un diseño hecho arrastrando
En el sitio de una pequeña empresa, el resultado en dispositivos móviles es la verdadera prueba de cualquier editor. Esto es lo que le pasa a una página montada en una pantalla grande, según el tipo de editor.
Las columnas se pliegan en una
En Mobirise, un bloque de tres columnas pasa a una sola columna en una pantalla estrecha, y los bloques mantienen su orden de arriba abajo. Los espacios y la tipografía se escalan según la cuadrícula de Bootstrap 5. Nada se solapa, porque nada se colocó por píxeles desde el principio.
Una segunda pasada a mano
En un editor de lienzo, los elementos colocados para una página ancha pueden acabar en lugares extraños en un teléfono. Wix y Hostinger ofrecen una vista móvil para reorganizar u ocultar elementos; Wix indica que los cambios hechos ahí no afectan a la versión de escritorio.
Reglas por ancho de pantalla
Webflow y WYSIWYG Web Builder permiten fijar valores distintos en los anchos que elijas. Es el enfoque más preciso y también el que más trabajo da: cada punto de ruptura es una versión más que revisar. Cómo encajan estos editores entre los demás tipos de herramientas se explica en nuestra guía de programas para crear páginas web.
El límite honesto del enfoque por bloques: no puedes decirle a Mobirise que muestre una imagen en escritorio pero la quite en teléfonos, ni que suba un botón solo en la versión móvil. Si te importa una disposición específica para teléfono, Wix tiene un editor móvil pensado para eso. Para la mayoría de los sitios de servicios, un único diseño que se adapta basta y te evita mantener dos versiones sincronizadas. Quien busca un constructor de sitios web para dispositivos móviles que mantenga ordenada la versión pequeña sin esfuerzo extra es justo a quien sirve este modelo.
- Previsualiza tres tamaños. Alterna entre las vistas de teléfono, tableta y escritorio antes de publicar.
- Mantén los bloques cortos. Un bloque con muchas columnas se convierte en un scroll largo en un teléfono.
- Revisa los títulos. Un título largo que cabe en una línea en escritorio puede ocupar cuatro en una pantalla pequeña.
- Prueba en dispositivos reales. Abre el sitio publicado en tu propio teléfono; la vista previa se parece, pero no es idéntica.
Qué puedes arrastrar y ajustar en Mobirise
Todo lo que sigue pertenece al editor de bloques y se comporta igual en línea y sin conexión en la versión instalada. Los elementos de pago están marcados.
Bloques
Arrastra bloques ya hechos desde el panel lateral a la página y reordénalos. Clone Block duplica uno con todos sus ajustes, útil para secciones repetidas como dos listas de precios.
Texto e imágenes en su sitio
Haz clic en el texto de ejemplo y escribe, haz clic en una foto y cámbiala. Las imágenes se convierten a WebP automáticamente, cada título puede llevar la etiqueta H que elijas y el texto se puede justificar.
Parámetros del bloque
Cada bloque lleva un panel de parámetros para espacios, fondo, elementos visibles y número de columnas. La mayoría de las decisiones de diseño se toman aquí y no arrastrando elementos sueltos.
Estilo del sitio
Las fuentes y los colores de todo el sitio se definen en un solo lugar, el Style Editor; las últimas versiones han añadido más tipografías. Quienes usan el teclado ven un contorno de enfoque visible.
IA para bloques sueltos
Con un plan de IA premium, “Generate Block with AI” y “Edit Block with AI” crean o reescriben una sección. También puedes empezar un borrador de todo el sitio a partir de una breve descripción de tu negocio.
Código, si lo quieres
Code Editor, una extensión de pago incluida en todos los planes de pago, te permite reescribir el HTML y el CSS de cualquier bloque o página. Sin ella nunca tocas código, que es justo la idea de crear de forma visual sin escribir marcado.
Las extensiones de pago como Form Builder, Popup Builder y Smart Cart (PayPal y Stripe) añaden sus propios bloques arrastrables. Solo se venden dentro de KIT, BASE o GROW; consulta la página de precios de Mobirise.
Un constructor HTML de arrastrar y soltar con exportación de código
Mucha gente quiere un constructor que entregue archivos reales, para que ningún hosting sea dueño de su sitio.
Lo que obtienes
Publicar en una carpeta de tu disco desde la aplicación instalada produce HTML, CSS y JavaScript basados en Bootstrap 5, incluido el plan gratuito. La misma aplicación también puede enviar el sitio por FTP o FTPES, o subirlo a GitHub Pages.
Lo que no puede hacer
Mobirise solo lee proyectos creados en Mobirise. Una plantilla HTML comprada o páginas hechas con otro software no se pueden importar y editar arrastrando; para eso encaja mejor un editor visual que trabaja sobre HTML existente.
Trabajar sin conexión
Lejos del Wi-Fi, la aplicación instalada sigue editando y previsualizando. Los borradores con IA, la subida y la descarga de temas nuevos se reanudan cuando vuelve la red; crear páginas sin conexión explica los detalles.
Dónde conseguir la aplicación
Los instaladores para cada sistema están en la página de descarga de Mobirise: unos 105 MB en Windows y unos 134 MB por paquete de macOS.
Cuándo encaja la edición por bloques y cuándo elegir otra herramienta
Funciona bien para
- Empresas de servicios, clínicas, agencias y tiendas pequeñas que necesitan un sitio claro de scroll
- Quien quiere la versión para teléfono bien hecha sin una segunda ronda de ediciones
- Quien quiere libertad de hosting y los archivos HTML
- Freelancers que producen sitios parecidos para varios clientes
Elige otra herramienta si
- Quieres elementos en posiciones exactas al píxel: Wix o WYSIWYG Web Builder
- Necesitas una disposición distinta en teléfonos: el editor móvil de Wix o el diseño móvil de Squarespace
- Debes seguir trabajando en páginas hechas en otro lugar: Mobirise no puede cargarlas
- Piensas en CSS y quieres control total en cada punto de ruptura: Webflow
- Esperas un catálogo de cientos de productos: una plataforma de comercio dedicada
Preguntas sobre crear una página web arrastrando bloques
¿Qué significa crear una página web arrastrando y soltando?
Es una herramienta en la que montas páginas moviendo elementos con el puntero en lugar de escribir código. Algunas herramientas te dejan colocar elementos sueltos en cualquier punto de un lienzo; otras, entre ellas Mobirise, te hacen ordenar bloques enteros ya hechos y luego editarlos en su sitio.
¿Puede un constructor de sitios web de arrastrar y soltar ser gratis para siempre?
Sí. Mobirise no cuesta nada para sitios personales ni comerciales y no tiene periodo de prueba. Con ese plan creas todos los sitios que quieras para tu propio servidor, y hasta tres más pueden estar en mobirisesite.com con una pequeña línea de créditos.
¿Qué herramienta es mejor para principiantes?
Las herramientas por bloques suelen ser más fáciles para empezar, porque la alineación y la versión para teléfono se resuelven por ti. Las herramientas de lienzo como Wix dan más libertad, pero piden una segunda pasada para dispositivos móviles.
¿Se verá bien mi sitio en los teléfonos?
Sí, siempre que te sirva un único diseño compartido: los bloques de Mobirise se reorganizan solos para pantallas estrechas, medianas y anchas, y puedes previsualizar cada tamaño antes de publicar. Lo que no puedes hacer es dar a los teléfonos su propia disposición ni ocultar un elemento solo en la versión móvil.
¿Hay una aplicación para crear sitios web desde el teléfono?
Los usuarios de Android pueden instalar la aplicación AI Website Builder: Mobirise desde Google Play, que genera y publica sitios con IA. No tiene el editor de bloques completo de la versión de escritorio. No existe nada para iOS; en iPhone o iPad, la vía de entrada es la versión en el navegador.
¿Puedo obtener el código fuente de mi sitio?
Sí. La aplicación instalada de Mobirise guarda HTML, CSS y JavaScript con cualquier plan. Los sitios de Wix tienen que funcionar en los servidores de Wix, y Webflow permite exportar el código solo en los planes de pago de workspace.
¿Crear una web haciendo clic y arrastrando es lo mismo?
Sí, ambos nombres describen pulsar un elemento o un bloque, mantener el botón y llevarlo a su posición. Las herramientas se diferencian en lo que mueves: un elemento suelto o una sección completa.
¿Ofrece Hostinger edición de arrastrar y soltar?
Sí. Su constructor de sitios web tiene un modo manual para editar elementos dentro de las secciones y una vista móvil donde se pueden ocultar elementos por dispositivo. Los sitios solo se pueden publicar en el hosting de Hostinger.
¿Puedo empezar con IA y luego ordenar los bloques yo mismo?
Sí. Escribe una descripción breve y Mobirise AI devuelve cuatro diseños; elige uno y luego reordena o edita sus bloques en el editor visual o afínalo por chat. La generación se hace en línea, y la cuota gratuita es de 3 al mes.
¿Hace falta saber programar?
No. Solo trabajas con bloques, textos, imágenes y paneles de ajustes. Si más adelante quieres modificar el marcado, la extensión de pago Code Editor lo abre para cada bloque.
Monta tu primera página
Abre el constructor en línea con un borrador de IA o una página en blanco y arrastra los bloques a su sitio. ¿Prefieres trabajar en tu propio equipo, con o sin Wi-Fi? Instala la aplicación gratuita.