Construtor de sites arrastar e soltar
Com o Mobirise, você monta um site arrastando blocos prontos para a página e escrevendo por cima do conteúdo de exemplo. Não custa nada, funciona no navegador ou como aplicativo instalado, e cada bloco se ajusta sozinho ao celular, então você nunca precisa manter um segundo layout.
Verificado em outubro de 2026 · pela equipe do Mobirise, que mantém o mobirize.com
Nosso construtor de sites em resumo: blocos, preço, celulares, arquivos
A versão curta para quem está comparando ferramentas: o que você move, quanto custa, como as páginas ficam em telas pequenas e onde vão parar os arquivos prontos.
- O que você move
- Blocos inteiros: um cabeçalho, uma galeria, uma lista de preços, uma seção de contato. Você os empilha de cima para baixo e depois altera textos e imagens direto na página.
- Preço
- Nada a pagar, seja o site pessoal ou de uma empresa. A edição gratuita traz um tema básico e 200+ blocos; os 220+ temas premium e as extensões ficam nos planos KIT, BASE e GROW.
- Celulares e tablets
- Cada bloco é responsivo, então a página se reorganiza sozinha em telas estreitas. O editor mostra os três tamanhos de tela para você conferir.
- O que ele não faz
- Você tem um único layout compartilhado. Não existe arranjo exclusivo para celular nem uma opção que oculte ou desloque um item em um só dispositivo.
- Onde funciona
- Online pelo a.mobirise.com, ou como programa para Windows 7+, macOS 10.13+ e Linux baseado em Debian. Um único motor alimenta os dois.
- Seu código
- O aplicativo instalado gera HTML, CSS e JavaScript (Bootstrap 5) em qualquer plano, inclusive no gratuito. Exportar pelo construtor online é um recurso dos planos BASE e GROW.
- Começo com IA
- Descreva o site em poucas palavras, receba quatro designs e depois reorganize os blocos por conta própria. Contas gratuitas têm 3 gerações por mês.
Dois tipos de editor de arrastar e soltar
A expressão cobre dois jeitos bem diferentes de trabalhar. Se você ficou em dúvida sobre o que o termo significa na prática, esta é a divisão que mais importa, porque ela decide quanto tempo você vai gastar depois consertando a versão para celular.
Tela de posição livre
Você pega uma caixa de texto, uma imagem ou um botão e solta em qualquer ponto, até sobre outro elemento. Wix e WYSIWYG Web Builder funcionam assim. Você tem controle exato sobre uma composição para desktop, como uma imagem que se sobrepõe a um título. O custo aparece nas telas pequenas: um arranjo feito para um monitor largo não encolhe sozinho, por isso essas ferramentas oferecem uma visualização para celular em que você move, redimensiona ou oculta itens uma segunda vez.
Empilhamento de blocos
Você puxa seções completas para uma ordem vertical e as preenche. O Mobirise é construído sobre esse modelo, e as seções do Squarespace com Fluid Engine ficam entre os dois: os blocos se encaixam numa grade dentro de cada seção. O alinhamento fica resolvido, porque cada bloco já tem colunas e espaçamento definidos. Em troca, há menos liberdade: você não pode largar um elemento num pixel qualquer, e designs incomuns com sobreposição são difíceis de conseguir.
Uma regra aproximada: se você imagina a página como um pôster, uma ferramenta de tela livre combina com você; se imagina algo para rolar, empilhar blocos é mais rápido e traz menos surpresas nos celulares.
Melhor construtor de sites arrastar e soltar por tipo de uso
Nenhuma ferramenta vence em tudo. Estas são as indicações que daríamos a um amigo, conforme o projeto. O Mobirise é nosso produto, então leia a linha dele aqui como a voz do fabricante.
- Grátis, e você quer os arquivos
- Mobirise: empilhe blocos, visualize em três tamanhos de tela e depois envie para o seu próprio servidor ou guarde o HTML. A versão gratuita nunca expira.
- Layout ao pixel, online
- Wix: coloque qualquer coisa em qualquer lugar e ajuste uma versão separada para celular. O site precisa ficar nos servidores da Wix.
- Templates elegantes, grade dentro das seções
- Squarespace com Fluid Engine: organize blocos numa grade e defina o layout para celular separadamente. Você paga após um teste de 14 dias.
- Posicionamento exato em um programa para PC
- O WYSIWYG Web Builder vende uma licença única, tem layouts absolutos e flexíveis com breakpoints e importa páginas HTML existentes.
- Controle de design próximo ao CSS
- Webflow: classes, breakpoints e um painel Style que corresponde às propriedades do CSS. Espere uma curva de aprendizado maior.
- O começo hospedado mais barato
- Hostinger Website Builder: preço baixo quando você paga vários anos adiantado, com controles para ocultar itens por dispositivo. Publica somente na hospedagem da Hostinger.
- Design com IA sem instalar nada
- 8B AI: você pode criar o design sem custo, mas para publicar é preciso o plano Pro. Não existe versão para desktop.
Cada construtor de sites arrastar e soltar em comparação
Sete ferramentas, avaliadas por como posicionam os elementos, como tratam os celulares e se você pode sair com o código. Deixamos as linhas em que o Mobirise perde.
| Mobirise | Wix | Squarespace | 8B AI | WYSIWYG Web Builder | Webflow | Hostinger | |
|---|---|---|---|---|---|---|---|
| Preço de entrada para publicar | US$ 0 em um subdomínio mobirisesite.com ou no seu próprio servidor | US$ 17 por mês no plano Light, cobrança anual | US$ 19 por mês no plano Basic, cobrança anual (US$ 25 pagando mês a mês) | US$ 9 por mês no plano Pro, cobrança anual | US$ 59,95 em pagamento único, antes dos impostos | Plano de site Basic a US$ 15 por mês | US$ 2,99 por mês no plano Premium com pagamento adiantado de 48 meses; US$ 10,99 na renovação |
| Opção gratuita | Plano gratuito, nunca expira | Plano gratuito com anúncios da Wix | Somente teste de 14 dias | Somente design, não publica | Totalmente funcional por 30 dias | Site gratuito em webflow.io, com selo exibido | Teste, não publica |
| Como você posiciona os itens | Empilha blocos inteiros, edita no próprio lugar | Posição livre em qualquer ponto, camadas | Blocos numa grade dentro das seções | Design gerado, alterado por chat com IA | Posição livre ou layouts flexíveis | Elementos estilizados com classes | Elementos dentro de seções |
| Layout para celular | Automático, um layout compartilhado | Editor mobile separado | Layout mobile definido de forma independente | Não divulgado | Breakpoints por elemento | Breakpoints no painel Style | Visualização mobile, ocultar por dispositivo |
| Ocultar um item só no celular | Não | Sim | Layout definido separadamente | Não divulgado | Sim, com breakpoints | Sim, com breakpoints | Sim |
| Programa instalável | Sim, para Windows, macOS e Linux | Nenhum | Nenhum | Nenhum | Somente Windows | Nenhum | Nenhum |
| Levar o código para outro lugar | Exportação HTML no aplicativo instalado, em qualquer plano | Não, roda nos servidores da Wix | Parte do conteúdo só como .xml | Exportação HTML completa no Pro | Sim, para uma pasta ou por FTP | Planos pagos de workspace | Não divulgado |
Os dados vêm das listas de preços oficiais e dos artigos de suporte de cada fornecedor, que lemos entre 13 e 16 de outubro de 2026. Os valores estão em dólares americanos, sem impostos, na base de cobrança indicada em cada célula. Avaliações de terceiros costumam trazer valores desatualizados (o Squarespace Basic ainda é citado a US$ 16 em muitas), e os fornecedores mudam preços e fazem promoções, então confira o site do fornecedor antes de pagar.
Como um layout arrastado se comporta no celular
Para o site de uma pequena empresa, o resultado no celular é o verdadeiro teste de qualquer editor. Veja o que acontece com uma página montada numa tela grande, conforme o tipo de editor.
As colunas viram uma só
No Mobirise, um bloco de três colunas vira uma coluna única numa tela estreita, e os blocos mantêm a ordem de cima para baixo. Espaçamento e texto se ajustam junto com a grade do Bootstrap 5. Nada se sobrepõe, porque nada foi posicionado por pixel desde o início.
Uma segunda passada manual
Num editor de tela livre, itens posicionados para uma página larga podem cair em lugares estranhos no celular. Wix e Hostinger oferecem uma visualização mobile para reorganizar ou ocultar itens; a Wix avisa que as mudanças ali não alteram a versão para desktop.
Regras por largura de tela
Webflow e WYSIWYG Web Builder permitem definir valores diferentes em larguras escolhidas. É a abordagem mais precisa e também a que dá mais trabalho: cada breakpoint é mais uma versão para conferir. Como esses editores se situam entre os outros tipos de ferramenta está no nosso guia de programas para criar sites.
O limite honesto da abordagem por blocos: você não pode mandar o Mobirise mostrar uma imagem no desktop mas tirá-la no celular, nem subir um botão só na versão mobile. Se um arranjo específico para celular é importante para você, a Wix tem um editor mobile feito para essa tarefa. Para a maioria dos sites de serviços, um layout que se reorganiza basta e poupa você de manter duas versões em sincronia. Quem procura um criador de sites arrastar e soltar que mantenha a versão para tela pequena em ordem sem esforço extra é exatamente quem esse modelo atende.
- Visualize três tamanhos. Alterne entre as visualizações de celular, tablet e desktop antes de publicar.
- Mantenha os blocos curtos. Um bloco com muitas colunas vira uma rolagem longa no celular.
- Confira os títulos. Um título longo que cabe numa linha no desktop pode ocupar quatro numa tela pequena.
- Teste em aparelhos reais. Abra o site publicado no seu próprio celular; a visualização é parecida, mas não idêntica.
O que você pode arrastar e ajustar no Mobirise
Tudo abaixo pertence ao editor de blocos e se comporta de forma idêntica online e offline na versão instalada. Os itens pagos estão indicados.
Blocos
Puxe blocos prontos do painel lateral para a página e reordene-os. Clone Block duplica um bloco com suas configurações, útil para seções repetidas, como duas listas de preços.
Textos e imagens no lugar
Clique no texto de exemplo e digite, clique numa foto e troque. As imagens são convertidas em WebP automaticamente, cada título pode receber a tag H que você escolher, e o texto pode ser justificado.
Parâmetros do bloco
Cada bloco tem um painel de parâmetros para espaçamento, fundo, elementos visíveis e número de colunas. A maior parte das decisões de layout acontece aqui, e não arrastando itens avulsos.
Estilo do site
Fontes e cores de todo o site são definidas num só lugar, o Style Editor; versões recentes acrescentaram mais famílias de fontes a ele. Quem usa o teclado vê um contorno de foco visível.
IA para blocos individuais
Com um plano premium de IA, “Generate Block with AI” e “Edit Block with AI” criam ou reescrevem uma seção. Um rascunho do site inteiro também pode partir de uma breve descrição do seu negócio.
Código, se você quiser
O Code Editor, uma extensão paga incluída em todos os planos pagos, permite reescrever o HTML e o CSS de qualquer bloco ou página. Sem ele, você nunca toca no código, que é justamente a ideia de construir de forma visual, sem marcação.
Extensões pagas como Form Builder, Popup Builder e Smart Cart (PayPal e Stripe) acrescentam seus próprios blocos arrastáveis. Elas são vendidas somente dentro dos planos KIT, BASE ou GROW; veja a página de preços do Mobirise.
Um construtor HTML de arrastar e soltar com exportação de código
Muita gente quer um construtor que entregue arquivos de verdade, para que nenhuma hospedagem seja dona do seu site.
O que você recebe
Publicar em uma pasta do seu disco a partir do aplicativo instalado gera HTML, CSS e JavaScript baseados em Bootstrap 5, inclusive no plano gratuito. O mesmo aplicativo também pode enviar o site por FTP ou FTPES, ou publicá-lo no GitHub Pages.
O que ele não faz
O Mobirise só abre projetos criados no Mobirise. Um template HTML comprado ou páginas feitas em outro software não podem ser importados e editados arrastando; para isso, um editor visual que trabalha com HTML existente serve melhor.
Trabalhando offline
Longe do Wi-Fi, o aplicativo instalado continua editando e mostrando a prévia. Rascunhos com IA, envio de arquivos e download de novos temas voltam quando a rede volta; criar site sem conexão traz os detalhes.
Onde obter o aplicativo
Os instaladores para cada sistema estão listados na página de download do Mobirise: cerca de 105 MB no Windows e cerca de 134 MB por pacote do macOS.
Quando a edição por blocos serve e quando escolher outra ferramenta
Funciona bem para
- Empresas de serviços, clínicas, agências e pequenas lojas que precisam de um site claro, de rolagem
- Pessoas que querem a versão para celular certa sem uma segunda rodada de edições
- Quem quer liberdade de hospedagem e os arquivos HTML
- Freelancers que produzem sites parecidos para vários clientes
Escolha outra ferramenta se
- Você quer elementos em posições exatas de pixel: Wix ou WYSIWYG Web Builder
- Você precisa de um arranjo diferente nos celulares: o editor mobile da Wix ou o layout mobile do Squarespace
- Você precisa continuar trabalhando em páginas feitas em outro lugar: o Mobirise não consegue abri-las
- Você pensa em CSS e quer controle total em cada breakpoint: Webflow
- Você espera um catálogo de centenas de produtos: uma plataforma de comércio específica
Perguntas sobre montar sites arrastando blocos
O que significa construtor de sites arrastar e soltar?
É uma ferramenta em que você monta páginas movendo elementos com o mouse, em vez de digitar código. Algumas deixam você posicionar itens avulsos em qualquer ponto de uma tela; outras, o Mobirise entre elas, pedem que você organize blocos prontos inteiros e depois os edite no próprio lugar.
Um construtor de sites sem código e gratuito pode continuar grátis para sempre?
Pode. O Mobirise não custa nada para sites pessoais ou comerciais e não tem período de teste. Nesse plano você cria quantos sites quiser para o seu próprio servidor, e até três outros podem ficar no mobirisesite.com, com uma pequena linha de crédito.
Qual ferramenta serve melhor para iniciantes?
Ferramentas baseadas em blocos costumam ser mais fáceis de começar, porque o alinhamento e a versão para celular são resolvidos por você. Ferramentas de tela livre, como a Wix, dão mais liberdade, mas pedem uma segunda passada no mobile.
Meu site vai ficar bom nos celulares?
Vai, desde que um único arranjo compartilhado sirva para você: os blocos do Mobirise se reorganizam para telas estreitas, médias e largas, e você pode visualizar cada tamanho antes de publicar. O que não dá é criar um arranjo próprio para celulares ou ocultar um item só no mobile.
Existe um aplicativo construtor de sites para celular?
Usuários de Android podem instalar o aplicativo AI Website Builder: Mobirise no Google Play, que gera e publica sites com IA. Ele não tem o editor de blocos completo da versão para desktop. Não existe versão para iOS; no iPhone ou iPad, o caminho é a versão no navegador.
Posso obter o código-fonte do meu site?
Pode. O aplicativo instalado do Mobirise salva HTML, CSS e JavaScript em qualquer plano. Sites da Wix precisam rodar nos servidores da Wix, e o Webflow só permite exportar código em planos pagos de workspace.
Criar sites clicando e arrastando é a mesma coisa?
É. Os dois nomes descrevem pressionar um elemento ou bloco, manter o botão apertado e movê-lo até a posição. As ferramentas diferem no que você move: um item avulso ou uma seção inteira.
A Hostinger oferece edição de arrastar e soltar?
Oferece. O construtor de sites dela tem um modo manual para editar elementos dentro das seções e uma visualização mobile em que os itens podem ser ocultados por dispositivo. Os sites só podem ser publicados na hospedagem da Hostinger.
Posso começar pela IA e depois organizar os blocos por conta própria?
Pode. Escreva uma breve descrição e o Mobirise AI devolve quatro designs; escolha um e depois reordene ou edite os blocos no editor visual, ou refine-o por chat. A geração acontece online, e a cota gratuita é de 3 por mês.
É preciso saber programar?
Não. Você lida apenas com blocos, textos, imagens e painéis de configuração. Se mais tarde quiser ajustar a marcação, a extensão paga Code Editor a abre para cada bloco.
Monte sua primeira página
Abra o construtor online com um rascunho de IA ou uma página em branco e puxe os blocos para o lugar. Prefere trabalhar no seu próprio computador, com ou sem Wi-Fi? Instale o aplicativo gratuito.