[Elementor+WooCommerce] Make 100% FUNCTIONAL Pricing Table

You can make 100% FUNCTIONAL Pricing Table using Elementor+WooCommerce
✅Get Elementor Pro:
makedreamwebsi...
✅Get Cartflows Pro for FREE:
wordpress.org/...
✅Get Cartflows Pro:
makedreamwebsi...
✅Get creative templates on my Template Shop:
templatish.com
My previous tutorial was about pricing table design (link below). Today in this Elementor tutorial, I'll show you how to make FULLY FUNCTIONAL pricing table so that anyone can make purchase on your website through the pricing table. I'll show you that for both physical and digital product and also for services.
This tutorial is actually not specific for Elementor, after watching this tutorial you can learn how to add pricing table in WordPress in general. But, I've used Elementor Pro, for create and designing this table.
Firstly, I install the WooCommerce plugin go get the checkout page. Then we connect the pricing table button link directly to the checkout page with the help of an additional plugin called "Funnel Builder by CartFlows - Create High Converting Sales Funnels For WordPress".
We create 3 different product for 3 different products for 3 different pricing plans. Then, again we make 3 different checkout page for 3 different product with the help of Cartflows plugin.
But If you want to add more than 3 checkout pages for more plans. you can upgrade this plugin to the pro version and get the full taste. I give the pro version's link above you can check this out.
With the help of this plugin we can also customize checkout page. And in the pro version you also have more customization options.
So. after creating 3 checkout page we link them with the 3 pricing table "Buy Now" button accordingly.
Lastly. we add a payment method for our website. We have integrated PayPal in this tutorial.
Then, I'll show you how to handle, your order for both physical product and digital product also for services.
If you enjoy this tutorial don't forget to like this video and subscribe this channel.
✅ How to create and design Pricing Table with Elementor Pro
• [FULLY CUSTOMIZABLE] H...

[@RedDesignCreations]

THANK YOU! You have no idea how many videos don't show you how to connect the pricing table to the actual checkout. CRUCIAL.

[@MakeDreamWebsite]

Welcome 😀

[@crashthecandy]

One of the best designer+tutor you are. Thank you for sharing your design and for teaching like this...♥️

[@MakeDreamWebsite]

Thank you Tung Tang ❤️

[@crashthecandy]

@@MakeDreamWebsite Welcome always. I will be with you & will learn many things.

[@techbygul3303]

This video is very much helpful and informative for me and all the other friends like me. Thanks for providing knowledge Sir. May you live long and happily

[@MakeDreamWebsite]

Thanks a lot!

[@orental5996]

regarding the pricing table what is missing for me is Its to know how to set up after the user clicks on a monthly plan meaning how the user goes to the process of payment as a monthly payment or yearly

[@tarvinder91]

this is extremely helpful for a starter like me. Though elementor pro is something I dont want to buy for now as there's already so much money invested. I would make the page by my own design probably!

[@samuelvenica9690]

I want to advance in your steps but I can't because when you start editing at minute 08:06 the checkout layout function doesn't appear. What is happening and how can I solve it? Thank you in advance for really helping me

[@Arc_Vinz]

Hi, can you make when user click the button, the item selected will added to cart? Not directly to checkout page.

[@ubaidullah4221]

Thank you very good video. How to select other options and add their price with the total if listed below the pricing table?

[@Daughter_of_FatherofGlory]

I have followed all the steps but am stuck because I don't have the option for selecting the product and copying the short code. What do I do please

[@jonathanr9177]

Awesome bro, Good Job, I am a non-technical guy and this is exactly what I was looking for.

[@MakeDreamWebsite]

Welcome Learn IT. My pleasure

[@wealthwiseinfo]

VAT field is not displaying in cart flows checkout form. Need your help.

[@Deer.Blue.channel]

Hello, fantastic tutorial, I follow your steps and I got it but unfortunately, I got a problem, Automatically WooCommerce subscriptions is adding a discount that I didn't place, for the first month and I don't know why is doing that, do you have any advice where to check on your experience?

[@JshN08]

Hello, watching your video again. I have a question. Can I make multiple flows? So that I can make multiple checkout page for different plan?

[@MakeDreamWebsite]

Yes, you can make multiple flows for different plans. But, if you have more than 3 plans, you have to upgrade to Cartflow Pro version.

