How to add Payment Methods in Woocommerce & Customize the Checkout Page

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.

[@shakilcse4564]

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

[@tegacreatives1673]

Can you make a video on how to offer multiple shipping options like UPS, FedEx and dhl?

[@baselalesayi9507]

yes please do all the steps and show us keep going

[@sankalpbalani]

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 👌🔥

[@kimwold]

this info is gold!! thanks so much for sharing!! :)

[@amanvirbains47]

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.

[@kahnfarax7375]

Sir Please make video on how to connect payment gateway for middle east countries (Hyperpay implementation)

[@Peebals]

Thanks for this tutorial

[@TonyaSearcherForTruth]

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?

[@user-yc2eh9ki9u]

Please could you advice how to add the payment icon in woocommerce footer?

[@travisbarker4374]

Thank you for these woocommerce series Rino! It’s been awesome. Really looking forward for the more advanced shop👏🏼👏🏼

[@ThatEmaze]

Next video idea: Create a website where customers can make an appointment.

[@ZemHamwi]

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 ?

[@rightpadding]

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.

[@seamustheterrible3978]

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?

[@rodrigosotosilva547]

I Wold like to know about my account page and how the shipments work, great job

[@simonemastellonephotography]

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

[@rupamchatterjee205]

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

[@VanfireOfficial]

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.

[@muhammedjamnas5662]

i have a doubt about hosting will the shared hosting give us same speed as the single hosting?

[@jurekorosec14]

Hey Rino, thank you for your videos! Is it possible to change form of stripe payment method on 10:10?

[@japhetmibatu6755]

you are very wise

[@alilicina384]

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 ?

[@ganeshunnam550]

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.

[@lionsfocus.4921]

Awesome videos!!

[@poeticsearthwide]

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!

[@Joe-fn9mi]

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?

[@VickyLatorreArt]

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.

[@ПетърЙорданов-ч9р]

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!

[@lisajuarez6772]

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!

[@hassansuaidh6182]

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.

[@DancerLures]

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?

[@edvinaslotovas1567]

also interesting

[@fativ9019]

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.??

[@pannamaster3925]

Why has the stripe plugin such a bad rating in wordpress?

[@jorgeandradehurtado3377]

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.

[@mariannereuter]

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 ...

[@qqobss7268]

Hey there! Idk if u answering, but there is any information about how to change cart message on top in OceanWP theme? Peace!

[@karolispaulauskas2337]

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?

[@shariquem4665]

How can we add google pay Payment gateway in woocommerce?

[@gad1023]

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.

[@AsherEmmanuel-d8x]

been looking for videos for past days this has been helpful bro

[@takusidney1810]

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

[@kahnfarax7375]

Hello brother how to show shipping and refund policy in the card section?

[@loudandklearfm]

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

[@melissaw7]

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!

[@ankitdutt8335]

in my payment method brother, PayPal isn't showing there are only three options

[@tarvinder91]

how do u put the taxes on woocommerce that are automatically populated by stripe

[@AndyMoradi]

What about when they make payment and they can get a unique product code for download????

[@voornaamachternaam529]

Do you need a dedicated server for whoocommerce?

[@makeamilliondollar5078]

thanks but when client purchased i din't seen it shipping address to send it to them

[@mmhussain11]

Stripe Use in Oman Gulf Country???

[@javinwilliams9142]

I don't see global on my wordpress customise page

[@AndyMoradi]

What about when they make payment and they can get a unique product code for download????

[@soukaynazaidi5099]

any alternatives to stripe ? because its not availale in my county

[@liveforspanishclasses]

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..

[@rinodeboer]

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.

[@prashanthbthevar7215]

How to build a multi vendor e-commerce website for free

[@nothings7258]

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

[@nothings7258]

not sure if you have made a video on this if so please tell me the name for it

[@petyrpetrov91]

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!

[@backtoback8057]

SIR BUT THEY ARE NOT SHOWING MY PPAYMENT GATEWAR

[@PROFITWITHYASH]

How to edit filter section like Myntra in mobile view, like in Myntra there is sticky Sort And Filter Buttons at bottom.

[@pierrebarety2421]

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...

[@swaminawale7386]

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!

[@RecepTurgut]

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!

[@motoperv]

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

[@RoniStudio]

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.

[@designsosimple2269]

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

[@richrunners]

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.

[@kamrulhasan-zu3ts]

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

[@ShulChi]

Great video and great series! Would love to see how you handle the shipping options since it has so many variables

[@coreywentz3422]

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.

[@julianmoors47]

Fantastic series with in-depth explanations. Looking forward to what you're going to release next. Subscribed

[@AjayiGraceFolayemiMcs-18-631]

You are a blessing...Thank you so much for this WooCommerce series...you don't know what you've done for me

[@hedgecarcare]

Can you show Apple payment option

[@orental5996]

how can I add a fee on woo-commerce to a different person like a commission to the website builder for example ?

[@delta_7983]

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.

[@avnishjohn5039]

Hey.. Could you please help me make a Painting Artist Store on WordPress with Elementor? What theme should I use?

[@princekasunka461]

Taking long to get to the point!!!

[@sixaj]

7:00 what is west? USA?

[@basedinbox]

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!

[@mfaizanulhassan]

Teach us some principles about design.one topic that you never covered , that how to find clients ?

[@nq1999fut]

Your content is just amazing. Thank you! 🙂

[@anandagharami8957]

Great series.Please make a video on filter products on shop page.

[@joeldesrosiers6978]

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!

[@brahimdaddi-moussa7449]

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 😊.

[@evibreukers]

Bedankt voor de video! Is het ook mogelijk om iDeal/mollie als betaalmethode toe te voegen via elementor?

[@KatayoonAhmadi]

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!

[@rinodeboer]

Thats so awesome! Thanks a lot for your support 🙏🏻

[@KatayoonAhmadi]

@@rinodeboer It was nothing compared to what you do here.

[@omerfarukcudogan]

hey sir. do you know any platform that we can work simultaneously with other people?

[@thomasdaem]

@LivingWithPixels wacht ben jij niet van hoegaatdat?

[@rinodeboer]

Klopt!

[@sarimhasan7110]

I've Problem Installing Woocommerce Plugin

[@loucifyoucef9937]

what is your problem ?

[@sarimhasan7110]

@@loucifyoucef9937 the installation failed Many times

[@kiljaps]

i am going to like ALL his videos😘😘

[@spuzzy]

ik ruik nederlands

[@fifty095]

nice series of videos, rino! can't wait to see the next videos with crocoblock!

[@websitedevelopers7487]

How to do an ecommerce with a login system

[@数据美丽]

When is the new episodes coming out ?

[@eunjin153]

I couldn’t find billing details

[@faizrehman7937]

Hi Rino, when are you planning to create that webshop 2? And of course thanks a lot for creating such quality content. I always relate to your work.

[@martinpospisil4213]

Great!

[@dalevoelkerfineart]

Well done series, thank you!!!

[@kevinheath5655]

Great series on Woocommerce, thanks

[@MrRasm1234]

Thank you so much for the videos. They are great:). I would love to see a video about the menu. Personally I have a hard time working with the dropdown cart. So i would be very happy if you included the dropdown cart too in the video.

[@annabell2529]

Thanks for the tutorial. Can't wait for the next ones with crocoblock!

[@tanphatphan6857]

👍🏻