Skip to main content
This is a guide to creating a proper Bill component, First off you have to set the Flow correctly in the web Flow Builder, and then after you set it correctly, you can use the Flow to create a Task. Setting up the Bill flow on the web:
image
Initial page setting up:
  1. Flow name that you would use to create a Task
  2. Bill component name on the Initial page, you should use this name to refer to the list component from the mobile app page
  3. Visibility of this component will affect: Create Task on the Web and Mobile; and View Task on the mobile app, if the component is not visible, it won’t be shown on the UI. Visible & Hidden component data will be exported, regardless of their visibility.
Bill item section:
  1. You can enter the name of the item that will be used in the billing process, such as item names such as book, ruler, and others related to the billing process.
  2. Total bill item that you have created
  3. After enter item name, now enter the price of the item.
  4. You can add other data by pressing the enter button, data that was previously stored temporarily and can add additional data. Previously created data can also be edited or deleted.
Cost item section (Optional: Not Required):
  1. Add-on types can be selected according to needs. If you have a promo, you can choose a discount option for a price reduction. You can select a cost option if there are extra costs, such as shipping costs.
  2. Total cost item that you have created
  3. Name of the cost item that will be used, such as discounts, shipping costs and others.
  4. Price cost value given to the cost item used will affect the total price on the billing
Page-n setting up:
image
  1. Bill component name in the Initial page, you should use this name to refer to the mobile app page
  2. The value that will be referred to by this Bill component, in this example we refer to the Bill component in the Initial page
  3. This toggle will affect the ability to Add New bill items on the mobile app, if you turn it off the field user can’t add more bill items, if you turn it on they could add more.
  4. Bill item section displays data referred to from the initial page or another page according to what we choose on the Use Bill Form. This data can also be added in the same way as points 2 - 4. This data will be used to make transactions on the bill component.
  5. The cost item section displays data that is referred from the initial page or another page according to what we choose on the Use Bill Form. This data is optional and may be filled in when there is a discount or extra cost. Cost item data can be added similarly to points 5 - 7. This data will be used to make transactions in the billing process.
Setting up Mobile Preview:
image
  1. Navigate to the Initial page
  2. Navigate to the Mobile app page, you could add more pages as you need
  3. Detail of bill view in the mobile app, bill view contains item detail information, price and quantity
  4. Detail of cost view in the mobile app, cost view will show extra cost in the Bill
  5. The summary view in the mobile app, will show the total Bill + extra Cost
After you create a proper flow with a Bill component, you could create a task using this flow using the Import Task feature, as shown below:
image
  1. Click this button to add a new task in bulk
  2. Choose the Flow with a Bill component that you have created
  3. This field will be filled with information that you’ve put in the .xlsx file after you import the Task, you could view and edit the information here
  4. The bulk import Task field
After you choose the Bill flow, you could follow the sequence below to download and edit the Templates to import the Task:
9
  1. After you choose a Bill’s Flow that you want to import, Download the templates for import.
  2. You should automatically download the .xlsx file after clicking the Download button, and open the file once it’s downloaded.
  3. Fill in the information in the file
  4. Drag and drop the file to this field to import the task from the file that you have edited
This is the structure of the .xlsx file that you need to fill in with information about the Bill:
1
  1. Information for the Task and Cost setting from the Flow
  2. ID number of the order in the Bill, please note that these ids are linked to the second page (5).
  3. Costs detail from the Flow’s setting, this is optional, this field won’t be created if you didn’t set it up from the Flow builder.
  4. Information of the Bill, this is where you put the individual order of this bill
  5. ID number of the order, you could use an ID multiple time if there are multiple order for that ID, for example, if a user order 3 different product, this ID should have 3 different product linked to it. This ID is linked to the (2) Main page.
  6. Name of the product, you could put multiple products for an ID
  7. Quantity of the order
  8. Price of a single product
If you follow the step above accordingly, you should be able to use this Bill’s Flow as a task, and your field user could work on it on the mobile app.