[@thabodigital]

Thanks very bro , you just earned a new subscriber from South Africa. If you have a video on how to create a table please share .I'm not using elemento pro

[@MakeDreamWebsite]

You can also create these pricing tables by combining the heading, text editor and button widget. I have a plan to make a tutorial on that soon.

[@thabodigital]

@@MakeDreamWebsite please do

[@gtamcgaming]

Bro I added In payment method razorpay but when I anyone clicking on place order 404 error was coming

[@MakeDreamWebsite]

Do you use any plugin for razorpay?

[@gtamcgaming]

@@MakeDreamWebsite yup and pay pal also not working

[@otomrodrigues]

Thank you !!! This is exactly what I was looking for. Thanks bro!

[@MakeDreamWebsite]

Welcome Tom.

[@factview3003]

I'm from India 🇨🇮 😍😍 Love You Bro

[@MakeDreamWebsite]

Thank you so much

[@msalik3231]

The flag is wrong, it's not the Indian flag. Use this 🇮🇳

[@SuperAndroiide]

Thanks for the video! But what happens to the product page ? And the cart page ? Are they still there and people could see them ?

[@MakeDreamWebsite]

Yes cart page is still there, if anyone goes to that page by typing url

[@SaadFahim]

Thank you. This is exactly what I was looking for

[@MakeDreamWebsite]

You are welcome

[@i.am.ong.]

Very useful video. Thank you. Subscribed and hope to watch more from your channel.

[@MakeDreamWebsite]

You're welcome

[@thabodigital]

Didn't see option to choose products , I think they have changed the system . Or can you advice on cam we do it please

[@ardyanpermana99]

Thanks dude, this is exactly what I am looking for

[@MakeDreamWebsite]

Awesome! You're welcome!

[@bkh10s]

How to redirect to external link after checkout page?

[@helloykity]

HERO! You saved my night

[@MakeDreamWebsite]

Glad that really helps you!

[@varunwahi715]

you are a god you saved me

[@MakeDreamWebsite]

Thank you for that you try to appreciate me... But, please don't call me God(Allah). It's completely prohibited in our religion. I'm too much uncomfortable with these kind of words.

[@AncestralAurelius]

Excellent Video, you just earned yourself a new Subscriber! Thank you Sir

[@MakeDreamWebsite]

Thanks EzKing for your support ❤️

[@AncestralAurelius]

@@MakeDreamWebsite Hi, I'm just wondering, whats your solution for adding a basket to this process? Have you got a video on how to customise and integrate a basket page?

[@MakeDreamWebsite]

@@AncestralAurelius You can link to the cart page (you mentioned as basket page) with adding a specific product ID (as the buy now button link) like this: yourdomain.com/cart/?add-to-cart=287 Suppose here 287 is the product ID. When you hover over an product on the dashboard, you can see each product's ID.

[@piyushkhaitan9312]

Thanks Bro, this is really helpful and easily explained

[@MakeDreamWebsite]

Welcome Piyush Khaitan

[@zaifhossain8509]

Thanks man, live saving video

[@MakeDreamWebsite]

Welcome!

[@ddrci88]

Hi how can I add variable product options ? Let’s say plug for uk us and eu option in the price table ? Thanks

[@adityaramadhan4812]

thank you friend, i really helped by your video

[@MakeDreamWebsite]

You're very welcome

[@tanvirchowdhury2315]

Thanks for your tutorial. The basic plan is written $19 yearly. after completing one year how an user can be notified of their renewing time. or how the service will turn off automatically after one year. i have doubt about this.

[@hadiswaleh5304]

For this you need to check WooCommerce subscription plugin

[@tanvirchowdhury2315]

hadi swaleh thank u

[@keepdara]

Waiting for you to show how to created shop page, product categories and single product page on elementor pro...

[@MakeDreamWebsite]

Will make that soon

[@itnewsbd8454]

How can I create custom order box and checkout below the pricing table

[@anuj7286]

Hey bro, thankyou so much!

[@MakeDreamWebsite]

Welcome

[@diopabel4451]

THANK YOU SO MUCH!

[@MakeDreamWebsite]

You're welcome!

[@mazharbaig5751]

