Why use a Mini App for your Home Delivery Bookings?
-
Zero Friction: Customers don’t need to download a new app or remember a website password.
-
Convert Leads Faster: New customers are automatically added to your EasyBiz Cloud database the moment they book. No manual data entry is needed!
-
Higher Completion Rates: Because it feels like a simple conversation, customers are much more likely to finish the booking.
-
All-in-One Tracking: Every booking made via WhatsApp automatically appears as a New Sales Order in your dashboard.
Create a new Mini App
To start creating your booking process, you will first need to create a new Mini App.
- From the top navigation bar in your Easybiz console, click on Sales Channel and select WhatsApp.
- In the WhatsApp page, you should land on the Mini Apps tab. Click on the + New Mini App button.
-
A pop-up window will appear. Fill in the following:
-
Name: Give your app a clear name based on what it does (e.g., “New Delivery Booking” or “Dry Cleaning Delivery”).
-
Linked To: From the dropdown, select Order. This ensures that delivery will be made based on the order chosen by Admin.
-
- Click Create. You should now see the newly created Mini App for booking.
Open the Mini App Editor
Now that you have created a new Mini App for your booking, the next thing to do is to create the process that your customers take to book a service with you.
Before we start building, here is the flow your customers will follow when they use this Mini App: Contact → Address → Delivery Date & Time.
- Click on the three dots (•••) on the right of the Mini App you just created and select Edit.
You will see two sides to the screen:
- Left Side: This is where you add contents to the form.
- Right Side: This is a Live Preview. It shows you exactly what the form looks like on a customer’s phone.
Name Your WhatsApp Button
- Button Text: Enter the text you want the customer to see on the WhatsApp button (e.g., **“**Book Now”).
Create your Screens
First, we will create all the pages (screens) needed for your form. Think of these as the steps your customer will take.
The 3 screens we will build are:
-
Contact: To get the customer’s name and phone number.
-
Address: To know where to go for the delivery.
-
Delivery Date & Time: To let the customer pick their preferred delivery schedule.
How to create them:
- To make a new screen, click on the Flow Tab and click the + Add New Screen button.
-
A pop-up window will appear. Fill in the following:
-
Screen Title: type the name of your first screen (e.g., “Contact”).This name appears at the top of the form for the customer.
-
Layout Type: Leave this as Default.
-
- Click Add. You should now see an empty form in the preview with your Screen Title at the top.
- Repeat this process for creating each screen.
- You can now see all your screens listed in the Flow Tab. If you accidentally added a screen in the wrong order, you don’t need to delete it. You can simply drag and drop them to change the order your customer sees.
Setup the Contact Screen
This screen collects the customer’s basic information.
Add Information Fields
We will now add the necessary blocks to capture the customer’s identity.
- From the Flow Tab, click on the Contact Screen to start adding the contact information fields required.
- In the Screen Tab, click + Add Block and select Text Input.
-
Once selected, the view on the left changes to the Block Tab. This is where you set up the field and set rules to it. Fill in the settings for the Name field as follows:
-
Input Data Field: From the dropdown list, select Customer Name. This tells the system to sync the customer with your database.
-
Label: By default, the label name follows the Input Data Field name. Rename this to something meaningful if needed. This is what the customer sees on the form when they fill up their name.
-
Required: Select Required. A red asterisk (*) will appear, showing it is a must-fill field.
-
- To add a new field to , head back to the Screen Tab and click on + Add Block.
- Repeat the same steps for the Phone number and Email fields:
-
Select Text Input.
-
Notice the view switch to the Block Tab again.
-
Set the Input Data Field to Customer phone number (for Phone number field) and Customer email (for Email field).
-
Update the Label to a meaningful one such as “Phone number” and “Email” so they are clear for your customers.
-
Set the Required field to Always Required.
- Refer to the video below to see a demonstration of how to add these fields for your reference.
Configure the Progress Button
You may notice that there is currently no button for the customer to click to go to the next page. We need to add a Footer Action to link this screen to the next one.
Under the Screen Tab, do the following:
- Footer Action: Select Save Customer. This ensures that all the info you just collected (Name, Phone number, Email) is saved to your customer database.
-
Next Screen: Leave this as it is. The system automatically knows to go to the next screen you created.
-
Action Label: The name of the button that leads to the next page/last page. Leave as default to show “Continue” for your customers or give it a meaningful name.
Setup the Address Screen
Now we will configure where the customer wants their items picked up.
Add Information Fields
We will add a mix of input fields and smart links to make entering an address easy for your customers.
- From the Flow Tab, select your Address Screen.
Postal Code: We use this to store the location in the database so returning customers don’t have to re-type it.
-
From Screen Tab, click + Add Block → Text Input.
-
Input Data Field: Select Address Postal Code.
-
Label: Give it a meaningful name or leave it by default.
-
Required: Set to Always Required.
Get Address Link: This allows the customer to simply tap a link to auto-fill their street name, which prevents typos and speeds up the booking.
-
From Screen Tab, click + Add Block → Embedded Link.
-
Link Text: This is the name of the link the user will see. Give it a meaningful name such as “Find address by postal code,” or something related to what happens when the link is pressed.
-
Action Type: Select Fetch Address. This pulls the street name based on the postal code entered above).
Address Type (Optional): Knowing the building type helps your team know if they need to clear security (Condo/Office) or look for a specific house (Landed). Depending on your country or local operations, building types like HDB, Condo, Landed, or Office may be essential for logistics.
- Since this is a custom field, you will need to set this up. Head over to Configuring Data Fields to create a new data field. Choose the Options as the Data Type. Use the + Add option button to add the options, such as: HDB, Condo, Landed, Office.
-
From Screen Tab, click + Add Block → Dropdown.
-
Input Data Field: Select your custom Address Type field.
-
Default Value: Set this to your most common type (e.g., “HDB”) or leave it blank.
-
Required: Select Always Required.
-
Visibility: Select Conditional. In the pop-up window, set When to Address geo location. This ensures the field only appears once a valid address is generated from the link. Set Operator to Has Value since we want this field to appear when we are able to find the location based on the link when the user clicks on it. Click on OK when done.
-
-
Address Line 1: This captures the main street and building name generated from the postal code link.
-
From Screen Tab, click + Add Block → Text Area.
-
Input Data Field: Select Address Line 1.
-
Label: Leave as “Address Line 1” or a name of your choice.
-
Required: Select Always Required.
Address Line 2 (Optional): This is for specific details like unit numbers or floor levels. While optional for some, you might require this for high-rise buildings but want to hide it for Landed properties to keep the form clean.
-
From Screen Tab, click + Add Block→ Text Input.
-
Input Data Field: Select Address Line 2.
-
Label: Leave as “Address Line 2” or a name of your choice.
-
Required & Visibility: To filter this based on the address type we set up earlier, set both to Conditional. From the pop-up window, set When to Address Type, Operator to Is Any Of, and Value to HDB, Condo, and Office. (This hides the field for “Landed” selections). Click OK when done.
Configure the Progress Button
Finally, specify what happens after the customer completes their address.
Under the Screen Tab, do the following:
-
Footer Action: Select Save Address. This remembers the selection so it can auto-populate for the customer the next time they book.
-
Next Screen & Action Label: Leave these as they are to let the system handle the transition.
Setup the Date & Time Screen
This is the final step where your customer picks when they want you to arrive. Getting this right ensures your team can manage their schedule and the customer knows exactly when to expect you.
Add Information Fields
From the Flow Tab, select your Date & Time screen.
Delivery date: This allows the customer to see the available dates and choose one that fits your schedule.
-
From the Screen Tab, click + Add Block → Dropdown.
-
Input Data Field: Select Delivery date.
-
Label: Leave it as default or give it a meaningful name like “Select Date.”
-
Required: Select Always Required.
Delivery time: Once the date is chosen, we want to list the available time slots and let the customer select one specific time slot based on the available ones.
-
From the Screen Tab, click + Add Block → Radio Buttons.
-
Input Data Field: Select Delivery time.
-
Label: Leave it as default or give it a meaningful name like “Select Time.”
-
Required: Select Always Required.
Refresh Link: This allows the customer to update the screen to see the most current available slots.
-
From the Screen Tab, click + Add Block → Embedded Link.
-
Link Text: Name this “Refresh” or any name that tells the customer this will update the list when they click on this link.
-
Action Type: Select Fetch Booking Options. This will update the Delivery date and Delivery time fields to show the latest availability when the customer taps on the link. This is useful if a time slot was just taken by someone else while they were filling out the form.
Configure the Progress Button
Now we set the final action to turn this form into a real order for your business.
Under the Screen Tab, do the following:
-
Footer Action: Select Create Order.
-
Why? As this is the final step, when the customer clicks this, it creates a new Sales Order in your system automatically.
-
How to find your orders: You can find these bookings by heading to the top navigation bar, clicking Sales, and selecting Orders. You will see the dashboard where all the orders placed through your WhatsApp booking form will appear at. Click here to learn more about Sales Orders.
-
-
Action Label: The system will show “Complete” by default, but you can change this to something like “Book Now.”
Publish Your Mini App
Once you are happy with how your booking form looks in the preview, you need to Publish it. This makes the form live so your customers can actually start booking on WhatsApp.
- Click the Publish Button: Look at the top right corner of the editor and click the Publish button.
- Confirm the Action: A pop-up window will appear asking you to confirm. Click the Publish button inside that window again.
- Check the Status: After a few moments, the system will refresh and take you back to the main Mini Apps page.
- Look for your Mini App in the list. You should now see a status that says Published.
What does this mean? Your Mini App is now officially “live.” You can start using it to guide your customers to book their home deliveries through WhatsApp. All the information they enter will now flow directly into your Sales Orders dashboard.
To get started, check out the guide: Sending Your Mini Apps to Customers →