How to - User Shopping Experience - Customize Checkout Screen.
WHAT IS USER SHOPPING EXPERIENCE?

We will show you what happens, steps involved when a user shops at your site. And what happens to your databases after there was an user order check-out. We design the ordering process as easy as possible so that non web skills like you can manage things easily. A picture is worth a thousands words.
• We use restaurant business as an example because it is simple. And it can use this technology. Then any different type of  business can use this technology as well.
• See how Invoice, Customer, Order Detail database populated, and Shipping Fee, Taxes are calculated.
 
User visits the website and clicks a product catalog to order.

User visits the Home page from myNet.Office website MyRestaurant.com


Picture: The Home page

User does a quick search and orders to find products they wants. Click to add Items into Shopping Cart.


Picture: Search products by different categories. Click on Title will jump to that product catalog. Click on picture on the right to see bigger picture. They can search coupons, promotions... Click on [v] check box to add this item into shopping cart.

User Orders from Product Catalog

myNet.Office Catalog has all features like [More], [File], [Coupon], [Video], [Feedback/Ask], [Review]...


Picture: myNet.Office Product Catalog.

• [More] = More information, description about this product.
• [File] = Picture, Word, Pdf files
• [Your Bid] = User can bid this item the price they want to pay.
• [Coupon] = If you have coupon discount for this item, it will show the coupon number and the discount. User uses it for shopping or bring in store.
• [Video] = Video, Media, You Tube file for this product.
• [Feedback/Ask] = Get free valuable consultation from customers. User's quick send email. User's email, message saved in database x_feedback_ask for product research.
• [Review] = Get free valuable consultation from customers. User posts the review for this item. message saved in database x_user_preview for product research. 
• [Promotion] = for this product item.
You can set, or select these features by the tool used to create a product catalog. (See Day1)

The Flower Shop


Picture: The Flower Shop

User buys entertainment ticket online

User adds product to the shopping cart

myNet.Office Shopping Cart lets user enter the Coupon number.



 
User click on button [Checkout>] to check-out

There is only one-step and one-check-out screen. User can enter up to 250 characters notes. For example, if you sell flowers, you can use this notes for customers.


Picture: myNet.Office One-Step One Check-out screen. Pay By is built in many different payment options. PP_Credit = Pay Pal. It has many different payment options.

FEATURES AND HOW TO CUSTOMIZE THE CHECK-OUT SCREEN IN  x_shop_property

• To customize what input field box you want to have. -> Open database Database x_shop_property (See if not clear click on the picture to zoom.) and select fields.
Example field: IS_PO_NUMBER = yes or no to have display this input box. Or to display the input [Delivery Tip] or not, you select the filed = IS_DELIVERY_TIP = yes or no in the database x_shop_property. (See)
• To customize [Pay By]: There are all different kinds of Payment Methods. You can customize what Payment Methods you provide your Check-Out screen.
• The Payment Method changes according to user selection. For example, if user select Pay By Credit then it will show boxes to enter Credit Card Name, Card Number, Card Expiration.. If you choose  not to use payment method, for example, Online Banking, open x_shop_property database -> Select field IS_ONLINE_BANKING = no.
• To customize [In Local Delivery]: For local delivery based on Area Code, to provide the Area Code you want to delivery displayed in the box: [In Local Delivery]. You open database x_shop_property, enter the Area Code, like M2B 1A5, M3G 1A7, or P21900.. in the field = AREACODE_DELIVERY. It will check the AREA CODE DELIVERY to see if the customer order in that area code as well. It lets the customers know if they are not in that area.
• To customize [Shipping Priority] box: in order to provide the different type of Shipping Delivery you want to display in the box: [Shipping Priority]. You open x_shop_property database, enter the type of shipping you provide, like: Normal, Fast Delivery, Air Delivery... int the field = SHIPPING_PRIORITY.
• It automatically creates new membership for new user after check-out. If it is returning user, from looking up email, it will ask this member login to checkout faster.
• It verifies and checks any missing required boxes if not enter.
• It verifies password manually.
 
User check-out click on [Continue Checkout Pay Pal] and transferred to Pay Pal secure payment website.

If user chooses other [Pay By] payment methods, like Pay By Cash. User sees button = [Complete Checkout]. It is finished. But for Pay Pal payment method, user will see different button = [Continue Checkout PayPal] button. When click on it, user is transferred to Pay Pal website screen.