Hi Alex! Thanks for this video. I have watched it but would follow it later. I would give you a tip. Please use your own accent, it sounds weird. Liked and Subscribed!

[@MakeDreamWebsite]

Thank you Mahzar for your suggestion, I will keep that mind from next time. BTW, I'm not Alex. You can call me Jitu.

[@CaterStudios]

I love you woocomerce check out page and hope simple it looks, pls do you have a tutorial on how to customize the checkout pls. Thanks in advance

[@Daughter_of_FatherofGlory]

When I reach the checkout step and press edit, I don't have options to work work with apart from edit with elementor which I can use because I have no option for selecting the product (I selected start from scratch in the templates) Please help

[@thabodigital]

I'm experiencing same problem

[@pathikshah7186]

hey brother is there any other method to do this stuff rather than cartflow

[@MakeDreamWebsite]

Yes, you can set the link of the button, something like that: yourdomain.com/cart/?add-to-cart=23 Here, 23 is an example product ID. You can find each product ID inside the URL, when you go to edit product page on WordPress Dashboard. Example product page URL: yourdomain.com/wp-admin/post.php?post=23&action=edit

[@pathikshah7186]

@@MakeDreamWebsite hey thanks for the reply bro Is it necessary to buy cartflows pro for this or it would work without that

[@MakeDreamWebsite]

@@pathikshah7186 You can use the Free version if you have less than 3 pricing packages. But, if you have more than that and don't want to spend money then you can follow the alternative way.

[@JshN08]

@@MakeDreamWebsite hello, in this alternative method, how can I make the button link direct to checkout without going to cart?

[@MakeDreamWebsite]

@@JshN08 In this method, for going directly to checkout page put this link: yourdomain.com/checkout/?add-to-cart=23 Note: Here 23 is the product ID

[@sumayyaejaz]

exactly what i was looking for :)

[@MakeDreamWebsite]

Thanks Sumayya Ejaz 🙂

[@ArtFunLife]

thanks for this great guide

[@MakeDreamWebsite]

You're welcome :D

[@ahmedsiraj]

thnks so much شكرا جزيلا اخي

[@MakeDreamWebsite]

Welcome :)

[@gabyvinceza4595]

Oi seus vídeos são ótimos, você ensinar muito bem, faz um vídeo desse atualizado 2024

[@jonascosme]

I tried to Add new flow but it keep show creating and nothing happens. What is possible problem?

[@MakeDreamWebsite]

Jonas, you are not able to add more than 3 flows in the cartflow free version. If this is not your case, that problem may be occurred because of conflicting with another plugin. Now what you can do - you can deactivate other plugins (temporarily) just for testing.

[@nishantraghav4507]

Hey! Actually I want to Add more than 3 package but in free cartflow we can add only 3. I set gobal checkout but do not know how to link and retrieve that package on same designed checkout page. Please Reply Fast.

[@MakeDreamWebsite]

Could you please tell me from where did you set the global checkout?

[@nishantraghav4507]

@@MakeDreamWebsite I did it from the setting of cartflow. Actually I found a way to direct link for everyproduct after gobal checkout eg : www.domain.com/checkout/add-to-cart="product Id". But after this on the checkout page. A dialogue is shown "This product added to cart > View cart. " I don't wanna show this to customer. So i decide to put some php snippet to hide that. Please tell me I am doing right?

[@MakeDreamWebsite]

Nishant, you can hide that by writing this CSS code at the end of style.css file of your current theme. And the code snippet is: .woocommerce-notices-wrapper{ display: none; }

[@nishantraghav4507]

@@MakeDreamWebsite Sure! Thank You so much 🙌 For Your Time.

[@MakeDreamWebsite]

@@nishantraghav4507 Welcome. Let me know if this works for you.

[@ahmedsiraj]

dont work wth me i have flastome theme any solution plese

[@MakeDreamWebsite]

Just for test purpose switch to another theme (may be default Twenty Twenty Theme) and see if it works or not. If it still not works, the problem doesn't occur for Flatsome theme, there may be other reason.

[@mthokozisiseja9000]

what file is that you upload called SEO Empowerment tool.?

[@MakeDreamWebsite]

It's just a demo digital product. You can put your own product there.

[@muhammadawais6253]

i am facing issue when i go to edit area for editing checkout page, checkout layout is appearing on left side bar and its option are not displaying what is the issue

