Commerce Pro

Creating Store

  1. Click on Commerce Pro feature and add into app
  2. You need to add your first store , click on + icon
  3. Fill in all the details as shown below , related to store
  1. Store Information like address and name, operations hours etc to be displayed in store list page, address is also used to calculate delivery fee (if enabled)
  2. Store Categories are optional when you have just one store , you can use it when you have multiple store and can be created Stores -> Category section only after creating your first store.
  3. Title and description is used to display more store related info in app side
  4. Store status Draft – Not published in App. , Published – Visible in app to all users
  5. If you want to capture date/time for order in checkout process enable this and make it mandatory if you want user to force enter this info
  6. if you want to capture pickup time of delivery in checkout process enable this and make it mandatory if you want user to force this info
  7. Icon – is used to upload store image and displayed in app while showing this store
  8. Delivery options available for this store
    In store – user will visit in store
    Carry Out – user will carry out .pickup the order
    Shipping/Delivery – if you want user to charge delivery option and this is explained in other section
    Table Service – Clients is ordering from table and can input table number in checkout, you can change the label and use it for different purpose like Employee Id or something else from settings tab
  9. These are the payment methods available with Commerce Pro and can be enabled per store after.
  10. These are paid addon available for fee , please contact us for custom payment gateway
  11. Please enter your first tax rate, you can also enter 0 if your product prices are included of tax

Manage Products

  1. Go to Catalog -> products to see all the created products
  2. Clicking + icon will allow you to create new product
  3. Edit icon will lead you to edit product page

  1. Product name you want to be displayed on product page
  2. Description allows you to enter detailed information about products, ingredients etc
  3. Tax slab to be used for product ,you can create more slab from Settings section
  4. Product Price, this will be disabled if you enable product format , see point 10.
  5. [Optional] Available stock is the current stock available for this product and it will be automatically reduced on new orders.
  6. [Optional] Minimum order quantity . Enter 2 if you want to force user to order minimum 2 quantity of this product.
  7. [Optional] Maximum order quantity . Enter 2 if you want to force user to order maximum 2 quantity of this product.
  8. [Optional] Choose store to which this product belongs, ignore if you have just one store
  9. [Optional] Upload one more pictures of the product
  10. [Optional] If you want to have 2 or more price variation of the same product you can enable this. For example you have 2 colors available of same product and you want to charge them 2 prices based on color selection use this option, when you enable this basic price field gets disabled and price set in product format is used while adding product to cart
  11. Product options can be added when you want your users to choose toppings/additional option for same products with additional fees. example sauces, cheese options etc , when user select this additional fee is charged. detailed info in other section below
  12. Product Choices can be added when you want your users to choose toppings/additional option for same products without affecting product price. example sauces, cheese options etc , user can choose any option but no additional prices will be added to cart detailed info in other section

Product Options and Choices both allows you to create group of options to be selected by user before adding the product to cart.
Difference between Product Options and Choices is that Products Options comes with additional price which is added to cart and choices are just user choice selection and no additional fees are added to cart.

  1. click + icon to add new product option/choice
  2. If you select any option then enter price to be added to cart when selected by user.
  3. Sauces is group of choice option and when enabled it will show you options to be included in product
  4. User list choices doesn’t comes with price option , it will still allows user to select choice but wont add any additional fee in cart.

  1. Give a name to Group like Sauces etc
  2. When you mark this option as required it will force user to select option before adding product to cart
  3. clicking + icon will allows you to add new option
  4. Change Option name or delete it as per your need

Manage Categories

Store Categories
Store Categories are useful when you have multiple stores which needs to be categorised. You can create store categories by visiting Catalog -> Store Category page. See picture below which allows creating store category with inputing title, description and icon image.
Note : You need to keep your List View option as Store List view from settings page to show store categories.

Product Categories
You can create multiple categories for products too and you can assign them to any products you need. You can create product categories by visiting Catalog -> My Category page. See picture below which allows creating product category with inputing title, subtitle and icon image.
You can assign category to product in Edit/Add product page.

