Buying a Product

The following instructions outline the step-by-step process for purchasing a product on the e-Business 6.x/7.x website:

Buying a Membership

The below procedure is also applicable for purchasing a Membership (Student, Corporate, Individual etc.,). Once the purchased Membership status is updated to 'Shipped', the membership details can be viewed under the 'Your Information' section (My Profile>Your Information>Membership).

1. Log in to the e-Business website with valid credentials or browse the website as an anonymous user.
2. Click Products tab located on the menu bar.
3. Browse through the products with the search function or filtering the product according to the product categories and select a product to purchase.
4. To view the product details, click its image or name. See Understanding Product Details for more information.
5. Click 'Add to Cart' button on the selected product.
6. Click 'My Cart' option located on the right top corner of the website. In the My Cart window, you can see the list of products that have been added to cart and the total amount to be paid. The Cart Total section displays the product price, tax, shipping and handling charges of an order.
   

   Knockout User Interface - Your Cart Page

   

   React User Interface - Your Cart Page

   

7. If you have an offer or discount coupon, enter the coupon code in the 'Add Coupon' box and click 'Apply Coupon' button. The discount will be applied to the applicable products.

8. Click 'Proceed to Checkout' button to proceed further. The user will be prompted to log in here if the website was browsed as a guest user.

   You can also modify the cart items by increasing the item quantity or removing an item before you proceed to checkout.

9. The Checkout Wizard is a four-step wizard covering address selection, review the order, order payment and order confirmation.

10. Under the Address step of the wizard, choose the Billing Address and the Shipping Address in the 'Select your Address' section. User can also select the Shipping Type from the Shipping Method drop-down to calculate Shipping and Handling charges.

    Only Web enabled Shipment type is available for e-Business user selection. If no shipment type is web enabled, then the respective drop down will not be displayed.

    Shipment Type is a required field in Orders entity and hence when the order is generated, the Order GE takes the default value defined in the orders entity (value of ShipTypeID), if one is not supplied explicitly. This value is 1 in the stock system (and can be a different one in the client DB) and the shipping/handling charges will get applied if the order line qualifies even if the Shipment Type doesn’t have web enabled flag checked in the backend. So, if associations do not want any shipment type to be applied, the guidance is to create one (doesn’t matter if it is web enabled or not) but important thing is to not add any shipping matrix record and use that as the default value so that orders generated through e-Business do not have shipping and handling applied unintentionally.

    Knockout User Interface - Select Shipping and Billing Page

    

    React User Interface - Select Address Page

    

11. Click Next to reach the 'Review' step.

12. In 'Review your Order' section, review the Billing Address, Shipping Address, and the product(s) to be purchased before you proceed for the payment and modify them if necessary.
    

    Knockout User Interface - Review your Order Page

    

    React User Interface - Review your Order Page

    

13. Click 'Proceed to Payment' button, once you have finalized the product(s) to be purchased. 
14. In the Payment section, you can choose one of the below payment methods to place your order: 
    1. Saved Payment Method:
       • If you are using an existing saved Credit Card, enter the CVV number against the saved card and click 'Place Order' button.
         
       • If you are using a saved Bank Account, click 'Place Order' button against the Bank Account.
         

         Knockout User Interface - Choose your payment method Page

         

         React User Interface - Choose your payment method Page

         

    2. Credit Card Payment: If you wish to use a New Card, enter the Card Number, along with CVV number, CC expiry month, year and click the 'Place Order' button.
       

       Knockout User Interface - Choose your payment method Page

       

       React User Interface - Choose your payment method Page 

       

    3. Bill Me Later: Enter the PO number and click 'Place Order' button. Bill Me Later option is available for the user only if the logged in user's credit status is approved and has enough applicable credit limit.
       

       Knockout User Interface - Choose your payment method Page

       

       React User Interface - Choose your payment method Page

       

       
       
    4. Bank Account (ACH): Enter the Bank Account Number, along with Account Holder's Name, Bank Name, Routing Number and click 'Place Order' button.
       

       Knockout User Interface - Choose your payment method Page

       

       React User Interface - Choose your payment method Page

       

       
       
    5. GPay: Expand the GPay option, 'Pay with GPay' button appears. Click 'Pay with GPay', a Google Payment Form is displayed. If you are already logged in your Google account in browser, it directly displays the list of Payments which are on your GPay.
       If you are not already logged in with Google account, it prompts you to login to your Google account, after login a list of Cards on your Google Pay account is displayed.
       

       Knockout User Interface - Choose your payment method Page

       

       React User Interface - Choose your payment method Page

       

15. Once the order has been placed successfully, the user can review the details of the order on the 'Order Confirmation' page. An email notification will also be sent on the registered email address.
    

    Knockout User Interface - Order Confirmation Page

    

    React User Interface - Order Confirmation Page

    

 

Faster Checkout for Zero Dollar Products

For the Association products with Zero-dollar price, the application skips the payment page to provide a faster checkout experience. After the product was added to the cart and the order was reviewed, the user will be redirected to the Confirmation page instead of the Payment page to place the order.

Knockout User Interface - Review your order Page

React User Interface - Review your order Page