WEBVTT

1
00:00:00.202 --> 00:00:04.224
In this episode we shop the online store as a customer would: browse, choose a

2
00:00:04.224 --> 00:00:06.442
product, fill the cart, check out, and pay.

3
00:00:07.406 --> 00:00:11.886
This is the home page of the store. The menu is at the top, with search and the cart

4
00:00:11.886 --> 00:00:14.606
on the right, and the collections are further down.

5
00:00:14.956 --> 00:00:18.156
Scroll down to the collections, and open Outdoors and cycling.

6
00:00:19.184 --> 00:00:24.778
The collection lists its products with their prices. A product that cannot be bought

7
00:00:24.778 --> 00:00:30.238
is marked Sold out, and the Sort by menu changes the order. Open the Packable Rain

8
00:00:30.238 --> 00:00:30.704
Jacket.

9
00:00:31.054 --> 00:00:36.349
The product page has the picture, the price, and the choices. This jacket comes in

10
00:00:36.349 --> 00:00:40.094
sizes and colours. Options we cannot sell are crossed out.

11
00:00:40.443 --> 00:00:45.118
Under the button, the page tells the shopper which stores offer pickup, and how long

12
00:00:45.118 --> 00:00:48.123
an order usually takes to be ready. Press Add to cart.

13
00:00:48.472 --> 00:00:53.076
The cart shows the jacket, the quantity, and the subtotal. Shipping and taxes are

14
00:00:53.076 --> 00:00:57.112
worked out at checkout. We want a gift too, so press Continue shopping.

15
00:00:57.463 --> 00:01:01.468
Go back to the home page from the menu, open the Gifts collection, and then the

16
00:01:01.468 --> 00:01:02.583
Lighthouse Snow Globe.

17
00:01:06.425 --> 00:01:09.705
Add it to the cart. The cart now has two items.

18
00:01:10.056 --> 00:01:15.018
Press Check out. The checkout page is simple and has your logo on it. First the

19
00:01:15.018 --> 00:01:18.536
contact details, an email, and an optional phone number.

20
00:01:18.886 --> 00:01:23.997
Delivery is either Ship to me, or Pick up in store at one of the stores that offer

21
00:01:23.997 --> 00:01:29.046
it. We will have it shipped. Then the shipping address, in Boston, Massachusetts.

22
00:01:29.399 --> 00:01:34.320
Press Update totals. The summary on the right now shows the subtotal, the shipping,

23
00:01:34.320 --> 00:01:36.039
and the tax for this address.

24
00:01:36.391 --> 00:01:40.609
Standard shipping is free, because the order is over one hundred dollars.

25
00:01:40.609 --> 00:01:45.173
Massachusetts sales tax is added, because the store is registered there and the

26
00:01:45.173 --> 00:01:46.791
shopper is in Massachusetts.

27
00:01:47.142 --> 00:01:51.629
The shipping methods are listed under the address, with their price and delivery

28
00:01:51.629 --> 00:01:55.892
time. Below them, a shopper can enter a discount code, or a VAT number for a

29
00:01:55.892 --> 00:01:56.902
business purchase.

30
00:01:57.252 --> 00:02:02.448
Press Continue to payment. The order is placed, and its stock is reserved, while the

31
00:02:02.448 --> 00:02:03.252
shopper pays.

32
00:02:03.603 --> 00:02:09.168
This practice store uses the simulated payment page, which says that no card is

33
00:02:09.168 --> 00:02:14.875
charged. A real store shows the card form from Stripe here. The page offers three

34
00:02:14.875 --> 00:02:17.763
outcomes. First, let us decline the card.

35
00:02:18.116 --> 00:02:23.232
The page says the card was declined, and the shopper can try again. This time, press

36
00:02:23.232 --> 00:02:23.476
Pay.

37
00:02:23.828 --> 00:02:28.357
The order page says thank you, with the order number and the email address. It lists

38
00:02:28.357 --> 00:02:32.562
the items, the shipping, the tax and the total, and the shopper is told that a

39
00:02:32.562 --> 00:02:33.748
confirmation was sent.

40
00:02:34.102 --> 00:02:38.845
The order is placed. In the next episode we see it from the other side, in the back

41
00:02:38.845 --> 00:02:40.102
office, and fulfil it.