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

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

Rino de Boer

3 года назад

140,619 Просмотров

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: https://livingwithpixels.com/playlists/woocommerce/
The page with all the links: https://livingwithpixels.com/links/

→ Software I recommend
Hostinger for affordable webhosting: http://livingwithpixels.com/hostinger
Siteground for premium webhosting: http://livingwithpixels.com/siteground
Elementor for no-code web-development: http://livingwithpixels.com/elementor
Figma for Web Design: https://livingwithpixels.com/figma
All recommended software & discounts: https://livingwithpixels.com/software/

→ Starter Guides for Beginners
Elementor Starters Guide: https://livingwithpixels.com/elementor-guide
Figma Design Starters Guide: https://livingwithpixels.com/design-guide

→ Full A-Z Courses
Elementor Pro Mastery Course: https://livingwithpixels.com/elementor-course
Figma Design Mastery Course: https://livingwithpixels.com/design-course
Business Course: https://livingwithpixels.com/business-course

→ Social media
Tiktok: https://www.tiktok.com/@rinodeboer
Instagram: https://www.instagram.com/rinodeboer/
Twitter / X: https://www.twitter.com/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.

Тэги:

#livingwithpixels #woocommerce #elementor_woocommerce #woocommerce_elementor #elementor_wordpress #elementor_woocommerce_builder #livingwithpixels_woocommerce #elementor_cart #woocommerce_cart #woocommerce_checkout #elementor_checkout #cart_and_checkout #astra_checkout #checkout_page_astra #woocommerce_payment_method #woocommerce_stripe #woocommerce_creditcard #woocommerce_paypal #woocommerce_astra #stripe_tutorial #wordpress_stripe #wordpress_paypal #wordpress_creditcard
Ссылки и html тэги не поддерживаются


Комментарии:

@katheuskaroura821
@katheuskaroura821 - 06.12.2023 06:04

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

Ответить
@SunblaKhan-lk6ol
@SunblaKhan-lk6ol - 15.09.2023 18:38

Loved the information and just wanted to share my experience. I tried woo-commerce integration with InvoiceBerry to take care of my invoicing for my store, and it was quite a great experience with both tools. Both platforms have a user-friendly interface with the most advanced features for seamless invoicing.

Ответить
@tarvinder91
@tarvinder91 - 11.09.2023 05:11

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

Ответить
@jeddiajones4570
@jeddiajones4570 - 28.07.2023 23:30

For some reason all you people think we all want to use Stripe as a payment provider. How many of these videos do you think we need?

Ответить
@qqobss7268
@qqobss7268 - 17.07.2023 20:40

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

Ответить
@martinpospisil4213
@martinpospisil4213 - 31.05.2023 18:09

Great!

Ответить
@petyrpetrov91
@petyrpetrov91 - 18.02.2023 21:19

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!

Ответить
@kahnfarax7375
@kahnfarax7375 - 06.02.2023 12:40

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

Ответить
@karolispaulauskas2337
@karolispaulauskas2337 - 17.01.2023 19:59

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?

Ответить
@mmhussain11
@mmhussain11 - 17.01.2023 08:34

Stripe Use in Oman Gulf Country???

Ответить
@baselalesayi9507
@baselalesayi9507 - 26.12.2022 10:18

yes please do all the steps and show us keep going

Ответить
@melissaw7
@melissaw7 - 24.12.2022 04:01

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!

Ответить
@nq1999fut
@nq1999fut - 31.10.2022 03:26

Your content is just amazing. Thank you!
🙂

Ответить
@takusidney1810
@takusidney1810 - 17.10.2022 11:16

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

Ответить
@user-sp2fg4rk9p
@user-sp2fg4rk9p - 09.10.2022 11:48

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!

Ответить
@tegacreatives1673
@tegacreatives1673 - 25.08.2022 20:48

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

Ответить
@user-yc2eh9ki9u
@user-yc2eh9ki9u - 14.08.2022 23:52

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

Ответить
@TonyaSearcherForTruth
@TonyaSearcherForTruth - 14.08.2022 08:12

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?

Ответить
@kahnfarax7375
@kahnfarax7375 - 17.07.2022 18:10

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

Ответить
@lisajuarez6772
@lisajuarez6772 - 19.05.2022 00:20

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!

Ответить
@pancrack
@pancrack - 17.05.2022 18:38

Lastly - great video series though sometimes you talk tooo fast and your cursor moves too fast !

Ответить
@fativ9019
@fativ9019 - 16.05.2022 07:32

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

Ответить
@hassansuaidh6182
@hassansuaidh6182 - 04.05.2022 21:53

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.

Ответить
@spuzzy
@spuzzy - 25.03.2022 00:50

ik ruik nederlands

Ответить
@gad1023
@gad1023 - 26.01.2022 13:16

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.

Ответить
@RecepTurgut
@RecepTurgut - 21.01.2022 21:32

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!

Ответить
@dalevoelkerfineart
@dalevoelkerfineart - 31.12.2021 01:06

Well done series, thank you!!!

Ответить
@javinwilliams9142
@javinwilliams9142 - 16.12.2021 04:09

I don't see global on my wordpress customise page

Ответить
@kamrulhasan-zu3ts
@kamrulhasan-zu3ts - 01.12.2021 17:06

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

Ответить
@nothings7258
@nothings7258 - 24.11.2021 12:22

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

Ответить
@amanvirbains47
@amanvirbains47 - 16.11.2021 23:09

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.

Ответить
@VickyLatorreArt
@VickyLatorreArt - 12.10.2021 05:58

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.

Ответить
@faizrehman7937
@faizrehman7937 - 10.10.2021 23:05

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.

Ответить
@mariannereuter
@mariannereuter - 10.09.2021 18:14

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

Ответить
@japhetmibatu6755
@japhetmibatu6755 - 10.08.2021 12:26

you are very wise

Ответить
@princekasunka461
@princekasunka461 - 10.08.2021 10:39

Taking long to get to the point!!!

Ответить
@makeamilliondollar5078
@makeamilliondollar5078 - 03.08.2021 03:56

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

Ответить
@thomasdaem
@thomasdaem - 17.07.2021 21:55

@LivingWithPixels wacht ben jij niet van hoegaatdat?

Ответить
@ankitdutt8335
@ankitdutt8335 - 14.07.2021 08:59

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

Ответить
@genevievecarter9046
@genevievecarter9046 - 24.06.2021 20:11

Thanks to Flashcardin on telegram your the realest ever💯..💯

Ответить
@kimwold
@kimwold - 11.06.2021 15:37

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

Ответить
@jorgeandradehurtado3377
@jorgeandradehurtado3377 - 09.06.2021 12:29

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.

Ответить
@julianmoors47
@julianmoors47 - 07.06.2021 15:35

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

Ответить
@pannamaster3925
@pannamaster3925 - 19.05.2021 14:10

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

Ответить
@richrunners
@richrunners - 16.05.2021 19:04

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.

Ответить
@motoperv
@motoperv - 12.05.2021 15:09

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

Ответить
@designsosimple2269
@designsosimple2269 - 09.05.2021 18:28

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

Ответить
@evibreukers
@evibreukers - 08.05.2021 22:37

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

Ответить