If you’re already familiar with AccessWebapps, maybe you’d like to start your first project.
We are going to quickly go through the necessary steps to complete your first project with AccessWebapps. If you’d like a step by step, more in-depth guide, you can subscribe by leaving your e-mail on the bar you can see on top of the page and you will receive your complete guide to your first project. There you can see how we created a web app in no more than 20 minutes.
If you don’t mind exploring the tool yourself, we’re going to cover the key points you should keep in mind when working with AccessWebapps.
Let’s start!
Setting up your free account
Visit the tool’s website and click on “Sign up”. Our free account includes:
- Full access to all of AccessWebapps’ features.
- 1 free Database connection.
- 2 free template forms.
- 24/7 support
This will be enough for you to test AccessWebapps and create a full project. Just select the free plan and fill in your account details.
Then click on “register” and you will be ready for your first project.
Prepare your first project
You will need to create an Access Database. You might want to think about your project first. What do you want your web app to do? What is it for?
This should help you understand the different forms you will need for it.
Once you have decided the structure of the project you should create your Access Database and include as many tables as you want with its different fields.
Upload your Database to AccessWebapps
When you’re ready to upload your Access Database, log in into your account and click on “Db Connections”. Then, you can easily upload it and give it a name.
Create the forms
Once you’ve uploaded the Database you’re ready to start creating the forms and linking them to the Database and its different tables and fields.
Go back to the main page and click on “Build template form”. There, you will be able to create a new form.
- Don’t forget to properly define the connection with the recently uploaded Database.
- You can drag and drop from the menu and include as many fields as you want, but you will need to link these fields with its corresponding fields on the Database (use “Db Column Mapping” to do so).
- If you have a more advanced level of skill with Databases, you can create queries so you can build more complex web apps.
Save your form and go back to the Template forms page. There you can configure some additional settings by clicking on the icons to the right of the form.
Create your Web App
You might want to start by uploading your homepage’s background image.
In order to do so, click on “Media” on the left menu and upload the image. Then copy the resulting url.
Now, let’s navigate to “Build Web Page” and hover over the + sign so the “Create Web Content” option appears. Click on that one and a very simple editor will appear. There, you can change the title of the page and paste any HTML you want in the “Content” box, although there’s a default code you can use.
If you’re using the default HTML you might want to change a couple things, such as the background image (by pasting the url of the image you just uploaded) or the text that is displayed on the homepage.
Once you’re finished with the look of your page, save it, and copy the resulting url.
Achieve responsive web apps in minutes.
Create the rest of the web app
Let’s go to the “Build web page” section again, but now let’s click on the largest + icon that says “Create landing page”.
Now you should give your website a name and choose the “Landing page with menu” template. Go to “BODY” and replace the url with your homepage one you just copied.
You can include as many menu and submenu items as you want in the “MENU BUILDER” section. Drag them into the desired position. You should include, again, the homepage url in the Home section of the menu.
For each menu item, you should include the url of each form you created in the first part of the tutorial. Save and apply all changes and your web app is basically ready.
What else?
Now, you can customize your web app as much as you want.
You could, for instance, add your social media links in the “FOOTER” section or add a favicon to your website.
We hope this quick guide was clarifying enough for you, and remember that, if you want a more in-depth tutorial where we create a web app step by step, you can get our free PDF by subscribing on top of this page.
We would also love to hear your opinion on the comments below!
