Custom Cart Page | Wix Tutorial [Part 5] - Proceding to Checkout
Вставка
- Опубліковано 25 сер 2024
- #wix #wixwebsite #wixtutorial #website #webdesign #webdev
Demo and template purchase: eitanwaxman.wi...
Timeline:
00:32 Programming the checkout button
02:07 Creating the checkout URL
03:25 Handling errors and deconstructing response
07:06 Publishing the site and testing checkout button
08:06 Error handling and upgrading to premium plan
10:14 Addressing invalid argument error
11:26 Deconstructing checkout URL response
13:19 Fixing typo and final checks
14:15 Demonstrating loader effect
16:19 Template availability and conclusion
New to Velo? Try my new Velo for Beginners course now on Udemy!
www.udemy.com/...
Have an idea for a video? suggest it here:
www.thewixwiz....
Have questions? Join the discussion:
www.thewixwiz....
Want to have joint coding session? Book one now:
www.thewixwiz....
Have questions? Need some magic done on your website ASAP?
www.thewixwiz....
Follow along on Twitter @thewixwiz
Facebook page: / thewixwiz
Facebook community: / thewixwiz
This series has been amazing. I would view it incredibly valuable to include a sequel video on making a function for the media and product name to redirect back to the custom product page. Most large eCommerce platforms have this feature from my experience, and I think it would complete this tutorial very well!
Also, video part 5 is labeled "delivery country and coupon codes" but is moreso focusing on the checkout process! Just FYI.
Thanks for the suggestion!
Thanks, clerical error. Fixed!
Thanks for your time 🎉
Hi Eitan, I was recommended to watch this custom cart series but unfortunately, I didn't find it to do what I needed. Here's what I mean,
Example:
1. When you enter a large number for an item in the cart, say 1000, the cart multiplies the price of a single item with the number of items entered. i.e., the item listed price is $85 and the quantity entered is 1000, then the cart returns $85000. On the website I linked, when you do the same action, the price that is returned in the cart is lower than $85000 say $83000 for instance. This is because there is a range of prices based on the range of quantity of products entered. i.e., 1-1000 products cost $85, 1001-10000 products cost $84, 10001-100000 products cost $83, etc.
2. Not, when you add 10 items to the cart, and then change the number from 10 to 100 it adds both inputs and the cart gives you a total of $110 (as in the proposed solution video). Rather, in the scenario of the website I linked, when you do the same action, the cart clears old input and only displays new input.
Here is the link to a website with a sample of what I would like to add to my website
www.naturesblends.com/en-us/collections/cupping/products/premium-cupping-cups-mixed-sizes-from-b1-to-b6
Thanks Again, I appreciate you looking into this.
Hi, thanks for watching!
My tutorials are meant to serve as general guides for what is possible and how to approach certain projects. They are by no means comprehensive instructions for a production grade solution for every use case.
You will need to explore the Wix APIs based on the principles in the tutorial to find out how to implement your requirements. (And if the API even supports them).
I am glad to provide more detailed assistance via a consultation.
Good luck!
This was super helpful thank you. I could create a custom cart page with options for user to select payment either full, partial or cod. The only issue im facing here is that if i select partial payment e.g. 10% of total cart value, how do i pass on this 10% value to checkout page instead of it showing 100% amount? Any suggestions?
Glad to hear! How about applying a coupon based on the selection?
Great series, I have a question, I understand the series is in a free page, I opened the demo and when you add products it offers to go to the cart if you go through that option you are sent to wix default cart not the custom cart, is there a way to redirect it?
Thanks! You can set up a 301 redirect though it can sometimes be spotty with Wix app pages. The alternative is just to build the custom cart on the native cart page and collapse the Wix cart widget.
@@thewixwiz I did, in fact decide to go down that route
One click buy option ? Homepage to direct payment page
Wix does have some native options for buy now you can explore. If you want to customize it you can create a custom product page, then add to cart and generate the checkout url directly.
I'm having problems with the mobile view and cart icon button. I half assed the cart icon button by placing a button over it and linking it to the new cart page. But i still cant figure out the mini-cart that always displays when I add to cart. The problem is that the minicart has a view cart button that takes me to the orginal cart page and besides the minicart is ugly and i dont want it there. Any ideas? Itd be amazing if you could make a video on it.
What issue did you encounter with the first solution you mentioned?
is this referencing the new changes to .jsw ?
Check the previous video (from Thursday) :)
hey you are awesome how to make a one-product online store? an online store would only have a landing page, a product image, a quantity, and a buy now button that goes directly to checkout. no shopping cart.
Hey thanks :) Wix does have some native options for buy now you can explore. If you want to customize it you can create a custom product page, then add to cart and generate the checkout url directly.
Etan i have a final question (i hope 😅) so the redirection of the wix cart icon dosent work. Support say to me i have to create a own Cart Icon.... so i have do it and using a Button with a Cart symbole and link to my custome lightbox mini cart. Thats works. (Using the masterPage.js for the icon code) now i add a text over the icon (#cartQuantity) so my problem is when i add a product or + the quantity of a product the cartQuantity just render if i hit F5 for reloading the page. For exempel if the quantity of the product in the card is 5 and now i hit the addQuantityButton @custom cart or at the minicart the #cartQuantity text will add one more after reload the page... how can i get a realtime rendering at the masterPage.js? I think its will be a god content for a new video ;)
Best practice would be to base the number on the actual count of products in the cart using the API.