Picture: User is transferred to Pay Pal secure website screen where they will complete their payment.
• Look at the Pay Pal screen, we program to merge myNet.Office shopping cart to Pay Pal shopping cart. The logo is setup from database x_shop_property field = LOGO_URL.
• User just needs to click on Continue. User doesn't have to login or sign in account with Pay Pal if they don't want to.
 
Click Continue check-out at Pay Pal website - User asked to provide Credit Card information.

Again, we program to send user info like Name, Address, Phone... to Pay Pal website. At this screen, user only needs to enter their Credit Card information.

NOTE: Many websites can't build in Pay Pal as their payment methods because they don't know How-to program their Shopping Cart working with Pay Pal shopping cart.


Picture: User enters only Credit Card info at this Pay Pal website screen. Other information, like Name, Phone, Address.. are automatically filled by myNet.Office Shopping Cart. It displays your Logo at the top make it more friendly.
 
Final Payment Pay Pal Screen - DONE

IMPORTANT: At this screen, user needs to click on button [Please you must click here to return to our website]



Picture: Final payment Pay Pal screen. DONE!
- User don't have to create Pal Pal account. Pay Pal is a very secure online payment. If there is any thing wrong, the order will never go through.
 
User returns to your website after click on Pay Pal Return to Website button.

Now, this user can login. Click on Member Collaboration [Order History] to see the invoice. Or click on [Order Tracing] to track where is the delivery will arrive.


Picture: The return screen from Pay Pal website after complete payment. During the ordering process, user only needs to enter credit card only.
 
THIS OFFICIAL INVOICE IS SENT TO BOTH USER AND IN-HOUSE STAFFS


Picture: User and your in-house Staffs receive this invoice sent to their emails. This user and you also receive an invoice confirmation from Pay Pal as well.
NOTE: You can change the Logos (default is ours), email Message, the Subject, the email To, From, CC, BCC.. sent to user from database x_email_manager.
 
The Results - What happened after User has completed check-out an order?

• Pay Pal
deposits money into your Pay Pal account. You can download money anytime to your own bank account. (See How-to Setup Pay Pal Account)
• Pay Pal
sent an invoice copy to both Sellers (You, the owner of website) and Buyers (Users).
• myNet.Office also sent an invoice copy to both Sellers (You, the owner of website) and Buyers (Users). You setup in Email Manager, ETYPE = x_em_invoice for whom will receive.
• myNet.Office creates new Member Account by adding 1 Customer record for this user in database x_customer. Default SALESPERSON= INFO_SALES. You will assign the real Sales Person for this account in x_customer database. See the result data saved in Database x_customer
So that he can login with his Email and Password from the screen Check-Out Fill Info. If you want to get more user's info, such as: Taxes Info, Personal Info...Use Member Collaboration on database x_customer.
• If user is an exist user, myNet.Office Check-out screen will detect the email and inform user he/she should login with this email.
• myNet.Office creates 1 Invoice record for this invoice in database x_invoice. See the result data invoice 169 saved in Database x_invoice
• myNet.Office creates 2 Order Detail records for this invoice in database x_Orderdetails. One for each Product ordered in this invoice 169.
- See the result data of Order Detail of invoice 169 saved in Database x_orderdetail. Look at 2 records that have invoiceid = 169.
Now, this user can login [Member Home]. Click on Member Collaboration [Order History] to see the invoice. Or click on [Order Tracing] to track when the delivery will arrive.

AFTER ORDERED, MEMBER LOGINS ACCOUNT [MEMBER HOME] AND COLLABORATE

The Sales Staff update with Customers what happens for their orders, such as: shipping, any problems, arrivals, messages...The customers can send quick email, asks question their orders...It is a collaboration between Business and Customers.


Picture:
Member email = daviddnct@yahoo.com logins Account Member Home -> Click [Order History] on the left menu -> See all his order invoices. The latest order = 169.

FEATURES
A Quote: The invoice #145 is a QUOTE. It happens when user buys product or service from your website that you put price=0. Button [Order?] shows up. Click on [Order?], member orders this invoice. After ordered this quote, its STATUS is update= from quote to order. It becomes an official invoice. DONE!
• Member clicks Email icon
VIEW THIS PAGE to send email to Sales Person any time regarding to the order.
• Use Member Collaboration = List, Task = Order History, database = x_invoice. you can setup what fields you want members see on the List.
It is scroll list, very fast. 10000 invoice records no problems because it displays 10 recs (default) a one time.
• Use field = SALES_NOTE in x_invoice database for your Sales Person to communicate with members. Update field SALESPERSON = name of Sales Staff to let member know who is the their Sales Rep.
• Use Member Collaboration = List, Task = Order Tracking, database = x_invoice to let member track their shipping.
• You can add more fields in the invoice database x_invoice. Maximum is 64 fields. Then collaboration with members on these fields. For example the add on field = SALES NOTE used by Sales Staff to communicate with customer. But do not delete the pre-set fields. See Working With Important Database to know which field is fixed.

