Wappler documentation
Getting Started — Original guides
Illustrated getting started guides, with the original steps and examples preserved.
Choose a guide. Version notes identify original instructions that use an earlier interface or framework.
Guides (13)
Bootstrap IntegrationBootstrap and Wappler's visual integration Bootstrap is the world’s most popular front-end framework, providing a responsive grid system and a wide range of prebuilt components. With the help of WapplChoosing Your Project SetupIntro When creating a new project in Wappler, you’ll be asked to choose two things: Development Environment – where your project runs while you build it. Server Model – which back-end technology powerHow to download Wappler?How to download Wappler? We will explain to you how to download Wappler from your profile. After you made your purchase, you can download Wappler from your account page . Navigate to the Download sectIntroducing Wappler WalletIntro The Wappler Wallet functionality allows you to add money to your account , which can be used for future purchases and upcoming invoices. Using Wappler Wallet You can add money once and not worryMigrating Dreamweaver Site Definitions into WapplerIn this short Wappler tutorial we will show you how to export all your site definitions from Dreamweaver so they can be imported directly into Wappler. Your imported Dreamweaver site definitions will Organizing Editor Tabs in GroupsIntro The new Tab Groups in Wappler are designed to streamline your workflow. With Tab Groups, your Server Actions , App Flows , and Pages are now automatically organized into labeled groups. This ensPurchasing Wappler LicensePurchasing a Wappler license Below we will explain to you how to purchase a Wappler license of the website. Know that Wappler offers a fully functional 14 days trial for free , which includes all of tUsing the CSS Styles PanelCSS Visual Editor Wappler has multiple ways to style your pages. From the App Structure properties panel using the built in pre-configured Bootstrap styles, to the Design panel which gives you easier Using the Design PanelDesign panel provides you with visual tools to style your page content. You can design for different screen sizes, which creates the required styles and media queries for the selected device. Adding CUsing the File ManagerIntro With the File Manager integrated in Wappler you can easily explore and manage your project files and folder, located in the local project folder or on the selected target. File Manager Overview Using the Publish ManagerIntro The Publish Manager allows you to publish your project - deploy files, database changes and commit to Git in a single step, from the easy to use publishing dialog. Publish Manager Options You caWappler Shortcut KeysList of shortcut keys used in Wappler As we develop our weekly updates we will continue to keep this list updated, so check back regularly. General Action Windows MacOS Linux New File CTRL N ⌘ N CTRL Wappler's User InterfaceLast updated: August 2025 — Wappler 7.2 We will guide you trough the main UI components of Wappler. Wappler’s UI is minimal, intuitive and easy to use. It consists of several main panels, needed in yo