Manage Orders

  1. Go to Orders tab to see all the orders
  2. You can search order by store, customer name etc
  3. Click on any order row to see order details

  1. Click on Cancel button if you want to cancel the order
  2. You can see complete order details and modify anything you need
  3. Change order status from here
  4. Order Items can be seen along with all prices tc
  5. Notes entered by customer is shown here

Settings

  1. Phone Number field can be enabled to be captured in checkout flow and you can mark it optional/mandatory for customer to place the order.
  2. VAT field can be enabled to be captured in checkout flow and you can mark it optional/mandatory for customer to place the order.
  3. New Store’s default status, this is important when you allow store signup from app via marketplace module. Draft – Hidden to customers in app , Published – Visible to all customers
  4. You can Enable/Disable shopping cart functionality , if disabled it wont show add to cart button in the app , good option if you want to use commerce pro for just catalog, ads, business listing purpose
  5. You can hide price from the app in case you are using this as business listing or something similar purposes.
  6. If enabled taxes are included in product price
  7. You can enable buyer/seller chat in your app , you need to have Social Network Module installed to make this functionality work.
  8. You can change first page of commerce pro feature, this is very important setting which changes complete UI and Flow for your customers, it has four optionsCategory List View – if selected first page of commerce pro will show all the categories first and then sub categories and then product can be seen/added to cart. can be used when you have single store with multiple categories.Product List View – This options shows all the products first. can be used when you have many products and no categories.

    Store List View – Store information will be displayed first along with products/categories, this is useful when you want to show both categories and products on same page with professional design. this option supports both single or multi store setup.

    Map List View – This settings is important when you want to show all your stores on maps first and recommended for multi store setup only as you want to show nearest stores to user on map and then clicking on stores icon takes customer to stores product info page. Can be used for directory listing etc

  9. If stock is enabled order can not be places if you don’t have products in stock and you need to input stock available in edit section of all the products.
  10. Birthday field can be enabled to be captured in checkout flow and you can mark it optional/mandatory for customer to place the order.
  11. Invoicing address related fields can be enabled to be captured in checkout flow and you can mark it optional/mandatory for customer to place the order.
  12. Delivery address related fields can be enabled to be captured in checkout flow and you can mark it optional/mandatory for customer to place the order.
  13. Payment Gateway mapping is important based on your store setup, Commerce Pro setup supports Single Store Setup , Multi Store Setup or Marketplace Mode, in different mode you want to transfer funds to different accounts, it allows 3 options.Multi Vendor ,Single Gateway – In those mode you will have multiple stores but payment gateway will be used from one default store settings, you need to mention which is default store in point 14 option.In this mode order can be placed for products from single/multiple stores. for this mode it’s recommend to set List View as Store List View , see point 8 .Multi Vendor , Direct Transfer to Store – in this mode you will have multiple stores and payment gateway settings will be used from each individual store, so amount collected will be transferred to store owners gateway/account. Default Store settings form point 14 will be ignored in this mode. In this mode order can be placed for single store product only. for this mode it’s recommend to set List View as Store List View , see point 8 .

    Single Vendor , Multi Store – in this mode all stores are owned by one merchant , it’s for chain of restaurants etc, it also allows each store to use their own gateway but on store page in checkout allows user to choose stores from list, in above two modes we don’t allow user to switch/choose any store in checkout page. In this mode order can be placed for products from single/multiple stores.

  14. Default store is settings decide which stores payment gateway settings will be used in Multi Vendor ,Single Gateway mode.

  1. You can change date format to be used in order email/list section etc.
  2. Various settings to change label to use commerce Pro for different purposes example changing Table service to Umbrella Service / Employee code etc, and instead of products you can call it ads, business etc this gives huge flexibility to use this module many use cases of directory listing ,food, commerce etc
  3. This setting allows you to add service fee to cart and you can give it any label and enter any amount to be charged and mark it applicable(Yes) to be added to cart on each orders automatically, it can be used for setup fee/delivery fee/any other fees you want to charge everyone.
  4. You can enable driver tracking using QuestTag service which is free for 1000/orders/month and nominal fee after that. You just have to signup and copy past api keys and once you change order status to Shipped it will automatically send order data to QuestTag app and you can assign driver and customer will get sms and will be able to see the realtime location of driver and order status.
    QuestTag provides free App for driver and customer does not need any app they will be able to see driver location from a link sent via sms. This makes your delivery system more transparent

  1. ou can add discount code here, which cane be used by customer in cart , please enter all the information asked in form while creating coupon code.
  2. You can enter printer email for each store to print receipt.
  3. You can enable search functionality from here
  4. Will allow customer to add tip
  5. You can allow customer to place order as Guest user without creating any account.
  6. You can manage tax slab rates from here and then select in product edit page

