Creare sito web drag and drop
Con Mobirise crei un sito web drag and drop trascinando blocchi già pronti in una pagina e sostituendo i contenuti di esempio con i tuoi. Non costa nulla, funziona nel browser o come app installata e ogni blocco si adatta da solo ai telefoni, così non devi mantenere un secondo layout.
Verificato a ottobre 2026 · dal team di Mobirise, che gestisce mobirize.com
Il nostro costruttore in breve: blocchi, prezzo, telefoni, file
La versione breve per chi sta confrontando gli strumenti: cosa si sposta, quanto costa, come appaiono le pagine sugli schermi piccoli e dove finiscono i file finiti.
- Cosa sposti
- Blocchi interi: un'intestazione, una galleria, un listino prezzi, una sezione contatti. Li impili dall'alto verso il basso, poi cambi testi e immagini direttamente sulla pagina.
- Prezzo
- Non paghi nulla, che il sito sia personale o aziendale. L'edizione gratuita include un tema base e 200+ blocchi; i 220+ temi premium e le estensioni sono nei piani KIT, BASE e GROW.
- Telefoni e tablet
- Ogni blocco è responsive, quindi la pagina si riorganizza da sola per gli schermi stretti. L'editor mostra le tre dimensioni di schermo, così puoi controllare.
- Cosa non fa
- Hai un unico layout condiviso. Non esiste una disposizione solo per telefono né un interruttore che nasconda o sposti un elemento su un solo dispositivo.
- Dove funziona
- Online tramite a.mobirise.com, oppure come programma per Windows 7+, macOS 10.13+ e Linux basato su Debian. Entrambe le versioni usano lo stesso motore.
- Il tuo codice
- L'app installata genera HTML, CSS e JavaScript (Bootstrap 5) con qualsiasi piano, anche quello gratuito. L'esportazione dal costruttore online è una funzione di BASE e GROW.
- Partire con l'AI
- Descrivi brevemente il sito e ricevi quattro design, poi riordina tu i loro blocchi. Gli account gratuiti hanno 3 generazioni al mese.
Due tipi di editor drag and drop
L'espressione indica due modi di lavorare piuttosto diversi. Se ti sei chiesto che cosa significhi in pratica, questa è la distinzione che conta di più, perché decide quanto tempo dovrai dedicare dopo a sistemare la versione per telefono.
Canvas a posizione libera
Prendi una casella di testo, un'immagine o un pulsante e lo lasci in qualsiasi punto, anche sopra un altro elemento. Wix e WYSIWYG Web Builder funzionano così. Hai un controllo preciso sulla composizione desktop, per esempio un'immagine che si sovrappone a un titolo. Il prezzo da pagare compare sugli schermi piccoli: una disposizione pensata per un monitor largo non si restringe da sola, quindi questi strumenti offrono una vista mobile in cui sposti, ridimensioni o nascondi gli elementi una seconda volta.
Impilare blocchi
Trascini sezioni complete in un ordine verticale e le compili. Mobirise si basa su questo modello, e le sezioni di Squarespace con Fluid Engine stanno a metà strada: i blocchi si agganciano a una griglia dentro ogni sezione. L'allineamento è già risolto, perché ogni blocco ha colonne e spaziature definite. Il compromesso è una libertà minore: non puoi collocare un elemento a un pixel qualsiasi e i design insoliti con sovrapposizioni sono difficili da ottenere.
Una regola di massima: se immagini la pagina come un poster, ti conviene uno strumento a canvas; se immagini qualcosa da scorrere, impilare blocchi è più rapido e riserva meno sorprese sui telefoni.
Il miglior costruttore di siti web drag and drop in base all'uso
Nessuno strumento vince su tutti i fronti. Queste sono le scelte che daremmo a un amico, a seconda del progetto. Mobirise è un nostro prodotto, quindi considera la sua riga qui come la voce del produttore.
- Gratis, e vuoi i file
- Mobirise: impili i blocchi, vedi l'anteprima in tre dimensioni di schermo, poi carichi sul tuo server o tieni l'HTML. La versione gratuita non scade mai.
- Layout al pixel, online
- Wix: metti qualsiasi cosa ovunque e regoli una versione mobile separata. Il sito deve restare sui server di Wix.
- Template curati, griglia dentro le sezioni
- Squarespace con Fluid Engine: disponi i blocchi su una griglia e imposti il layout mobile a parte. Si paga dopo una prova di 14 giorni.
- Posizionamento esatto in un programma per PC
- WYSIWYG Web Builder vende una licenza una tantum, offre layout assoluti e flessibili con breakpoint e importa pagine HTML esistenti.
- Controllo del design vicino al CSS
- Webflow: classi, breakpoint e un pannello Style che corrisponde alle proprietà CSS. Metti in conto una curva di apprendimento più lunga.
- L'avvio hosted più economico
- Hostinger Website Builder: prezzo basso se paghi in anticipo più anni, con controlli per nascondere elementi per dispositivo. Pubblica solo sull'hosting di Hostinger.
- Design con l'AI senza installare nulla
- 8B AI: puoi progettare gratis, ma per andare online serve il piano Pro. Non ha una versione desktop.
Costruttori di siti web drag and drop a confronto
Sette strumenti, giudicati per come posizionano gli elementi, come trattano i telefoni e se puoi portarti via il codice. Abbiamo lasciato le righe in cui Mobirise perde.
| Mobirise | Wix | Squarespace | 8B AI | WYSIWYG Web Builder | Webflow | Hostinger | |
|---|---|---|---|---|---|---|---|
| Prezzo d'ingresso per andare online | 0 $ su un sottodominio mobirisesite.com o sul tuo server | 17 $ al mese con il piano Light, fatturato annualmente | 19 $ al mese con il piano Basic, fatturato annualmente (25 $ mese per mese) | 9 $ al mese con il piano Pro, fatturato annualmente | 59,95 $ una tantum, IVA esclusa | Piano sito Basic a 15 $ al mese | 2,99 $ al mese con il piano Premium pagando 48 mesi in anticipo; 10,99 $ al rinnovo |
| Opzione gratuita | Piano gratuito, non scade mai | Piano gratuito con pubblicità di Wix | Solo prova di 14 giorni | Solo design, non si può pubblicare | Completamente funzionante per 30 giorni | Sito gratuito su webflow.io, con badge visibile | Prova, non si può pubblicare |
| Come posizioni gli elementi | Impili blocchi interi, modifichi sul posto | Posizione libera ovunque, livelli | Blocchi su una griglia dentro le sezioni | Design generato, modificato in chat con l'AI | Posizione libera o layout flessibili | Elementi formattati con classi | Elementi dentro le sezioni |
| Layout per telefono | Automatico, un solo layout condiviso | Editor mobile separato | Layout mobile impostato in modo indipendente | Non indicato | Breakpoint per elemento | Breakpoint nel pannello Style | Vista mobile, nascondi per dispositivo |
| Nascondere un elemento solo sui telefoni | No | Sì | Layout impostato a parte | Non indicato | Sì, con i breakpoint | Sì, con i breakpoint | Sì |
| Programma installabile | Sì, per Windows, macOS e Linux | Nessuno | Nessuno | Nessuno | Solo Windows | Nessuno | Nessuno |
| Portare il codice altrove | Export HTML nell'app installata, con qualsiasi piano | No, gira sui server di Wix | Alcuni contenuti solo come .xml | Export HTML completo con Pro | Sì, in una cartella o via FTP | Piani workspace a pagamento | Non indicato |
I dati provengono dai listini ufficiali e dagli articoli di supporto di ogni produttore, che abbiamo letto tra il 13 e il 16 ottobre 2026. Le cifre sono in dollari statunitensi, tasse escluse, con la base di fatturazione indicata in ogni cella. Le recensioni di terzi riportano spesso cifre superate (Squarespace Basic è ancora citato a 16 $ in molte), e i produttori cambiano i prezzi e fanno promozioni, quindi controlla il sito del produttore prima di pagare.
Come si comporta sul telefono un layout trascinato
Per il sito di una piccola attività, il risultato su mobile è la vera prova di qualsiasi editor. Ecco che cosa succede a una pagina disposta su uno schermo grande, a seconda del tipo di editor.
Le colonne diventano una sola
In Mobirise, un blocco a tre colonne diventa una colonna singola su uno schermo stretto, e i blocchi mantengono l'ordine dall'alto verso il basso. Spaziature e testo si adattano seguendo la griglia di Bootstrap 5. Niente si sovrappone, perché in origine nulla è stato posizionato al pixel.
Un secondo passaggio a mano
In un editor a canvas, gli elementi posizionati per una pagina larga possono finire in punti strani sul telefono. Wix e Hostinger offrono una vista mobile in cui riordinare o nascondere gli elementi; Wix precisa che le modifiche fatte lì non toccano la versione desktop.
Regole per ogni larghezza di schermo
Webflow e WYSIWYG Web Builder permettono di impostare valori diversi a larghezze scelte. È l'approccio più preciso e anche il più laborioso: ogni breakpoint è una versione in più da controllare. Come si collocano questi editor tra gli altri tipi di strumenti lo trovi nella nostra guida ai programmi per creare siti web.
Il limite onesto dell'approccio a blocchi: non puoi dire a Mobirise di mostrare un'immagine su desktop ma toglierla sui telefoni, né di spostare più in alto un pulsante solo su mobile. Se per te conta una disposizione specifica per telefono, Wix ha un editor mobile pensato proprio per questo. Per la maggior parte dei siti di servizi, un solo layout che si riadatta basta e ti evita di tenere sincronizzate due versioni. Chi cerca un costruttore di siti web per mobile che mantenga ordinata la versione per schermi piccoli senza sforzo extra è proprio la persona a cui si rivolge questo modello.
- Anteprima in tre dimensioni. Passa tra le viste telefono, tablet e desktop prima di pubblicare.
- Blocchi brevi. Un blocco con molte colonne diventa una lunga scrollata sul telefono.
- Controlla i titoli. Un titolo lungo che sta su una riga sul desktop può occuparne quattro su uno schermo piccolo.
- Prova su dispositivi reali. Apri il sito online sul tuo telefono; l'anteprima è vicina, ma non identica.
Cosa puoi trascinare e impostare in Mobirise
Tutto ciò che segue appartiene all'editor a blocchi e si comporta in modo identico online e offline nella versione installata. Gli elementi a pagamento sono segnalati.
Blocchi
Trascini blocchi già pronti dal pannello laterale nella pagina e li riordini. Clone Block duplica un blocco insieme alle sue impostazioni, comodo per sezioni ripetute come due listini prezzi.
Testi e immagini sul posto
Fai clic sul testo di esempio e scrivi, fai clic su una foto e sostituiscila. Le immagini vengono convertite automaticamente in WebP e ogni titolo può avere il tag H che scegli; il testo può essere giustificato.
Parametri del blocco
Ogni blocco ha un pannello per spaziatura, sfondo, elementi visibili e numero di colonne. La maggior parte delle decisioni di layout si prende qui, più che trascinando i singoli elementi.
Stile del sito
Caratteri e colori valgono per tutto il sito e si impostano in un solo posto, lo Style Editor; le versioni recenti hanno aggiunto altri font. Chi usa la tastiera ha un contorno di focus visibile.
AI per singoli blocchi
Con un piano AI premium, «Generate Block with AI» e «Edit Block with AI» creano o riscrivono una singola sezione. Una bozza dell'intero sito può partire anche da una breve descrizione della tua attività.
Il codice, se lo vuoi
Code Editor, un'estensione a pagamento inclusa in ogni piano a pagamento, permette di riscrivere l'HTML e il CSS sotto qualsiasi blocco o pagina. Senza di essa non tocchi mai il codice, ed è proprio l'idea della costruzione visuale senza markup.
Estensioni a pagamento come Form Builder, Popup Builder e Smart Cart (PayPal e Stripe) aggiungono propri blocchi trascinabili. Si vendono solo all'interno di KIT, BASE o GROW; vedi la pagina dei prezzi di Mobirise.
Un costruttore HTML drag and drop con export del codice
Molte persone vogliono un costruttore che consegni file veri, così nessun hosting possiede il loro sito.
Cosa ottieni
Pubblicando in una cartella del disco dall'app installata ottieni HTML, CSS e JavaScript basati su Bootstrap 5, piano gratuito incluso. La stessa app può anche inviare il sito via FTP o FTPES, oppure pubblicarlo su GitHub Pages.
Cosa non può fare
Mobirise legge solo i progetti creati in Mobirise. Un template HTML acquistato o pagine fatte con altri programmi non si possono importare e modificare trascinando; per questo scopo è più adatto un editor visuale che lavora su HTML esistente.
Lavorare offline
Senza Wi-Fi, l'app installata continua a modificare e mostrare le anteprime. Le bozze AI, il caricamento e lo scaricamento di nuovi temi riprendono quando torna la rete; costruire senza connessione spiega i dettagli.
Dove trovare l'app
Gli installer per ogni sistema sono elencati nella pagina di download di Mobirise: circa 105 MB su Windows, circa 134 MB per ogni pacchetto macOS.
Quando conviene l'editing a blocchi e quando scegliere un altro strumento
Funziona bene per
- Studi professionali, cliniche, agenzie e piccoli negozi che hanno bisogno di un sito chiaro da scorrere
- Chi vuole la versione per telefono giusta senza un secondo giro di modifiche
- Chi vuole libertà di hosting e i file HTML
- Freelance che realizzano siti simili per più clienti
Scegli un altro strumento se
- Vuoi gli elementi in posizioni esatte al pixel: Wix o WYSIWYG Web Builder
- Ti serve una disposizione diversa sui telefoni: l'editor mobile di Wix o il layout mobile di Squarespace
- Devi continuare a lavorare su pagine fatte altrove: Mobirise non può caricarle
- Ragioni in CSS e vuoi il pieno controllo a ogni breakpoint: Webflow
- Ti aspetti un catalogo di centinaia di prodotti: una piattaforma e-commerce dedicata
Domande sul creare siti trascinando blocchi
Cosa significa creare un sito web drag and drop?
È uno strumento in cui assembli le pagine spostando elementi con il puntatore invece di scrivere codice. Alcuni strumenti ti lasciano collocare i singoli elementi ovunque su un canvas; altri, Mobirise compreso, ti fanno disporre blocchi interi già pronti e poi modificarli sul posto.
Un costruttore di siti web drag and drop gratuito può restare gratis per sempre?
Sì. Mobirise non costa nulla per siti personali o commerciali e non ha un periodo di prova. Con quel piano crei quanti siti vuoi per il tuo server, e fino a tre altri possono stare su mobirisesite.com con una piccola riga di credito.
Quale strumento è più adatto ai principianti?
Gli strumenti a blocchi di solito sono più facili da cominciare, perché allineamento e versione per telefono sono gestiti per te. Gli strumenti a canvas come Wix danno più libertà ma richiedono un secondo passaggio su mobile.
Il mio sito sarà a posto sui telefoni?
Sì, purché ti vada bene un'unica disposizione condivisa: i blocchi di Mobirise si riorganizzano da soli per schermi stretti, medi e larghi, e puoi vedere l'anteprima di ogni dimensione prima di andare online. Quello che non puoi fare è dare ai telefoni una disposizione propria o nascondere un elemento solo su mobile.
Esiste un'app per creare siti dal telefono?
Su Android puoi installare l'app AI Website Builder: Mobirise da Google Play, che genera e pubblica siti con l'AI. Non ha l'editor a blocchi completo della versione desktop. Per iOS non esiste nulla; su iPhone o iPad si accede con la versione nel browser.
Posso ottenere il codice sorgente del mio sito?
Sì. L'app Mobirise installata salva HTML, CSS e JavaScript con qualsiasi piano. I siti Wix devono girare sui server di Wix, e Webflow consente l'export del codice solo con i piani workspace a pagamento.
Costruire siti con clic e trascinamento è la stessa cosa?
Sì, entrambi i nomi descrivono l'atto di premere su un elemento o un blocco, tenere premuto il pulsante e spostarlo al suo posto. Gli strumenti differiscono per ciò che sposti: un singolo elemento o una sezione intera.
Hostinger offre l'editing drag and drop?
Sì. Il suo costruttore di siti web ha una modalità manuale per modificare gli elementi dentro le sezioni e una vista mobile in cui gli elementi si possono nascondere per dispositivo. I siti si possono pubblicare solo sull'hosting di Hostinger.
Posso partire dall'AI e poi disporre i blocchi da solo?
Sì. Scrivi una breve descrizione e Mobirise AI restituisce quattro design; ne scegli uno, poi riordini o modifichi i suoi blocchi nell'editor visuale o lo affini in chat. La generazione avviene online e la quota gratuita è di 3 al mese.
Servono conoscenze di programmazione?
No. Hai a che fare solo con blocchi, testi, immagini e pannelli di impostazioni. Se più avanti vorrai modificare il markup, l'estensione a pagamento Code Editor lo apre per ogni blocco.
Disponi la tua prima pagina
Apri il costruttore online con una bozza AI o una pagina vuota e trascina i blocchi al loro posto. Preferisci lavorare sul tuo computer, con o senza Wi-Fi? Installa l'app gratuita.