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

No video

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

Рет қаралды 142,539

3 жыл бұрын

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.

Пікірлер: 129

@sankalpbalani4973 3 жыл бұрын

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

@travisbarker4374 3 жыл бұрын

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

@user-jr6og6qs7o 2 ай бұрын

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

@KatayoonAhmadi 3 жыл бұрын

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 3 жыл бұрын

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

@KatayoonAhmadi 3 жыл бұрын

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

@julianmoors47 3 жыл бұрын

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

@ShulChi 3 жыл бұрын

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

@coreywentz3422 2 жыл бұрын

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.

@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!

@markbrowne181 3 жыл бұрын

This series was excellent. This helped me a lot for my clients shop. Thank you!

@tinalee4857 3 жыл бұрын

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!

@mariannereuter 2 жыл бұрын

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

@annabell2529 3 жыл бұрын

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

@shakilcse4564 3 жыл бұрын

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

@liveforspanishclasses 8 ай бұрын

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 8 ай бұрын

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.

@fifty095 3 жыл бұрын

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

@agustinf.zambrano6136 3 жыл бұрын

Hey Rhino, thank you for making this video, love the easy steps by steps explanations. Keep it up. 👍👍

@indraizallrius1748 3 жыл бұрын

Well, he ain't a RHINO 🤣

@TonyaSearcherForTruth 2 жыл бұрын

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?

@alilicina384 3 жыл бұрын

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 ?

@anandagharami8957 3 жыл бұрын

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

@lisajuarez6772 2 жыл бұрын

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!

@MrRasm1234 3 жыл бұрын

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.

@Joe-fn9mi 2 жыл бұрын

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?

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

@rodrigosotosilva547 3 жыл бұрын

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

@richrunners 3 жыл бұрын

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.

@user-sp2fg4rk9p Жыл бұрын

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!

@hassansuaidh6182 2 жыл бұрын

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.

@kahnfarax7375 2 жыл бұрын

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

@qqobss7268 Жыл бұрын

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

@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

@ThatEmaze 3 жыл бұрын

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

@soukaynazaidi5099 3 ай бұрын

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

@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!

@faizrehman7937 2 жыл бұрын

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.

@gad1023 2 жыл бұрын

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.

@dalevoelkerfineart 2 жыл бұрын

Well done series, thank you!!!

@jorgeandradehurtado3377 3 жыл бұрын

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.

@nq1999fut Жыл бұрын

Your content is just amazing. Thank you! 🙂

@kevinheath5655 3 жыл бұрын

Great series on Woocommerce, thanks

@baselalesayi9507 Жыл бұрын

yes please do all the steps and show us keep going

@user-yc2eh9ki9u 2 жыл бұрын

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

@tegacreatives1673 2 жыл бұрын

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

@fativ9019 2 жыл бұрын

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

@ganeshunnam550 3 жыл бұрын

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.

@RecepTurgut 2 жыл бұрын

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!

@amanvirbains47 2 жыл бұрын

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.

@delta_7983 3 жыл бұрын

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.

@VickyLatorreArt 2 жыл бұрын

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.

@kimwold 3 жыл бұрын

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

@designsosimple2269 3 жыл бұрын

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

@seamustheterrible3978 3 жыл бұрын

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?

@kamrulhasan-zu3ts 2 жыл бұрын

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

@evibreukers 3 жыл бұрын

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

@simonemastellonephotography 3 жыл бұрын

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

@motoperv 3 жыл бұрын

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

@jaimehernandez8535 3 жыл бұрын

Thank you Rino, you truly are an elementor master!

@swaminawale7386 3 жыл бұрын

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!

@kiljaps 3 жыл бұрын

i am going to like ALL his videos😘😘

@makeamilliondollar5078 3 жыл бұрын

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

@muhammedjamnas5662 3 жыл бұрын

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

@Peebals 3 жыл бұрын

Thanks for this tutorial

@kahnfarax7375 Жыл бұрын

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

@loudandklearfm 3 жыл бұрын

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

@joeldesrosiers6978 3 жыл бұрын

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!

@DancerLures 3 жыл бұрын

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

@DevPalliSri 3 жыл бұрын

Thanks for the series. It's almost 3 months and still waiting for a video on the menu.

@rinodeboer 3 жыл бұрын

You are right. I should give it more priority. Sorry

@basedinbox 3 жыл бұрын

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!

@VanfireOfficial 3 жыл бұрын

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.

@tarvinder91 11 ай бұрын

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

@nothings7258 2 жыл бұрын

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 2 жыл бұрын

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

@RoniStudio 3 жыл бұрын

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.

@jurekorosec14 3 жыл бұрын

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

@rupamchatterjee205 3 жыл бұрын

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

@orental5996 3 жыл бұрын

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

@avnishjohn5039 3 жыл бұрын

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

@omerfarukcudogan 3 жыл бұрын

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

@luis5847ification 3 жыл бұрын

Thank you for this really excelent series that made me try Astra theme and get a better workflow with elementor. Merry christmas

@ZemHamwi 3 жыл бұрын

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 ?

@marionpaolo319 3 жыл бұрын

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.

@kkhezami 3 жыл бұрын

Thanks a lot for the tutorial! It's really helpful. Can you also talk about the plugins you use for newsletters? And which CRM are you using??

@rinodeboer 3 жыл бұрын

I am using Converkit for my email marketing. Thanks for watching 🙏🏻

@AndyMoradi 3 жыл бұрын

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

@ankitdutt8335 3 жыл бұрын

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

@brahimdaddi-moussa7449 3 жыл бұрын

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

@japhetmibatu6755 3 жыл бұрын

you are very wise

@PROFITWITHYASH 3 жыл бұрын

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

@pannamaster3925 3 жыл бұрын

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

@javinwilliams9142 2 жыл бұрын

I don't see global on my wordpress customise page

@voornaamachternaam529 3 жыл бұрын

Do you need a dedicated server for whoocommerce?

@romandasaleknavicius8961 3 жыл бұрын

Best tutorials

@lionsfocus.4921 3 жыл бұрын

Awesome videos!!

@shariquem4665 3 жыл бұрын

How can we add google pay Payment gateway in woocommerce?

@mmhussain11 Жыл бұрын

Stripe Use in Oman Gulf Country???

@martinpospisil4213 Жыл бұрын

Great!

@thomasdaem 3 жыл бұрын

@LivingWithPixels wacht ben jij niet van hoegaatdat?

@rinodeboer 3 жыл бұрын

Klopt!

@johnbeastbrook8621 3 жыл бұрын

You are the best

@hedgecarcare 3 жыл бұрын

Can you show Apple payment option

@user-ic6uf1sv7b 3 жыл бұрын

When is the new episodes coming out ?

@backtoback8057 3 жыл бұрын

SIR BUT THEY ARE NOT SHOWING MY PPAYMENT GATEWAR

@sixaj 3 жыл бұрын

7:00 what is west? USA?

@pierrebarety2421 3 жыл бұрын

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