Features and Use Cases

 

This sections explains different use-cases and important features of the commerce Pro module:

Multi Store

 

You can use Commerce Pro in multi store mode , you just need to make sure to follow below steps.

  • Add Multiple stores and it’s details from stores section
  • Go to Settings Tab and Select List View as Store List view
  • And Select Payment Gateway Mapping as Multivendor , Direct Transfer to StoreIn multi store mode admin will have to add/edit all the stores and product info but if you want all your store owners to manage thier own products/orders etc from App itself then you can use Marketplace Module.

Currently we are not calculating commissions etc for each store in multi vendor mode and in future we will be adding this option too.

Driver Tracking

 

You can enable driver tracking for orders , customers will get link via and they will see the realtime location of driver.
You can enable driver tracking using QuestTag service which is free for 1000/orders/month and nominal fee after that. You just have to signup and copy past api keys and once you change order status to Shipped it will automatically send order data to QuestTag app and you can assign driver and customer will get sms and will be able to see the realtime location of driver and order status.
QuestTag provides free App for driver and customer does not need any app they will be able to see driver location from a link sent via sms. This makes your delivery system more transparent

Go to Commerce Pro Settings Tab and Input QuestTag Api Key.

How to create QuestTag Api Key
1. Create an free account on questtag.com
2. Copy Api key from Profile section of this link
https://dispatch.questtag.com/dashboard#accountInfo

Add Schedule

 

You can add weekly or day wise schedule for store operation time for each store from store add/edit page.

If you add schedules to any store and enabled to capture delivery/pickup time then it wont accept the time slots other than schedule added.

We allow adding multiple slots for same day, suppose you want to operate from 9-12 am and 9-12 pm on Monday , so you will add two schedules for same day with different time slots.

Delivery Fees

 

Commerce Pro allows you to charge fixed or variable delivery fee for each store.

Variable delivery fees are calculated by finding distance between stores address and customers delivery address.

Fixed Delivery Fee
Fixed delivery fee is added when delivery address distance is more than set radius. In below image we have done the settings to charge 10 USD to customers whose delivery address is more than 50km and maximum delivery distance can’t be more than 200km. it will display 15 minutes as delay to customer while placing order and minimum amount to order needs to more than 10 USD

Variable Delivery Fee
You need to add various delivery zones/areas if you want to charge variable delivery fees. In image below I have added 2 zones, variable delivery fee works on top of fixed delivery fee so you need to add fixed delivery fees settings first and then create zones under total delivery area.
In fixed fee example we wanted to charge 10 USD if delivery address is more than 50km and now variable/additional fee of 10 USD will be added if distance is more 100km (first row) and additional 10 USD if distance is more than 200km, so far customer whose distance is 210 km it will charge 10 Fixed + 10 (100km) + 10 (200km) = 30 USD as delivery fee.
In the same way you can always add next slot and it’s fee.
Please note : total delivery radius (see image above) should be more than maxmium km, so it should be more than 200 if we consider above example.

Directory Mode

 

Commerce Pro can be added multiple times to same app with different names and settings so it makes most flexible module to cover up many scenarios.

You can do various settings and use Commerce Pro as directory for business/ads listing , or use it as Classified Module.

Based on your use cases you can hide cart and change label from Products to ads/business and you are done.

You can see settings section to see all the options available

Import Data

 

You can import products information from previously added basic Mcommerce/Commerce module within a click.
Go to settings -> Import data and select basic commerce feature from the app and click import and it will pull all the products/categories/options data etc instantly, It will pull data from same app.

Was this article helpful?

Related Articles