[@MakeDreamWebsite]

Hi, Muhammad Awais, On the Cartflow checkout step you need to select the template to "Template for Page Builders"

[@muhammadawais6253]

@@MakeDreamWebsite how can i add checkout page to other three pricing packages for different services of digital marketing, is three any way to link three flows to separate service package

[@MakeDreamWebsite]

If you have 2 services and each services have 3 packages, that means you need to create 6 (2*3) products and flows for all of these services plans like I discribed in this video. So, if you want to add more than 3 flows you need to upgrade to Cartflow Pro.

[@muhammadawais6253]

@@MakeDreamWebsite is three any alternative through which i can achieve this any other plug in or functionality through which i can add individual checkout page to each service pricing package, please help me

[@MakeDreamWebsite]

@@muhammadawais6253 At this moment there is no alternative like Cartflow plugin functionality.

[@amirulhridoy3621]

There is a problem, after checkout. It redirects a page which shows page not found

[@MakeDreamWebsite]

You can set the redirection link (after payment) from the paypal settings. See more about this in this docs: www.paypal.com/us/smarthelp/article/how-do-i-use-paypal's-auto-return-feature-to-redirect-customers-back-to-my-website-faq3651

[@amirulhridoy3621]

@@MakeDreamWebsite i set cash on delivery for practice purpose only.. This is not paypal

[@MakeDreamWebsite]

May be there is another issue. If you install the latest version of WooCommerce on a new WordPress installation, that will work properly.

[@Trainwithaustin]

Amazing

[@MakeDreamWebsite]

Thank you

[@kiminem4087]

thank you very much

[@MakeDreamWebsite]

You're welcome

[@faisalmahamud6089]

Helpfull video

[@MakeDreamWebsite]

Thank you!

[@akshayreddy3201]

i want to add more than 3 flows can you help me?

[@MakeDreamWebsite]

Malchetty Akshay, You need to upgrade to Cartflow Pro where you can add more than 3 flows.

[@akshayreddy3201]

@@MakeDreamWebsite is there any other plugin like cartflow?

[@MakeDreamWebsite]

Malchetty Akshay, unfortunately there is no alternative like Cartflow plugin functionality.

[@krishnamaurya2516]

Bro when click on checkout its show this page doesn't seem to exit

[@MakeDreamWebsite]

Did you put that checkout page link properly? And did you install those plugins and follow this exact process?

[@krishnamaurya2516]

@@MakeDreamWebsite can you WhatsApp on this number very urgent 9026282930

[@krishnamaurya2516]

@@MakeDreamWebsite bro mera url is type ka aa rha hia checkout pe click krn pe buy.makaanleads.com/order-pay/1731/?key=wc_order_7nbUSSP6Niwky but page nit found bta rha

[@krishnamaurya2516]

Kya problem hai

[@krishnamaurya2516]

@@MakeDreamWebsite bro help i m stuck

[@coderprojahangir1300]

ei kaj ta korar jonne onk vabe search disi but paini...jai hok nije nije kore si aj hotat deklam sedin jodi paitam

[@MakeDreamWebsite]

Yeah, I know your pain bother. That's why I decided to cover this topic.

[@vaintorch]

you need to pay to create a checkout page

[@ureachit7775]

thanj youuuuu

[@MakeDreamWebsite]

U Reach It. Welcome 🙂

[@Lifeinamotion]

Damn good

[@MakeDreamWebsite]

Thanks!

[@redoansrealm]

Plz Don't say 'Thi' instead of 'T', don’t use 'Phi' instead of 'P'...Plz plz plz...Its very annoying...😡

[@MakeDreamWebsite]

Haha.. I'll try

[@pramodmohanty8729]

use your natural accent ...it sounds so weird , if you don't have some knowledge then don't pretend to be that

[@MakeDreamWebsite]

Thank you for your suggestion.

[@developershuvo3761]

Really Perfect

[@MakeDreamWebsite]

Thanks!

[@bkh10s]

How to redirect to external link after checkout page?

[@barrykbto87]

This is amazing, thanks!

[@MakeDreamWebsite]

Welcome HunterPerno ♥️

[@arpitkumar3108]

Thanks a lot

[@MakeDreamWebsite]

Welcome Arpit