CALCULATE THE SHIPPING FEE FOR THIS DELIVERY
• The SHIPPING_FEE = 0.07 for this invoice because you have setup the shipping cost Based On Percentage in database x_ship1_property, line 1 data for purchase in range from [0.0 - 1000]$ domestic, shipping fee is 2% the field =SHIPCOST_BYPERCENT_DOMESTIC. And in the database
x_shop_property you select the field CAL_SHIPPING_COST = Based On Percentage. Other choices are: [Based On Flat Rate, Based On Weigh]. Thus this Shipping Fees calculated as: 3.50 x 2% = 0.07.
• If you select filed = CAL_SHIPPING_COST = Based On Flat Rate in database x_shop_property. Then this order shipping fee = 5.0$. Since the the order sub total is in range [0-1000] and domestic. It is flat rate means any order with sub total in this range is charged 5.0$ in table x_ship1_property, in the field = SHIPCOST_BYTOTAL_DOMESTIC
- If the order in the range = [1001 - Up] ->
Based On Flat Rate ->  SHIPCOST_BYTOTAL_DOMESTIC = 15.0$ for domestic, and 25.0$ =  SHIPCOST_BYTOTAL_INTERNATIONAL  for International. You can have many records of many different price range for shipping cost.

CALCULATE THE TAXES FOR THIS DELIVERY
• The Total Taxes  = 0.18+ 0.28 = 0.46 for this invoice because you have setup 2 taxes for online order. They are: TAX1_GST_PERCENTAX= 0.05, and TAX2_PST_PERCENTAX= 0.08 in the database
x_shop_property. If you are in other countries, think it is TAX1, and TAX2.

HOW THE MEMBER ORDERED THE INVOICE QUOTE.

- The order quote happens when the website seller doesn't list the price. The buyers orders the items in shopping cart then check-out. It is like the orders. The sellers then calculate the price for the quote. Update the price details information. Send email. The buyers then receive the reply email from the sellers. The buyers login their accounts. See the quote. Click on the button [Order?]. Then order the quote. After ordered, the invoice quote updates the status from QUOTE to ORDER. Now, this quote becomes an invoice.
- In B2B business, distributors, suppliers don't list the price on their website. Customer must order by quote. Please see Tool Get Quote in Build Virtual Net Office in 3 Days.



Picture: Member click on button [Order?] to order the Quote. Or Member click on Email icon VIEW THIS PAGE to send quick email to Sales Rep's Black Berry.

EMAIL INVOICE CONFIRMATION WHEN MEMBER ORDERED THE QUOTE


Picture: Member ordered the Quote = 167. This email is the result of clicking on button [Order?] to send this email order confirmation to this member and in-house staffs to confirm the order of this quote.
• There are 2 items for this invoice 167: 1) 2 x Music Ticket Saturday Night - Feb 15.  2) A Combo.
This Quote 167 updates its STATUS = order and become an official Invoice 167.

As one Manager has described myNet.Office:
"- It is unbelievable! myNet.Office helps me to collaborate with my Member Customers closely. Customers can email to my Black Berry so quickly. It saves me a lot of time talking to customers who keeps calling for their orders, their quotes. Now, my website does some thing. It is like the middle man who not only works 24/7 but also helps connect me and customers efficiently and faster. It has changed our mind set the way we used to work. And how we use the technology to make our work, our live easier and more efficient. This is called innovation at work. It is about working smarter."
 
CONCLUSION

The process of User Shopping Experience is very fast. If chosen other payment methods it will be faster. User feels more trusted, more secure to use their Credit Card at your website because they know Pal Pal who is responsible to process your Credit card, not any one else.
• We design database so simple that there are only 3 databases: Customer, Invoice, and Order Detail so that you can easily manage information because we design for non-web skills users. myNet.Office is design for all different kinds of businesses.
• We use the MyRestaurant.Com as an example because we want to show you that even a simple business not hi-tech like restaurant, still can use the technology.

• THAT IS IT. IT IS DESIGNED EASY TO USE, EASY TO MAINTAIN, EASY TO MANAGE, EASY TO CONTROL.

Copy Rights 2008 @ Net Thru. All Rights reserved.