🚀Getting Started

If you've made it this far, you're probably thinking about starting to build your app! We're so glad you're here. Check out the links below to find everything you need to start learning Adalo!

First Time in Adalo — What to Expect

Start your no-code app-building journey right by watching this overview video to get a foundational understanding of Adalo and everything that's possible.

This video is perfect for anyone who just signed up for Adalo & is looking to learn all the concepts to build the best app they can.

Enjoy!

This video covers everything you need to know about the first time you log into Adalo. From navigating your app to building screens with components: it's all in here.

Three Basic Concepts

Learn all about the most important elements of Adalo in this five minute video so you can begin your no-code app building journey.

• Components— The building blocks of the Adalo interface.

• Actions— Used to specify what your app should do when you click a particular component.

• Database— Like an Excel spreadsheet, the database allows you to enter data to display to app users or to collect the data that they input into the app.

To get started building your app, think about which screens you want to build, what those screens should do, and what data they'll need to display and save. Be sure to check out our guide to app data and our Getting Started in Adalo course from The Adalo App Academy.

It is important to note that you cannot have multiple instances of the Adalo Editor open simultaneously. Our system is not set up in a way that allows collaboration in an app and any changes may not register correctly or you could accidentally save the wrong instance, overwriting any work you may have completed.

Navigating Adalo

Overview

Builder Canvas

• The Canvas is the workspace where you design the screens of your app

• Navigate in the Canvas using the scroll bar or your trackpad— scroll left and right and zoom in and out

Left Toolbar

The options available on the left toolbar open up different menus where can change settings, publish your app, add components, and much more.

Add Panel

• Clicking on the plus button opens the Add Panel, where you can select components and screens to add to your app

Branding

• Customize the color scheme for your app

• This can be changed at any time, and any components using your app's pre-set colors will be automatically updated.

Screens

• A list of all the screens in your app and each component within each screen.

Database

• View and update your app's database.

Settings

• Change the name of the app

• Set an icon for your app

• Insert Google Analytics code that will allow you to track how people are using your app

• Copy or delete your app

Publish

• Once you have subscribed to a paid plan, you can use this panel to download the app file you can submit to the Apple App Store and the Google Play Store

• For Web Apps, this is where you can set the URL for your app

Analytics

• In the analytics tab, you can see tons of information about where your users are located, how many are active per day, and even which screens are visited the most.

Design Versions

• Design versions lets you save a version of your app that you can revert back to later. Note that this is only for the design of your app and does not save any database changes.

• Want to try out a new dark theme without having to reset everything back if it doesn't work out? Design versions is your tool!

Top Bar

App Switcher

• In the middle of the Top Bar, you will see the name of the app you're currently creating

• Click the name to open the App Switcher and switch to another app in your account

• At the bottom of the list of your apps is a button to Create a New App

Preview

• Use this button to run your app in your web browser so you can test out what you're building.

Share

• The share button allows you to get a link to your app you can send to other people who don't have an Adalo account. This is helpful for getting feedback from others while you are building your app.

Account Menu

• Clicking the account icon opens a menu where you can access Help, Account Settings, and Sign Out

• From Account Settings you can edit the following:

  • Profile Tab

    • Name

    • Email Address

    • Password

  • Team & Billing

    • Team Name

    • Team Members

    • Billing Plan

    • Payment Method

  • Domains

    • Adalo Subdomain

      • Every app gets it own URL for viewing on the web

      • The URL follows the format of: subdomain.adalo.com/app-name

      • This is where you can customize the "subdomain" part of that URL

    • Custom Domains

      • You can also set your app's URL to be on your own domain so that your app's URL is something like app.mycompany.com

      • You can connect your own domain to your Adalo account here