Area- Based Delivery slots

Area-based address form

The Area Based Delivery slot will be created in Web Admin and it will be used from the website front end and Mobile Application.

Creating a New Area

  1. Login to web admin
  2. Click on the EliteMCommerce Menu to view the Sub Menu.

Elite mCommerce Dashboard

3.Now click on the “Manage Area” button to view the Manage Area Screen.

Manage Area

4.Now click on the “Add Area” button to add the New Area.

 Adding New Area

5.Now select the Region from the Drop Down menu.

Editing Area

6.Now Enter the Area Name in the Area Input Field.

Area Box

7.Now click the save Button to save the created Area.

Edit Area Name

Configure Area Based Delivery

8.Click on the Stores menu to view the Sub Menu

Dashboard Page

9.Click on the Configuration Menu to view the Configuration Screen

Configuration to Stores TAB

10.Click on the Elitemcommerce Menu to view the Delivery slot configuration.

Delivery Slot Configuration

12.Click on the DeliverySlotPro Configuration

Delivery Slot Pro Configuration

13.Click on the Enable / Disable Dropdown

Delivery slot Booking

14.Select the Country from the Dropdown

Country picker

15.Click on the Save button to save the changes in the Delivery slot configuration page.

Delivery Slot Groups

16.Click on the Elitemcommerce menu to view the Sub Menu

Elite mCommerce Dashboard

17.Click on the Delivery slot groups

SLot Groups

18.The Delivery slot list screen will display.

19.Click on the “Add New Group Slot” button

New Group Slot

20.Now Enter the Group Name in the Group input Field2

State picker

21.Select the Already Created Area Names from the Area Field

image38-1-1024x54

22.Now select the States related to the Selected Area.

image40-1024x545

23.Now click on the save button to save the Selected Delivery Slot Area.

Website Front End

24.Now Loginto website front End with user login Credentials.

25. Now Add any product to cart.

Oil Masala Dhall

26.Now click on the cart icon to view the Mini Cart.

add to cart

27.Now click on the “Proceed to checkout” button to view the “Checkout” page

Proceed to Checkout

28.Select the “Shipping Method” from the Shipping Method list.

Shipping Methods

29.Now click on the “New Address” button to add a new Address.

30. Now fill the “Shipping Address” Form Fields.

Shipping Address

31.Fill the First Name, Last Name,  Field.

32.Fill the “Street Address” Fields.

33.Now click on the Country dropdown field and select Country from the dropdown.

34.Now click on the State dropdown field and select State from the dropdown.

35.Now Fill the City field and Fill the Phone Number.

36.Now click on the Area dropdown to Select the already populated Area.

Area

37.Now enter the Address Type and click the “Ship here” Button to save the added Address.

38.Now click the “Next” button to Navigate to Checkout – Payment screen.

image7-1-1024x540

39.Now select the Delivery Date and Delivery Slot.

Delivery Date & Details

40.Now select the “Payment Method” from the Payment Method list

Payment Methods

41.Then click on the “Place Order” button to place the Order.

image10-1-1024x504

42. By clicking the “Place Order” button the Order gets placed with an added Address.

User Mobile App

43.Install the User Mobile App and log in with user login details.

image12-142x300

44.Click on the Store image to view the Categories.

image23-142x300

45.Now click on the Category name to view the Subcategories.

46.Now click on the Subcategory to view the products.

image23-142x300image26-142x300

 

 

 

 

 

 

 

 

 

 

47. Now click on the product image or title to navigate the Details screen.

image28-142x300

 

48.Now click on the “Add to Cart” button to add the products to the cart.

49. Now click on the cart icon to navigate to My Cart Screen.

image31-142x300

 

50. Now Click on the “Proceed to Checkout” button to navigate to the checkout screen.

51. If there is no address is added with the respective account, then the Add Address screen will appear.

52.Now Enter the Details in the Address form.

53.Fill in the First name, Last name, Mobile Number, Address type, and Street details fields.

54.Now select the Country, State, and city from the Dropdown fields.

image33-142x300

 

55.Now Select the Area from the Dropdown field and click on the Save button.

image35-142x300

 

56. After clicking on the “Submit” button the Checkout screen will appear.

57. Now click on the “Proceed to Payment” to view the Checkout – Payment screen.

image13-142x300image39-142x300

 

 

 

 

 

 

 

 

 

 

 

58.Now select the Payment method and click the “Place My Order” button to confirm the Order.

59.Now click on the “Confirm My Order” to confirm the Order.

image11-142x300

 

60.By clicking the “Confirm My Order” button, the order confirmation screen will get displayed.

61.The Order gets placed with an Already selected Area.

image1-142x300