Create custom add to cart buttons and links easy
HTML-код
- Опубликовано: 25 авг 2024
- This is a tutorial on how to create custom buttons and links “Add to Cart”.
We are going to use a free pricing table plugin named Pricing Tables by Supsystic wordpress.org/...
Pro version supsystic.com/...
Also we are going to create 2 buttons with the elementor page builder and set it up so whenever a visitor clicks 1 of those button, the product that we have assigned to the button will be added to the cart page.
After that we are going to set the buttons, so the visitor will be redirected to the cart or the checkout page immediately after the button is pressed.
It is a very easy tutorials and very handy for those who want to sell services or have the visitor choose between products, styling differently from a typical product page, but having all the benefits of the woocommerce plugin.
As always sorry for my English. Hopefully I will get better
Thank you👍
This is the exact video I was looking for, thanks a lot for the "Know how"
Just what I needed. Thank you so much
You are welcome. Stay safe!
Perfect bro! You helped me save time to research on this. Keep sharing!
Great Video This is what I was looking for a long time thanks a Lot
WOW!! Thank you so much man, this really helped me out 🙏🏼
You are welcome
I clicked like button immediately after you said your name :))
Haha, thanks
@@stratos-tutorials cool name bro. But video didnt give me what I needed really. I want to add another ''Buy on ebay'' button next to the ''buy now'' button. Do you know how to do it?
@@ronmaren4135 With this plugin you can add the extra button that you want wordpress.org/plugins/woo-custom-cart-button/
@@stratos-tutorials yes that was exactly what I was looking for thank you!!
Great video!
Thanks Pelle
What if i want to redirect button to single product page?
Open the product page and copy the url
@@stratos-tutorials tnx, i will try
Thanks! But how to add it to the cart without directing to the cart page?
What do you mean. Does it redirects you automatically to the cart page? Check 13:10 on the video
Thanks for the video . How can i add qty selection?
You can add a url with predefined quantity items like this href=”yourdomain.com/?add-to-cart=25&quantity=3″
Plz help me out brother,
I have created custom order page through Elementor with gravity forms and added price and add-ons,
But problem is that how do i add add to cart button on that page there is custom submit button, and when i add woo add to cart button in elementor it is not taking the form order list, bcz both r not united, how do i put add to cart button plz help me out,
God bless you.
Check this easydigitaldownloads.com/blog/custom-checkout-forms-gravity-forms-checkout/
I don't have words to describe, Thanqq so much you really made my day,
Love you brother, Lots of love from India ♥️
Thank you so much! I was looking for this for 3 days!!!
Can you tell how can I do if I want to choose the quantity of the product before clicking the purchase button?
I mean, imagine that you want to add 2 units of the product id87... is it possible the way you shown on the video?
You are wolcome! You can add a url with predefined quantity items like this href=”yourdomain.com/?add-to-cart=25&quantity=3″
Perfect! You saved my life! I wasted so much time looking for it! Thank you once again and keep doing the good work! Cheers!
This was amazing! Is there a way to add the number of items you want to add to the cart?
Yes. You can add a url with predefined quantity items like this href=”yourdomain.com/?add-to-cart=25&quantity=3″
It's doesn't work anymore, i don't know why ?!!!
Are you sure you are putting the correct id?
Awesome video! how do I also trigger an offcanvas showing basket?
Try this plugin. Hope it helps wordpress.org/plugins/woocommerce-menu-bar-cart/
i want learn how sell service in website, not like woocommerce product sell. i want add a add to cart button on a page or in form . is there anybody could help me.
You can do it using WooCommerce because it is free. You can build your pages to sell the services and link the buttons with the services products. After that you can send them straight to pay. The other way to do it would be with a form that accepts payments but I think that you have to pay for the plugin to do that. Check happy forms that is on appsumo for 49$
all tutorials I found on this button topic are for specific product where you have to add product id to the link. What to do on a main shop page, i cant add product id-s for every product I have.? How does the code for add to chart button in wp looks?
Why would you like to create many buttons with dynamic links. What are you trying to achieve?
@@stratos-tutorials I would like to create custom buttons on my main shop page and add to chart button would have to be without text and only with + sign on it. SoI use oxygen builder and repeater to style main shop page and when I add button I would like to know how can I make this button to add products to a chart like default wordpress button on a shop page.
@@tomislavtrgovac5439 Oxygen woocomerce plan has the element add to cart so you can use that
@@stratos-tutorials nope I cant this button is joined with quantity on the left side it is not really the button.
@@tomislavtrgovac5439 hide the quantity using css
Καλησπέρα σας, θα ήθελα πολύ βοήθεια στο να φαίνεται το πλαίσιο ''buy now ''κατω απο καθε προιόν στο eshop μου. Υπάρχει τρόπος να επικοινωνήσω μαζί σας ? Ευχαριστώ εκ τοων προτέρων,
Μ.Β
Μπορείς να μου στείλεις mail. Φαίνεται στις πληροφορίες του καναλιού μου αν το κόψει το mail εδώ karavarakis@gmail.com
@@stratos-tutorials Ευχαριστώ πολύ! Έχω ήδη στείλει απο το info@vmj.gr
@@vasiliki_mihali_j Ναι σου απάντησα