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

Sdílet
Vložit
  • čas přidán 7. 09. 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.

Komentáře • 130

  • @sankalpbalani4973
    @sankalpbalani4973 Před 3 lety +8

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

  • @KatayoonAhmadi
    @KatayoonAhmadi Před 3 lety +1

    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
      @rinodeboer  Před 3 lety

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

    • @KatayoonAhmadi
      @KatayoonAhmadi Před 3 lety

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

  • @AsherEmmanuel-d8x
    @AsherEmmanuel-d8x Před 5 dny

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

  • @user-jr6og6qs7o
    @user-jr6og6qs7o Před 3 měsíci

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

  • @travisbarker4374
    @travisbarker4374 Před 3 lety +8

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

  • @liveforspanishclasses
    @liveforspanishclasses Před 9 měsíci

    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
      @rinodeboer  Před 9 měsíci

      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.

  • @mariannereuter
    @mariannereuter Před 3 lety +1

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

  • @petyrpetrov91
    @petyrpetrov91 Před rokem

    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!

  • @rodrigosotosilva547
    @rodrigosotosilva547 Před 3 lety +2

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

  • @ShulChi
    @ShulChi Před 3 lety +3

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

    • @coreywentz3422
      @coreywentz3422 Před 2 lety +1

      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.

  • @kahnfarax7375
    @kahnfarax7375 Před 2 lety +1

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

  • @shakilcse4564
    @shakilcse4564 Před 3 lety

    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

  • @baselalesayi9507
    @baselalesayi9507 Před rokem

    yes please do all the steps and show us keep going

  • @richrunners
    @richrunners Před 3 lety

    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.

  • @julianmoors47
    @julianmoors47 Před 3 lety +1

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

  • @anandagharami8957
    @anandagharami8957 Před 3 lety

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

  • @delta_7983
    @delta_7983 Před 3 lety

    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.

  • @tegacreatives1673
    @tegacreatives1673 Před 2 lety

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

  • @ganeshunnam550
    @ganeshunnam550 Před 3 lety +1

    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.

  • @VanfireOfficial
    @VanfireOfficial Před 3 lety

    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.

  • @markbrowne181
    @markbrowne181 Před 3 lety

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

  • @annabell2529
    @annabell2529 Před 3 lety

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

  • @MrRasm1234
    @MrRasm1234 Před 3 lety

    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.

  • @melissaw7
    @melissaw7 Před rokem +1

    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!

  • @DevPalliSri
    @DevPalliSri Před 3 lety

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

    • @rinodeboer
      @rinodeboer  Před 3 lety +1

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

  • @TonyaSearcherForTruth
    @TonyaSearcherForTruth Před 2 lety +1

    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?

  • @japhetmibatu6755
    @japhetmibatu6755 Před 3 lety

    you are very wise

  • @tinalee4857
    @tinalee4857 Před 3 lety

    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!

  • @nq1999fut
    @nq1999fut Před rokem

    Your content is just amazing. Thank you!
    🙂

  • @loudandklearfm
    @loudandklearfm Před 3 lety

    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

  • @dalevoelkerfineart
    @dalevoelkerfineart Před 2 lety

    Well done series, thank you!!!

  • @kiljaps
    @kiljaps Před 3 lety

    i am going to like ALL his videos😘😘

  • @alilicina384
    @alilicina384 Před 3 lety +1

    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 ?

  • @RecepTurgut
    @RecepTurgut Před 2 lety

    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!

  • @kevinheath5655
    @kevinheath5655 Před 3 lety

    Great series on Woocommerce, thanks

  • @Peebals
    @Peebals Před 3 lety +1

    Thanks for this tutorial

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

  • @user-yc2eh9ki9u
    @user-yc2eh9ki9u Před 2 lety

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

  • @DancerLures
    @DancerLures Před 3 lety +1

    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?

  • @lisajuarez6772
    @lisajuarez6772 Před 2 lety

    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!

  • @fifty095
    @fifty095 Před 3 lety

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

  • @amanvirbains47
    @amanvirbains47 Před 2 lety

    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.

  • @kimwold
    @kimwold Před 3 lety

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

  • @agustinf.zambrano6136
    @agustinf.zambrano6136 Před 3 lety

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

  • @takusidney1810
    @takusidney1810 Před rokem

    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

  • @hassansuaidh6182
    @hassansuaidh6182 Před 2 lety

    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.

  • @faizrehman7937
    @faizrehman7937 Před 2 lety

    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.

  • @ThatEmaze
    @ThatEmaze Před 3 lety +3

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

  • @AndyMoradi
    @AndyMoradi Před 3 lety

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

  • @gad1023
    @gad1023 Před 2 lety

    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.

  • @Joe-fn9mi
    @Joe-fn9mi Před 2 lety

    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?

  • @qqobss7268
    @qqobss7268 Před rokem

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

  • @kkhezami
    @kkhezami Před 3 lety

    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
      @rinodeboer  Před 3 lety

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

  • @user-sp2fg4rk9p
    @user-sp2fg4rk9p Před rokem

    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!

  • @seamustheterrible3978
    @seamustheterrible3978 Před 3 lety

    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?

  • @designsosimple2269
    @designsosimple2269 Před 3 lety

    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

  • @kamrulhasan-zu3ts
    @kamrulhasan-zu3ts Před 2 lety

    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

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

  • @kahnfarax7375
    @kahnfarax7375 Před rokem

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

  • @soukaynazaidi5099
    @soukaynazaidi5099 Před 4 měsíci

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

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

  • @romandasaleknavicius8961

    Best tutorials

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

  • @makeamilliondollar5078

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

  • @motoperv
    @motoperv Před 3 lety

    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
    @RoniStudio Před 3 lety

    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.

  • @joeldesrosiers6978
    @joeldesrosiers6978 Před 3 lety

    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!

  • @PROFITWITHYASH
    @PROFITWITHYASH Před 3 lety

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

  • @fativ9019
    @fativ9019 Před 2 lety

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

  • @jaimehernandez8535
    @jaimehernandez8535 Před 3 lety

    Thank you Rino, you truly are an elementor master!

  • @lionsfocus.4921
    @lionsfocus.4921 Před 3 lety

    Awesome videos!!

  • @martinpospisil4213
    @martinpospisil4213 Před rokem

    Great!

  • @jurekorosec14
    @jurekorosec14 Před 3 lety

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

  • @ZemHamwi
    @ZemHamwi Před 3 lety +1

    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
      @rightpadding Před 3 lety +1

      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.

  • @orental5996
    @orental5996 Před 3 lety

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

  • @swaminawale7386
    @swaminawale7386 Před 3 lety

    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!

  • @tarvinder91
    @tarvinder91 Před rokem

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

  • @muhammedjamnas5662
    @muhammedjamnas5662 Před 3 lety

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

  • @VickyLatorreArt
    @VickyLatorreArt Před 2 lety

    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.

  • @rupamchatterjee205
    @rupamchatterjee205 Před 3 lety

    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

  • @basedinbox
    @basedinbox Před 3 lety

    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!

  • @avnishjohn5039
    @avnishjohn5039 Před 3 lety

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

  • @evibreukers
    @evibreukers Před 3 lety

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

  • @johnbeastbrook8621
    @johnbeastbrook8621 Před 3 lety

    You are the best

  • @ankitdutt8335
    @ankitdutt8335 Před 3 lety

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

  • @luis5847ification
    @luis5847ification Před 3 lety

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

  • @shariquem4665
    @shariquem4665 Před 3 lety

    How can we add google pay Payment gateway in woocommerce?

  • @javinwilliams9142
    @javinwilliams9142 Před 2 lety

    I don't see global on my wordpress customise page

  • @omerfarukcudogan
    @omerfarukcudogan Před 3 lety

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

  • @nothings7258
    @nothings7258 Před 2 lety

    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
      @nothings7258 Před 2 lety

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

  • @pannamaster3925
    @pannamaster3925 Před 3 lety

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

  • @mmhussain11
    @mmhussain11 Před rokem

    Stripe Use in Oman Gulf Country???

  • @hedgecarcare
    @hedgecarcare Před 3 lety

    Can you show Apple payment option

  • @voornaamachternaam529
    @voornaamachternaam529 Před 3 lety

    Do you need a dedicated server for whoocommerce?

  • @user-ic6uf1sv7b
    @user-ic6uf1sv7b Před 3 lety

    When is the new episodes coming out ?

  • @backtoback8057
    @backtoback8057 Před 3 lety

    SIR BUT THEY ARE NOT SHOWING MY PPAYMENT GATEWAR

  • @sixaj
    @sixaj Před 3 lety

    7:00 what is west? USA?

  • @adnanamin3666
    @adnanamin3666 Před 3 lety

    Yay! ✌️ 😍 👏

  • @eunjin153
    @eunjin153 Před 3 lety

    I couldn’t find billing details

  • @mfaizanulhassan
    @mfaizanulhassan Před 3 lety

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