Construtor de sites de arrastar e soltar
O Mobirise é um construtor de sites de arrastar e soltar feito de blocos prontos: solte um na página, troque o texto de exemplo e ajuste espaçamento, fundo ou colunas no painel dele. Cada bloco se adapta sozinho ao celular, e o criador é gratuito no navegador ou como aplicativo para desktop.
Fatos verificados em 13 de outubro de 2026 · equipe do Mobirise
Como o Mobirise faz arrastar e soltar: os principais fatos
Um criador de sites sem código permite fazer um site sem escrever HTML nem CSS, e arrastar e soltar é como a maioria deles funciona: você move blocos ou elementos na página e define todo o resto em painéis.
- Modelo de edição
- Baseado em blocos. Você puxa blocos prontos para a página, muda textos e imagens ali mesmo e ajusta cada bloco no próprio painel de parâmetros, em vez de empurrar itens pixel por pixel.
- Ajustes por bloco
- O espaçamento e o fundo dele, as partes que ele exibe e quantas colunas tem. As fontes são escolhidas no Style Editor, e cada título pode usar a tag H que você escolher.
- Celulares e tablets
- Os blocos são responsivos, e o editor mostra cada página como ela aparece no celular, no tablet e no desktop. Um único layout atende todas as telas: você não pode manter uma disposição diferente para celulares nem ocultar um item em um só dispositivo.
- Plano gratuito
- O aplicativo para desktop, com mais de 200 blocos e um único tema básico, para quantos sites em hospedagem própria você quiser. No navegador, três sites no ar em subdomínios do mobirisesite.com, com HTTPS incluído, e três gerações com IA por mês. Os sites gratuitos mantêm a marca do Mobirise; o uso comercial é permitido.
- Planos pagos, por ano
- O plano KIT (US$ 149) libera a biblioteca premium completa, com mais de 220 temas e extensões, sem a marca. O plano BASE (US$ 199) traz três sites hospedados em domínios próprios e 100 gerações por mês. O plano GROW (US$ 249) amplia os limites para dez sites e 1.000 gerações.
- Plataformas
- Qualquer navegador, ou a versão desktop 6.1.12 para Windows 7 ou posterior (instalador de cerca de 105 MB), macOS 10.13 High Sierra ou posterior, com versões separadas para Apple Silicon e Intel (cerca de 134 MB cada), e Linux baseado em Debian, como o Ubuntu (.deb, cerca de 102 MB).
- Código
- Desnecessário. O aplicativo para desktop grava o site pronto em HTML, CSS e JS puros, em qualquer plano; o Code Editor, que é pago, mostra a marcação de um bloco quando você quer alterá-la.
- Não é a melhor opção para
- Layouts livres com precisão de pixel, uma versão para celular feita à mão ou a reabertura de um site criado em outra ferramenta.
Já em 2015, a manchete da resenha da Network World o chamava de “a free, simple, drag and drop mobile responsive Web site builder” (um criador de sites para celular responsivo, gratuito, simples e de arrastar e soltar). Hoje a página oficial de preços contabiliza mais de 2.500.000 usuários.
Canvas livre versus edição baseada em blocos
A maioria dos criadores desta página deixa você mover as coisas com o mouse. A diferença está no que você move, e isso define três coisas: quanto trabalho separado a versão para celular exige, com que rapidez sai a primeira página e quanto controle exato você mantém.
Canvas livre
Wix é o exemplo mais claro. O editor dele permite pegar um único elemento e soltá-lo em qualquer ponto da página, até sobre outro. Essa liberdade tem um preço em telas pequenas: o Wix deriva a versão para celular da sua disposição no desktop, os itens podem acabar em lugares diferentes e você os acerta em um editor mobile separado, cujas edições não afetam o site desktop. Escolha esse caminho quando a posição exata importar mais do que o tempo de criação.
Baseado em blocos
O Mobirise move blocos inteiros, e não itens avulsos. Você os empilha na ordem desejada e depois altera o conteúdo e as opções. Alinhamento e espaçamento pertencem ao bloco, então o celular ganha um layout sensato sem uma segunda rodada de ajustes, e a página ganha forma rapidamente. Squarespace mistura as duas ideias: as páginas são feitas de seções, mas dentro de cada uma você arrasta blocos por uma grade e pode organizar a versão para celular separadamente. Carrd é o caso mais simples, uma única página de elementos em uma só lista.
Experimente a edição por blocos grátisUm terceiro tipo fica à parte: as ferramentas visuais de CSS. No Webflow, você estiliza os elementos por um painel de propriedades CSS, salva os estilos como classes reutilizáveis e os ajusta em cada breakpoint, o que se aproxima de escrever uma folha de estilos sem digitá-la. O Framer lembra um aplicativo de design: o conteúdo flui em stacks e grades, camadas podem sair do fluxo e ser fixadas, e os breakpoints menores sobrescrevem o principal. Ambos dão o máximo de controle e exigem o máximo de conhecimento.
O melhor construtor de sites de arrastar e soltar para cada tipo de projeto
Não existe um único vencedor. A ferramenta certa depende da precisão que o layout exige, de quem fica com os arquivos e de quanto você aceita pagar por ano. Estas indicações são sinceras, e a maioria delas não é nossa.
- Ficar com os arquivos de um site gratuito
- Mobirise. O aplicativo não custa nada, continua funcionando offline, salva HTML puro e envia para qualquer hospedagem, enquanto os blocos cuidam do layout para celular.
- Posicionar cada elemento à mão
- Wix: um canvas livre e um editor só para celular, em que você pode ocultar ou reorganizar itens sem mexer no desktop.
- Uma marca ou portfólio guiado pelo design
- Squarespace: layouts em seções com uma grade de arrastar e uma disposição para celular que você pode alterar separadamente; um período de teste em vez de plano gratuito.
- Uma página pelo menor preço
- Carrd: sites de uma página gratuitos, com a marca dele, e planos Pro anuais baratos quando você quer um domínio próprio.
- Controle de ferramenta de design e animações
- Framer: um canvas com stacks, breakpoints e um agente de IA, apenas na hospedagem do Framer.
- Controle em nível de CSS para uma equipe
- Webflow: classes e breakpoints definidos em um painel Style, com exportação de código nos planos pagos de workspace.
- Testar um design com IA sem gastar nada
- 8B AI: uma frase gera um design completo de graça; para publicar é preciso o Pro.
- Uma loja com um catálogo grande
- Shopify ou outra plataforma parecida, feita para vender.
Sete criadores comparados em edição, preço e exportação
Cada criador de sites de arrastar e soltar da tabela foi conferido nas próprias páginas de preços e de ajuda, e não em sites de resenhas. A exportação de código e o trabalho offline têm linhas próprias, assim como os pontos em que o Mobirise sai perdendo.
| Mobirise | Wix | Squarespace | 8B AI | Webflow | Framer | Carrd | |
|---|---|---|---|---|---|---|---|
| Modelo de edição | Baseado em blocos: você puxa blocos prontos, digita direto neles e ajusta cada um no painel de parâmetros | Canvas livre: mova qualquer elemento para qualquer lugar, com camadas que podem se sobrepor | Seções com uma grade de arrastar e soltar para blocos (Fluid Engine) | Gerado por IA: um design completo a partir de uma linha de texto, ajustado depois pelo chat com IA (Pro) | CSS visual: elementos estilizados com classes em um painel Style | Canvas de design: stacks e grades, com camadas que podem ser posicionadas de forma absoluta | Uma página: elementos arrastados antes ou depois de outros, em até quatro colunas |
| Layout para celular | Automático em todo bloco; sem disposição só para celular nem ocultação por dispositivo | Gerado a partir do desktop e depois ajustado em um editor mobile separado | Organizado de forma independente do layout desktop | Não divulgado | Definido por breakpoint (media queries) | Breakpoints que herdam do principal e sobrescrevem o que precisam | Automático, com ajustes manuais opcionais por elemento |
| Curva de aprendizado | Baixa: os blocos mantêm espaçamento e alinhamento | Baixa para começar; a versão para celular exige uma etapa própria | Baixa a média: posicionamento na grade, etapa opcional para celular | Baixa: basta uma frase de descrição para começar | Alta: classes, propriedades CSS e breakpoints | Média: conceitos de ferramenta de design e sobrescritas | Baixa: uma única página e uma lista curta de elementos |
| Plano gratuito | Sites ilimitados em hospedagem própria no aplicativo; três sites no ar em mobirisesite.com, com a marca do Mobirise | Sim: subdomínio do Wix, com anúncios do Wix | Nenhum; um teste de 14 dias no lugar | Grátis para criar o design; a publicação não está incluída | Sim, em webflow.io com um selo | Sim, em um domínio do Framer com o selo “Made in Framer”, 1 GB de largura de banda | Até 3 sites de uma página em .carrd.co com a marca “Made with Carrd” |
| Plano pago de entrada | KIT, US$ 149 por ano (sua hospedagem, sem marca); BASE, US$ 199 por ano, para um domínio próprio na hospedagem do Mobirise | Light: US$ 17 por mês, com cobrança anual | Basic: US$ 19 por mês se pago anualmente, ou US$ 25 pagando mês a mês | Pro: US$ 9 por mês, pago anualmente | US$ 15 por mês no plano de site Basic, com cobrança anual | Basic: US$ 10 por mês, conforme exibido para cobrança anual | O Pro Lite custa US$ 9 por ano, mas mantém um URL do Carrd; um domínio próprio exige o Pro Standard, US$ 19 por ano |
| IA | Prompt, esboço ou captura de tela de entrada, quatro designs de saída; três gerações grátis por mês; alterações pelo chat ou no editor | Um agente de IA cria páginas, layout e textos a partir de uma descrição; grátis para começar | Um ponto de partida com IA, com conteúdo e imagens, mais um criador de seções com IA | O núcleo do produto: design a partir de uma frase, grátis; edições por chat no Pro | Até 5 páginas a partir de uma descrição; 2 páginas sem plano pago | Um agente cria páginas, seções, textos e visuais; 500 créditos para testar, 1.000 por mês no Basic | Nenhuma listada |
| Exportação de código | Sim: o aplicativo para desktop exporta HTML, CSS e JS em qualquer plano; no navegador, com BASE ou GROW | Não, os sites precisam rodar nos servidores do Wix | Não; só o conteúdo, em um arquivo .xml para WordPress | Exportação HTML completa no Pro | Nos planos pagos de workspace | Sem exportação de HTML | Pro Plus, US$ 49 por ano; os formulários deixam de funcionar no download |
| Edição offline | Sim, no aplicativo para desktop (Windows, macOS, Linux) | Não, o editor roda online | Não, o editor roda online | Não; roda no navegador | Não, o Designer roda online | Existe um aplicativo para desktop, mas a edição é desativada quando a conexão cai | Não; roda no navegador |
Fontes: a página de preços e a central de ajuda de cada empresa, consultadas em 13 de outubro de 2026. Valores em dólares americanos; Mobirise e Carrd cobram por ano, e os demais são cotados por mês com cobrança anual, salvo indicação em contrário na célula. Os fornecedores revisam planos e limites de IA com frequência, e os preços podem variar por região; trate isto como um retrato do momento e confira de novo antes de comprar.
O que você arrasta e o que define nos parâmetros
No Mobirise, o mouse faz os movimentos grandes e um painel cuida dos detalhes.
Blocos, a partir do painel de blocos
Arraste um bloco do painel até o lugar da página em que ele deve ficar e arraste-o de novo para reordenar. O Clone Block cria uma cópia, útil quando duas seções devem ser iguais.
Textos e imagens, no próprio lugar
Clique em um título ou em um parágrafo e digite por cima. Troque uma imagem do mesmo jeito; os uploads são convertidos automaticamente para WebP. Os títulos podem usar a tag H que combinar com a estrutura da página, e o texto pode ser justificado.
O painel de parâmetros
Cada bloco tem as próprias configurações: o espaçamento ao redor dele, o que fica atrás, quais de suas partes aparecem e o número de colunas. Você liga ou desliga partes de um bloco em vez de arrastá-las soltas.
Estilos do site inteiro
As fontes são escolhidas no Style Editor, que ganhou fontes extras nas versões recentes. Todo tema é Bootstrap 5 por baixo, então todos os blocos compartilham a grade e os nomes de classe do Bootstrap.
Extensões e blocos de IA
Os planos pagos acrescentam blocos que você arrasta como qualquer outro: Form Builder, Popup Builder, Smart Cart com PayPal e Stripe ou um Chat Button para WhatsApp e Telegram. Os planos premium de IA trazem duas ferramentas em nível de bloco: Generate Block with AI e Edit Block with AI, para um bloco que você já tem.
Código, só se você quiser
Nada do que está acima exige marcação. Quando você quiser mexer nela, o Code Editor, uma extensão incluída nos planos KIT, BASE e GROW, permite alterar o HTML e o CSS de um bloco ou da página. Veja como é o HTML gerado.
Construtor de sites sem código não significa sem limites
Um criador de sites sem código troca um pouco de liberdade por velocidade e segurança. Com blocos, a troca é visível: você não pode largar um botão num ponto qualquer, mas também não consegue quebrar o layout no celular por acidente, e uma página feita de seções prontas exige muito menos conferência.
Antes de criar um site sem código para um cliente ou para você, saiba onde essa abordagem termina. A lista mostra os limites reais do Mobirise hoje e o que serve melhor em cada caso.
Se você costuma editar longe da mesa, o guia do construtor offline explica exatamente o que o aplicativo para desktop faz sem conexão. Para esboçar primeiro um site a partir de uma descrição, veja a página do gerador de sites com IA.
- Sem posicionamento livre. Os itens ficam dentro do layout de um bloco. Para posicionar por pixel e sobrepor camadas, um editor de canvas como o Wix serve melhor.
- Sem design separado para celular. Um único layout responsivo cobre todas as telas; você não pode ocultar nem deslocar um elemento só no celular. Wix e Squarespace permitem organizar a visualização para celular separadamente.
- Sem importação de sites feitos em outras ferramentas. Páginas criadas em outra ferramenta não podem ser abertas, só refeitas. O Import by Link se limita a trazer sites do Mobirise AI para o aplicativo.
- Lojas continuam simples. O Smart Cart aceita pagamentos por PayPal e Stripe, mas um catálogo grande, com regras complexas de estoque e frete, pertence a uma plataforma de comércio.
- A IA tem limite de uso. O plano gratuito inclui uma pequena cota mensal de gerações. O Regenerate mostra mais variações sem consumir uma, mas o trabalho pesado com IA exige BASE ou GROW.
- O código personalizado é uma extensão paga. Editar a marcação e os estilos de um bloco exige o Code Editor, que só os planos pagos incluem.
Perguntas frequentes sobre construtores de arrastar e soltar
O que é um construtor de sites de arrastar e soltar?
É um software que permite montar páginas web movendo peças prontas com o mouse, em vez de escrever HTML. Alguns deixam soltar elementos avulsos em qualquer ponto de um canvas, outros trabalham com seções ou blocos inteiros, e outros expõem configurações de CSS de forma visual. O Mobirise é baseado em blocos: você organiza blocos prontos e os ajusta em um painel de configurações.
Qual tipo de editor de arrastar e soltar é o mais fácil para iniciantes?
Os editores baseados em blocos e os de coluna única costumam ser o começo mais suave, porque o espaçamento e o layout para celular já vêm prontos. Se você quer um criador de sites de arrastar e soltar fácil, escolha um em que você empilha seções, como Mobirise ou Carrd. Canvas livres e ferramentas visuais de CSS dão mais controle, mas também mais chances de desalinhar uma página.
Posso usar o Mobirise de graça, inclusive para negócios?
Pode. O plano gratuito cobre sites comerciais e pessoais. O aplicativo para desktop não limita os sites que você publica na sua própria hospedagem, e o criador no navegador acrescenta uma pequena cota de sites online e de rascunhos com IA. Os sites gratuitos exibem a marca do Mobirise.
Posso colocar um elemento em qualquer lugar da página?
No Mobirise, não. Você escolhe a ordem dos blocos e liga ou desliga as partes deles, mas não arrasta um item avulso até uma coordenada exata. Isso mantém toda página responsiva; se a posição por pixel importa mais para você, o canvas do Wix permite.
Um site feito de blocos fica bom no celular?
Fica. Cada bloco se reorganiza sozinho para telas pequenas, e o editor mostra prévias de celular, tablet e desktop enquanto você trabalha. A contrapartida é que você não pode projetar um layout diferente só para celulares. A página do criador de sites para celular trata disso com mais detalhes.
Posso criar um site sem código e ainda editar o código depois?
Pode. Você consegue criar e publicar sem tocar na marcação e, mais tarde, abrir o HTML e o CSS de qualquer bloco pelo Code Editor, uma extensão dos planos pagos. Por baixo, todo bloco é marcação Bootstrap 5.
Posso levar meu site para outra hospedagem depois?
Pode. Em qualquer plano, o aplicativo para desktop pode publicar por FTP (inclusive FTPES) ou no GitHub Pages, ou gravar o site inteiro em uma pasta local como arquivos estáticos, para o servidor que você escolher. Os projetos feitos no navegador podem ser exportados nos planos BASE ou GROW.
Como a IA e o arrastar e soltar funcionam juntos?
Escreva uma ou duas linhas sobre o site, ou envie um esboço no papel ou uma captura de tela, e a IA devolve quatro designs completos, com textos e imagens; o primeiro rascunho costuma ficar pronto em até um minuto. A partir daí, você continua refinando pelo chat ou arrastando e editando blocos, e os planos premium de IA podem gerar ou editar um único bloco.
Posso trazer um site feito em outro criador?
Não. Projetos de outras ferramentas não abrem no Mobirise, então um site do Wix, do WordPress ou em HTML escrito à mão precisa ser refeito. O Import by Link existe apenas para trazer sites do Mobirise AI para o aplicativo.
O editor de arrastar e soltar funciona sem internet?
No aplicativo para desktop, sim. Você pode continuar editando, visualizar páginas e usar os temas e blocos que já estão no seu computador. As tarefas que dependem de servidor esperam você voltar a ficar online: rascunhos com IA, publicação, login, compras, atualizações e downloads de temas novos.
Comece com uma frase ou com um único bloco
Deixe a IA esboçar quatro designs no seu navegador e reorganize os blocos que ela escolheu, ou instale o aplicativo gratuito e arraste seu primeiro bloco para uma página vazia. Os dois caminhos terminam no mesmo site responsivo.