Build an E-Commerce Platform

Sign in Get started

This episode is for members only

Sign up to access "Build an E-Commerce Platform" right now.

Already a member? Sign in to continue

Playing

78. Entangling Stripe customer data

Episodes

0%

Your progress

Total: 8h 42m
Played: 0m
Remaining: 8h 42m

Join or sign in to track your progress

01. Introduction and demo

02. Installing Laravel, Breeze and Livewire

03. Creating categories

04. Recursively displaying categories

05. Product model and migration

06. Showing a product

07. Product variation setup

08. Creating the product selector

09. Loading child variation dropdowns

10. Faking adding the final variation

11. Setting up product stock

12. Calculating variation stock levels

13. Adding product images with MediaLibrary

14. Creating the product gallery

15. Providing a fallback image

16. Adding media to product variations

17. Creating the cart model

18. Registering the cart service

19. Creating a cart session

20. Showing the cart in the navigation

21. Caching the cart instance

22. Adding items to the cart

23. Creating the notification component

24. Showing the user's cart

25. Outputting cart items

26. Showing variation specifics

27. Updating item quantity

28. Removing an item from the cart

29. Calculating the cart summary

30. Showing the category products page

31. Indexing products in Meilisearch

32. Hooking up products to categories

33. Building the product browser

34. Showing child categories

35. Indexing product variations for filtering

36. Outputting variations for filtering

37. Hooking up product filters with Livewire

38. Filtering products

39. Filtering by price

40. Adding global navigation search

41. Handling products that are not live

42. Price range category fix

43. Scaffolding the checkout page

44. Listing shipping options

45. Calculating the cart totals

46. Validating the account form

47. Validating the shipping form

48. Saving the shipping address

49. Selecting a saved shipping address

50. Fix shipping address error for non authenticated users

51. Redirecting if the cart is empty

52. Checking for quantity changes

53. Syncing if quantities have changed

54. Flashing a message when quantities have changed

55. Setting up for orders

56. Creating an order

57. Attaching variations to order

58. Reducing stock after ordering

59. Meilisearch filter query fix

60. Showing the order confirmation page

61. Attaching orders for registering guest users

62. Scaffolding the orders page

63. Filling in order variation details

64. Returning the order status

65. Detecting order status changes

66. Sending the order status change email

67. Sending an order confirmation email

68. Handling deleted cart records

69. Transferring the guest cart

70. Creating a presenter for the order status

71. Setting up Stripe

72. Creating and updating a PaymentIntent

73. The Stripe card form

74. Validating before payment

75. Submitting a payment

76. Checking for a successful payment

77. Handling Stripe client errors

78. Entangling Stripe customer data

Transcript

00:00

Alright, so we've got a bunch of payments here all through the email address that we hard-coded earlier. What we're now going to do is look at switching that up. So of course, we actually pass the user's email address in. And of course, if you add any other items to this form under that account area,

00:17

the moment we don't see it because we're signed in, then you can go ahead and pass these through too. Pretty much anything you need, you can pass into billing details that Stripe accepts. Okay, so we're going to have to get this email address somehow.

00:30

We already know that this is stored over on our checkout component under the account form just here. How are we going to get this out? Well, what we can do is we can actually share this data with Alpine directly through Livewire. So for this, we're going to go ahead and use Entangle,

00:48

and that will allow us to access from the account form that email address. Now, we're going to go ahead and defer this because we don't always need it. We only need this when we submit this through. And we already know that the account form email is going to be hooked up to the currently authenticated user,

01:04

or if the user is a guest, it will be hooked up to what they type into the form. So we now have access in here to this email, which we can just go ahead and switch over. Let's do a couple of tests just to make sure this is working nicely. So let's go ahead and pre-choose an address.

01:21

Let's go and just enter our standard card number, which we know always works. And let's hit confirm order and pay. Once that goes through, if we just head over to payments here, give this a refresh, we should see a successful payment here from Alex at Codecourse.com.

01:37

Let's go and log out, add an item to our cart, and try this with a completely different email address to make sure it hooks up. So over to checkout, let's go ahead and enter Mabel at Codecourse.com and again a fake address. Let's fill in our card details and let's hit confirm order and pay.

02:00

Okay, that's just about gone through. So let's go ahead and give this a refresh and we should see Mabel at Codecourse.com. Great. We know that the email address for the user is now hooked up. And of course, you can do a similar thing to hook up any other information you need to pass through to billing details.

78 episodes•8 hrs 42 mins•2 years ago

Overview

Build a robust e-commerce platform with a Laravel and Livewire. Features products with unlimited and flexible variations, a product browser with filters and price range slider, global product search, guest checkout, shipping and payment implementation, order status tracking and more.

Alex Garrett-Smith

Alex Garrett-Smith

Hey, I'm the founder of Codecourse!

Episode discussion

No comments, yet. Be the first!