Início rápido
Este guia abrange todas as funcionalidades do Adalo:
- Começando — Create your Adalo account and finish basic setup
- Como usar um poderoso criador de aplicativos — Build native mobile and web apps without writing a single line of code
- Como usar componentes de arrastar e soltar — Add buttons, lists, and forms to your screens by dragging them onto the canvas
- Como usar o design responsivo — Build one project that adapts to mobile, tablet, and desktop devices
- Como usar componentes premium — Add payment, chat, and map functions from the Adalo marketplace
- Como usar modelos de aplicativos — Start from pre-built apps with screens, logic, and a database already wired up
- Como usar o SheetBridge — Connect a spreadsheet to your app database and sync data both ways
- Como usar o construtor responsivo Freeform — Position elements exactly where you want them on every screen size
Tempo necessário: 5 minutos por filme
Neste guia também: Dicas profissionais | Erros comuns | Solução de problemas | Preços | Alternativas
Por que confiar neste guia?
I have used Adalo for eight months and shipped three apps with it.
Every screenshot and step here comes from my own account, not vendor marketing.
Adalo is a no-code app building tool for people who cannot write code.
Building your app takes hours or days instead of months.
But most users never get past the first template.
This guide shows you how to use Adalo feature by feature.
You will finish with an app you can publish to the web or to the stores.
Tutorial Adalo
This Adalo tutorial walks through setup, the canvas, the database, and publishing to both app stores.
Adalo
Build a real mobile app without code. Adalo turns drag-and-drop screens into apps you can ship to the Apple App Store and Google Play Store. Start free — no credit card required.
Primeiros passos com o Adalo
Antes de usar qualquer recurso, conclua esta configuração única.
Leva cerca de três minutos.
Here is my hands-on walkthrough of the construtor:
Agora vamos analisar cada etapa.
Passo 1: Crie sua conta
Go to the Adalo site and click Sign Up.
Enter your email address and pick a password.
There is no credit card step, so you land straight in the builder.
✓ Ponto de verificação: Your Adalo account is live and the dashboard loads.
Etapa 2: Acesse o Construtor de Aplicativos
Adalo runs in your browser, so there is nothing to download yet.
Log in, then open the builder from your project list.
Chrome on a desktop gives the smoothest editing experience.
✓ Ponto de verificação: You should see the main dashboard with a New App button.
Etapa 3: Conclua a configuração inicial
Choose a blank app or a template as your starting point.
Set your app name, colour scheme, and app icon in settings.
You can change all three later without rebuilding anything.
✅ Concluído: Você está pronto para usar qualquer recurso abaixo.
Como usar o poderoso construtor de aplicativos Adalo
Powerful App Builder lets you build native mobile and web apps without writing a single line of code.
Veja como usá-lo passo a passo.
Step 1: Create a New App
Click the New App button on your Adalo dashboard.
Pick mobile app or web app as your starting format.
Step 2: Name It and Set Branding
Type your app name, then choose a colour scheme and app icon.
Eis como isso se parece:
✓ Ponto de verificação: The canvas opens with your first screen ready for editing.
Step 3: Add Your First Screen
Click Add Screen and pick a login layout or a blank one.
Adalo links it to your home screen automatically.
✅ Resultado: You have a working app shell you can preview live in the browser.
💡 Dica profissional: Build a throwaway test app first. Adalo lets you create several test apps free, so you could break things safely.
Como usar os componentes de arrastar e soltar do Adalo
Componentes de arrastar e soltar lets you add buttons, lists, and forms to your screens by dragging them onto the canvas.
Veja como usá-lo passo a passo.
Passo 1: Abra o painel de componentes.
Click the plus icon in the left sidebar of the canvas.
Components are grouped by type, so search beats scrolling.
Step 2: Drag a Component Onto the Screen
Drag any component from the panel and drop it where you want it.
Eis como isso se parece:
✓ Ponto de verificação: The component snaps into place and its settings open on the right.
Step 3: Bind It to Your Data
Point a list at a database collection so it shows real records.
Add a filter if you only want the current user’s items.
✅ Resultado: Your screen now displays live data to the people who use your app.
💡 Dica profissional: Components are the building blocks of the Adalo interface. Rename each one before you add the next.
How to Use Adalo Responsive Designer
Design responsivo lets you build one project that adapts to mobile, tablet, and desktop devices.
Veja como usá-lo passo a passo.
Step 1: Switch the Device Tab
Open the device tab above the canvas and pick a screen size.
Start narrow, because phone layouts are the hardest to fix later.
Step 2: Adjust Each Breakpoint
Move and resize elements until the layout holds at that width.
Eis como isso se parece:
✓ Ponto de verificação: Your layout stays readable on phone, tablet, and desktop widths.
Etapa 3: Teste em um dispositivo real
Open the preview link on your own phone and tap through.
Browser previews hide thumb-reach problems that a real device exposes.
✅ Resultado: One project now runs as a mobile app and as a web app.
💡 Dica profissional: Publish your app as a PWA first. Users download it from a link, and you collect feedback before store submission.
Como usar os componentes premium do Adalo
Componentes Premium lets you add payment, chat, and map functions from the Adalo marketplace.
Veja como usá-lo passo a passo.
Passo 1: Abra o Marketplace
Scroll to the marketplace section inside the components panel.
Check the developer and review count before you install anything.
Etapa 2: Instale um componente premium
Pick a payment, chat, or QR code component and add it.
Eis como isso se parece:
✓ Ponto de verificação: The component appears in your library, ready to drop onto a screen.
Step 3: Connect It to a Service
Paste your Stripe keys into the component settings and save.
Run one test charge in Stripe test mode before you go live.
✅ Resultado: Your app can take payment and earn revenue, even on the free version.
💡 Dica profissional: The QR code component pairs well with in-app purchases for digital items you sell in person.
Como usar os modelos de aplicativos Adalo
Modelos de aplicativos lets you start from pre-built apps with screens, logic, and a database already wired up.
Veja como usá-lo passo a passo.
Passo 1: Navegue pela Galeria de Modelos
Open the gallery and filter by app type.
For instance, pick a social network or a booking system.
Passo 2: Clonar o modelo
Click Use Template to copy it into your account.
Eis como isso se parece:
✓ Ponto de verificação: Every screen, action, and data collection copies into your new project.
Step 3: Swap In Your Own Content
Replace the sample text, images, and records with yours.
Delete the demo collections once your own data is in place.
✅ Resultado: You have a working MVP in hours instead of months.
💡 Dica profissional: Templates ship with everything you need already wired. Study how the actions connect before writing your own.
Como usar o Adalo SheetBridge
Ponte de folhas lets you connect a spreadsheet to your app database and sync data both ways.
Veja como usá-lo passo a passo.
Step 1: Add SheetBridge
Install SheetBridge from the Adalo marketplace like any other component.
Keep one sheet per collection to avoid mapping errors.
Step 2: Paste Your Sheet Address
Copy the sharing link from your spreadsheet and paste it in.
Eis como isso se parece:
✓ Ponto de verificação: Your sheet columns map to fields in an Adalo data collection.
Step 3: Set the Sync Direction
Choose a one-way import or a two-way sync, then save.
One-way is safer while you are still changing column names.
✅ Resultado: Your team can update app content from a spreadsheet.
💡 Dica profissional: Use SheetBridge for price lists and copy you change often. It beats manual database editing every time.
Como usar o construtor responsivo Adalo Freeform
Construtor responsivo de formato livre lets you position elements exactly where you want them on every screen size.
Veja como usá-lo passo a passo.
Step 1: Turn On Freeform Mode
Open the screen settings and switch the layout mode to freeform.
Do this before you add elements, not after.
Step 2: Drag Elements Into Position
Place each element exactly where you want it on the canvas.
Eis como isso se parece:
✓ Ponto de verificação: Elements stay put at the breakpoint you are editing.
Step 3: Lock Your Spacing
Set margins so nothing shifts on smaller screens.
Pin headers and tab bars to the top and bottom edges.
✅ Resultado: Your design looks right on iOS and Android without extra work.
💡 Dica profissional: The visual WYSIWYG editor shows the real output. Skip static wireframes and build the real screens instead.
Dicas e Atalhos do Adalo Pro
After eight months of app building in Adalo, these are the tips I reuse most.
Atalhos de teclado
| Ação | Atalho |
|---|---|
| Copiar elemento | Ctrl/Cmd + C |
| Colar elemento | Ctrl/Cmd + V |
| Desfazer a última edição | Ctrl/Cmd + Z |
| Duplicate component | Ctrl/Cmd + D |
Características ocultas que a maioria das pessoas não percebe
- Adalo Academy: free courses sit beside the Help Docs and Community Forum, and cover everything you need to know
- Custom Actions: point an API call at an AI service for text generation or image recognition
- Domínio personalizado: connect your own domain instead of the default subdomain on the Adalo site
- Integrações: Stripe, Zapier, and Xano extend what your app can do without new code
Erros comuns a evitar no Adalo
Mistake #1: Building Every Screen Before Testing the Idea
❌ Errado: Spending three weeks on screens nobody outside your head has seen.
✅ Direita: Publish a rough web app cedo, gather user feedback, and watch your analytics.
Mistake #2: Skipping Research and Marketing
❌ Errado: Launching with no idea whether your app has an audience.
✅ Direita: Run market research, analyze your competition, and plan marketing before development ends.
Mistake #3: Treating Both App Stores the Same
❌ Errado: Sending one identical listing to the Apple App Store and Google Play Store.
✅ Direita: The two stores hold different publishing standards, so write each listing separately.
Solução de problemas do Adalo
Problem: Your List Shows No Data
Causa: The list is not connected to a database collection.
Consertar: Select the list, open settings, and choose the right collection.
Problem: The App Store Build Fails
Causa: You are on the free plan, or your app icon sizes are wrong.
Consertar: Subscribe, then download the build file from the publish tab.
Adalo generates the icon sizes for you once a square 1024px file is uploaded.
Problem: The Settings Panel Looks Empty
Causa: Nothing is selected on the canvas.
Consertar: Click any component once, and its settings appear on the right.
📌 Observação: If none of these fix your issue, contact Adalo support.
O que é Adalo?
Adalo é um construtor de aplicativos sem código that turns drag-and-drop screens into working mobile and web apps.
Think of it like a slide editor that outputs real software.
It suits startups, small teams, and non-technical founders building a first product.
In 2026 it stands out as a mobile-first platform for fast app development.
The database sits inside the tool, so there is no separate backend to wire up.
Each collection holds one data type, such as users, posts, or bookings.
Assista a este breve vídeo explicativo:
Inclui estas características principais:
- Construtor de aplicativos poderoso: build native mobile and web apps without writing a single line of code
- Componentes de arrastar e soltar: add buttons, lists, and forms to your screens by dragging them onto the canvas
- Design responsivo: build one project that adapts to mobile, tablet, and desktop devices
- Componentes Premium: add payment, chat, and map functions from the Adalo marketplace
- Modelos de aplicativos: start from pre-built apps with screens, logic, and a database already wired up
- Ponte de chapa: connect a spreadsheet to your app database and sync data both ways
- Construtor responsivo de formato livre: position elements exactly where you want them on every screen size
Para uma análise completa, consulte nosso artigo. Análise do Adalo.
Preços do Adalo
Eis o preço do Adalo em 2026:
| Plano | Preço | Ideal para |
|---|---|---|
| Livre | $0 | Learning the builder and testing an idea |
| Iniciante | US$ 36/mês | Solo founders shipping one live app |
| Profissional | US$ 52 por mês | Publishing to the Apple App Store and Google Play Store |
| Equipe | US$ 160/mês | Teams managing several published apps together |
Teste grátis: The free version never expires, so you can build and test without payment.
Garantia de reembolso: Not advertised, but you can cancel a paid plan at any time.
Annual billing cuts the monthly cost, and app actions are the real limit to watch.
💰 Melhor custo-benefício: Professional — it unlocks native store publishing and more monthly app actions.
Adalo vs. Alternativas
Como o Adalo se compara? Aqui está o panorama competitivo:
| Ferramenta | Ideal para | Preço | Avaliação |
|---|---|---|---|
| Adalo | aplicativos móveis nativos | From $36/mo | ⭐ 4,3 |
| Mais suave | Client portals and internal sites | A partir de US$ 59/mês | ⭐ 4,5 |
| Bolha | Aplicativos web complexos | From $32/mo | ⭐ 4,4 |
| Buzzy | Turning designs into apps | A partir de US$ 19/mês | ⭐ 4.1 |
| Deslizar | Spreadsheet-driven apps | A partir de US$ 49/mês | ⭐ 4,5 |
| Softgen | AI-generated web apps | A partir de US$ 20/mês | ⭐ 4,2 |
| Adorável IA | Prompt-to-app prototypes | A partir de US$ 25/mês | ⭐ 4,4 |
| Emergente | Full-stack AI builds | A partir de US$ 20/mês | ⭐ 4,2 |
Escolhas rápidas:
- Melhor no geral: Adalo — the shortest path from idea to a real mobile app
- Melhor orçamento: Buzzy — the cheapest paid tier here for a first build
- Ideal para iniciantes: Glide — connect a sheet and get a working app fast
- Ideal para aplicativos web: Bubble — deeper logic and functions, steeper learning curve
🎯 Alternativas ao Adalo
Procurando alternativas ao Adalo? Aqui estão as melhores opções:
- 🚀 Mais suave: builds portals and member sites on top of Airtable in an afternoon
- 🔧 Bolha: gives developers real control over workflows, data, and API integrations
- 🎨 Buzzy: turns a Figma file into a working app, so designers skip handoff
- 👶 Deslizar: the gentlest start for anyone who already keeps data in a spreadsheet
- 🧠 Softgen: writes your web app from a written brief, then lets you refine it
- ⚡ IA adorável: prompt-to-app speed for testing an idea before you commit
- 🏢 Emergente: handles full-stack builds when your project outgrows no-code limits
Para ver a lista completa, consulte nosso Alternativas ao Adalo guia.
⚔️ Comparação do Adalo
Veja como o Adalo se compara a cada concorrente:
- Adalo vs Softr: Adalo wins for native app stores; Softr wins for web-only client portals
- Adalo vs Bubble: Bubble handles harder logic; Adalo gets a mobile app shipped much sooner
- Adalo vs Buzzy: Buzzy suits design-led teams; Adalo suits founders building without a designer
- Adalo vs Glide: Glide is simpler; Adalo offers deeper screens, actions, and custom components
- Adalo vs Softgen: Softgen drafts faster; Adalo gives you finer control over every element
- Adalo vs Lovable ai: Lovable ai prototypes quicker; Adalo publishes properly to iOS and Android
- Adalo vs Emergent: Emergent scales further; Adalo stays usable for non-technical founders
Comece a usar o Adalo agora mesmo
Você aprendeu a usar todos os principais recursos do Adalo:
- ✅ Poderoso Construtor de Aplicativos
- ✅ Arrastar e soltar componentes
- ✅ Design responsivo
- ✅ Componentes Premium
- ✅ Modelos de aplicativos
- ✅ SheetBridge
- ✅ Construtor responsivo de formato livre
Próximo passo: Pick one feature and try it today.
A maioria das pessoas começa com o poderoso Construtor de Aplicativos.
It takes less than five minutes to get started.
Perguntas frequentes
O Adalo é fácil de usar?
Yes. The drag-and-drop interface needs no code, and most beginners build a first screen within an hour of signing up.
Como funciona o Adalo?
You drag components onto a canvas, connect them to a database, then publish your app to the web or both app stores.
Posso vender aplicativos criados com Adalo?
Yes. Every version, including the free one, supports Stripe, so you can charge for in-app purchases or digital items.
O Adalo é seguro para usar?
Adalo is an established platform with encrypted hosting and standard account security. Sensitive payment data stays with Stripe, not your app.
Qual a utilidade do Adalo?
Adalo is used to build mobile and web apps without code, mainly MVPs for startups, pequenas empresas, and non-technical founders.
English 
Spanish 
Chinese 
German 
French 
Arabic 
Russian 
Portuguese 
Japanese 
Korean 
Italian 
Turkish 
Dutch 
Polish 
Indonesian 
Thai 
Vietnamese 