How to add Payment Methods in Woocommerce & Customize the Checkout Page
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- Hey guys, in this video I am finalising the simple Woocommerce webshop so that we can start on the more advanced webshop in Woocommerce. In this video I'm connecting a payment provider with a secret key and customizing the checkout page a little bit.
The other episodes of this series: livingwithpixe...
The page with all the links: livingwithpixe...
→ Software I recommend
Hostinger for affordable webhosting: livingwithpixel...
Siteground for premium webhosting: livingwithpixel...
Elementor for no-code web-development: livingwithpixel...
Figma for Web Design: livingwithpixe...
All recommended software & discounts: livingwithpixe...
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixe...
Figma Design Starters Guide: livingwithpixe...
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixe...
Figma Design Mastery Course: livingwithpixe...
Business Course: livingwithpixe...
→ Social media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.
![[🔴LIVE] งานประกาศรางวัล MAYA TV AWARDS 2024 : มายามหาชน](http://i.ytimg.com/vi/nwmWYXXVwBY/mqdefault.jpg)
So you asked on Instagram if this series was too basic for us and
Honestly I think the videos very appropriately designed for beginners. I understood each and every thing very easily especially the first video where you explained all the components of a webshop
So overall the series was very nicely made. Good job rino 👌🔥
Thank you for these woocommerce series Rino! It’s been awesome. Really looking forward for the more advanced shop👏🏼👏🏼
Hi Rino! I discovered your channel less than a month ago and I have learned so much from you since then. You convinced me to buy the Pro version and today I did it using your link. Am so excited to use everything I have learned for my own new website and my clients! Thank you!
Thats so awesome! Thanks a lot for your support 🙏🏻
@@rinodeboer It was nothing compared to what you do here.
Fantastic series with in-depth explanations. Looking forward to what you're going to release next. Subscribed
Great video and great series! Would love to see how you handle the shipping options since it has so many variables
I agree. Might be a little late to this series, but it has been great. However, would second wanting to see coverage of setting up and handling shipping.
Thank you for the code snippet - this bar annoyed me as well. 😅 I also appreciate that you mentioned that the design options for web shops are quite limited. I miss this honesty in other tutorials. Tutors often make you think that building a website or even a webshop is easy-peasy and no one informs you on the downsides ... Btw I realized that JetWooBuilder overrides settings of the plugin Germanized which are mandatory for web shops in Germany. So there might be issues in certain countries concerning regulations for sale buttons and even the wording of these ...
Thank you so much for your efforts and fancy works. As a newbie, your videos helped me a lot :) Hope to see other episodes soon as well!
Amazing... I am going on pro just for this.. love your teaching style.. I hope you could do one on how to set up recurring payments for services with PayPal..
Thank you very much for the compliments 🙏🏼. I am planning to update this series soon. I will see if I can integrate more payment information into it.
Thanks for the tutorial. Can't wait for the next ones with crocoblock!
nice series of videos, rino! can't wait to see the next videos with crocoblock!
Great series.Please make a video on filter products on shop page.
Sir Please make video on how to connect payment gateway for middle east countries (Hyperpay implementation)
Is there a way to place the bar with the “view cart” bar that pops up after pressing add to cart on the single product page?
As it stands the bar pops up in a way that it pushes down a background banner I have for my transparent menu. So the pop up bar ends up being under my logo and menu.
Or perhaps I haven’t set up my header correctly. Can you recommend any video to figure out a better way of doing that?
I appreciate any feedback. Thank you!
Thank your for these tutorials. They have shown me what I can do. You mention CrocoBlock and I had a look at their website. I got confused about the Jet prefix to all their modules and JetPack by Automattic. I looked at JetPack because the WooCommerce mobile app Woo requires JetPack plugin and then I discovered that JetPack requires a Wordpress account - which takes you through steps that try to force you to switch hosting, etc. Scary. Then I wanted to know more about this and down a rabbit hole and out the other end I'm no wiser.
Your content is just amazing. Thank you!
🙂
Hi! Love your videos! Very helpful for beginners. Would you recommend this method (perhaps only the checkout portion of this series) for event registrations? I'm looking for a way to have visitors easily register and pay for upcoming events. Any suggestions on setting this up for beginners? Thanks!
Well done series, thank you!!!
How does a client enter their payment info if their role is only set to "Editor" and I am the Main Owner because I am their website designer? Can they still do it?
Awesome Videos,
Could you please also explain about website speed optimization with Elementor with Gtmetrix or Google Page Speed.
New page speed metrics with web vitals and Google lighthouse it's very difficult to get top score for my clients.
Hey, i have a question.
Is there any possibility to link the Shopping cart to another website ?
I added a HOME-page to the shop. But the cart wont update if i put anything in on the Shop site.
Is there a fix to this problem ?
thankx the video was so helpful,but the problem is that ,i cannot see the check out or payment getaway on my website,but everything is working fine
this info is gold!! thanks so much for sharing!! :)
Hi mate, is there a way to choose payment options for product groups also I would want to choose delivery options for different product groups?
What about when they make payment and they can get a unique product code for download????
Suppose the payment is a direct transfer and I want the customer to attach the Payment Slip before clicking the Checkout button? In the Maldives, most of the payment gateways don't work, so I feel this is the only option.
Please do let me know if there is an option to ask the customer to attach a payment receipt.
How do you customize the background color of the popup messages (such as error messages, have a coupon?, missing fields, etc)? I have set my global colors but it still has this light grey color that does not go well on the design. Please help!
Very educational, thanks! Is it possible to set up different payment methods for different shipping zones in multilingual WordPress Woo Commerce web shop? For example, cash on delivery in your city, and card payments in other zones?
also interesting
Hey bud, great little series of videos - mega helpful! ...But if you're using Hello theme you don't get the option for 'Full Width Contained' for the Product template 'Add to cart/ View cart' notice at the top of the page. So just wondered if you had any thoughts about how to resolve this please, because as you say, it does look very odd? Thanks David
Thank you for great videos. Is it possible to set email invoice as a payment method in woocommerce? When a customer click on Place Order button, an invoice will automatically send to that customer.
any alternatives to stripe ? because its not availale in my county
hi please how do you make website take various forms, like i am building on my laptop and the results on my cell phone are not desame
Thanks for the series.
It's almost 3 months and still waiting for a video on the menu.
You are right. I should give it more priority. Sorry
thanks but when client purchased i din't seen it shipping address to send it to them
Hi, woo-commerce has a payment option paypal, but doesn’t accept direct credit cards payments to all countries. My country is not on the list with countries that I can receive direct credit cards payments from woo commerce payments module. Any solution? Thanks!
Hey there! Idk if u answering, but there is any information about how to change cart message on top in OceanWP theme? Peace!
Next video idea: Create a website where customers can make an appointment.
Hello brother how to show shipping and refund policy in the card section?
Thank you Rino, you truly are an elementor master!
Hello Thank you so much for this Serie,
I would like to ask you about the Electro Theme ( what do you think about ! ).
Have you tried to work with Webflow, tell us about the difference between Wordpress & Webflow 🙂.
Wish you Good Luck 😊.
Hi , thank you for your video , i lost the page with the billing details , how can i get is back, i am using the ocean wp theme
i have a doubt about hosting
will the shared hosting give us same speed as the single hosting?
Can someone please help me. I made a purchase through my own website to get familiar with every aspect of the website. But it's been now over a week and that money has still not landed in my bank account. How long is this supposed to be taking.??
thanks for the nice video. can i add afterpay in stripe ? as i could see this option in the settings in the video? also as im using alidropship instead of woocomerrece here . can i add the functions afterpay with alidropship ? thanks in advance
Your video is very useful, but I have one question. In Indonesia people rarely transact via paypall or credit card, but use payment getway such as midtrans and tripay. However it requires a POST request to the API payment getway. Is there a way to send a POST request using elementor? That's safe, of course.
Thanks for taking the time to make those videos. I have a quick question: I used astra theme with elementor pro to build my website, and followed your method to get the sticky transparent header that fades to black when I scroll down. My issue is on the product page, when I click on "add to cart" the message appears behind the header so I can't click on "view cart". I used the 3 classes you mentioned (.woocommerce-error...)to add a top-margin or top-padding and it doens't work. Do you have any idea how I can move the woocommerce messages below the header? Thanks for your help!
Do you have a video with the new "Woocommerce Payments"? I updated my Paypal API Certificate and now my Woocommerce Payments doesn't work. Thank you.
yes please do all the steps and show us keep going
Hey Rino, How can we create Custom Dashboard(UI) for our woo commerce ? I've saw there's a lot of plugins, themes, scripts but I'm getting confused in between those. Could you please help me out of this!
How to edit filter section like Myntra in mobile view, like in Myntra there is sticky Sort And Filter Buttons at bottom.
how can I add a fee on woo-commerce to a different person like a commission to the website builder for example ?
Do you know any free plugin to add on the product page the option of a wrapping paper or gift box with extra cost for that? Thanks!
in my payment method brother, PayPal isn't showing there are only three options
hey sir. do you know any platform that we can work simultaneously with other people?
@LivingWithPixels wacht ben jij niet van hoegaatdat?
Klopt!
I don't see global on my wordpress customise page
Do you need a dedicated server for whoocommerce?
I Wold like to know about my account page and how the shipments work, great job
you are very wise
7:00 what is west? USA?
When is the new episodes coming out ?
Stripe Use in Oman Gulf Country???
You are the best
SIR BUT THEY ARE NOT SHOWING MY PPAYMENT GATEWAR
I couldn’t find billing details
Teach us some principles about design.one topic that you never covered , that how to find clients ?
Yay! ✌️ 😍 👏
How to build a multi vendor e-commerce website for free
ik ruik nederlands
What about when they make payment and they can get a unique product code for download????
Hi Rino, I watched all your videos on Woocommerce series, I just want to ask if I can pull out the data from stock status into the ACF. Im not sure how I can get that data from dynamic tags. Im building a custom single product page by the way.
Lastly - great video series though sometimes you talk tooo fast and your cursor moves too fast !
10:22 - How do you have the card icons next to your payment option checkboxes? I am using Astra Pro with Elementor Pro (I also have croccoblock) and I don't have any icons showing by default. Are you using a plugin or what?
been looking for videos for past days this has been helpful bro
when i want to test the paymente buyinga product, there is a error message like "The card has been declined.", what is the problem? I can pay with paypal but not with a credit card directly.
Can you make a video on how to offer multiple shipping options like UPS, FedEx and dhl?
Rino Hi, How to replace (my account) link after client login with client image and still can click on it and display the drop down option.
Thanks for this tutorial
how do u put the taxes on woocommerce that are automatically populated by stripe
Please could you advice how to add the payment icon in woocommerce footer?
Why has the stripe plugin such a bad rating in wordpress?
How can we add google pay Payment gateway in woocommerce?
Can you show Apple payment option
Taking long to get to the point!!!
Thanks for the amazing series! one question i have, when creating a webshop for other people , do you usually have them make the stripe account or do you just use your own? doesn't stripe cost you a percentage in exchange for their services ?
You need to use the client's account of course. For you to create a stripe account you need to connect a card on whivh all the payments will go through.
How did you do that countable animation effect on experiance and projects done by you,on your own portfolio??please make a full tutorial you didn't complete that series
i have been searching everywhere but i cant find information on it i currently have my content locked behind a payment first right now,.... but i wanted to use woo so i can get other payment options but is there a way to still make sure people have to pay for the product access first with woo commerce
not sure if you have made a video on this if so please tell me the name for it
Great!
Thanks for this series. I've run into an issue using Elementor, Stripe with Apple Pay. It appears to be an ongoing issue with Elementor and the code that Apple Pay uses to place the Apple Pay button of the webpage. The button ends up having a width of only 1 px and is virtually invisible. I reached out to Elementor support and they acknowledged the issue and do not have a time line for a fix. Has anyone found a work around for this issue?
I've spent few hours trying to figure out is something wrong with my stripe account, with woocomerce or something else.
I assumed that I should copy and paste the API keys, but i Was not sure.
This video is awesome! It is very helpful and straight what you should do.
Great! Sub from me!
Should've watched your video before taking Woolementor Pro 2 hours ago. I realized activating Woolementor removed every single element of the check out page except for the coupon element above. Don't understand why this plugin was created since it is supposed to enable people to customize woocommerce related pages especially cart and checkout pages. Guess the value prop is no longer valid...
Hi how are you ? hope you are well.I am a regular listener and fan of yours.Your tutorials are very helpful.It benefits me a lot and also other.I would like to make a request to you to create a tutorial
"All types of dynamic booking systems with WordPress and design with elementor "
if possible so please make a video for this is a very helpful.This will be of great helpful video to your audience
Thanks a lot for this helpful video. I want to know if we are able to create a checkout page where the customer would be able to enter the order ID and the payment amount and proceed with the payment. Would that be possible? Thanks!
You are a blessing...Thank you so much for this WooCommerce series...you don't know what you've done for me
Excellent! If you don't mind please make another video showing us how to ad a shipping method, ups, fedex, dhl etc... However, thanks a lot for your time.
👍🏻
please can you help making multiple image carousels in tabs, in every tab as I was able to successfully use image carousels in first tab but in 2 ,3 tabs it became a static image with 100% width
I've Problem Installing Woocommerce Plugin
what is your problem ?
@@loucifyoucef9937 the installation failed
Many times
Hey.. Could you please help me make a Painting Artist Store on WordPress with Elementor? What theme should I use?
Hey Rino, thank you for your videos! Is it possible to change form of stripe payment method on 10:10?
Great series on Woocommerce, thanks