Add a FREE Wishlist to your e-commerce website | WooCommerce Tutorial 2024
Вставка
- Опубліковано 4 лип 2024
- Adding a free Wishlist to your WooCommerce website will enhance the user experience as well boosting your Conversion Rate. Its easy and done in 10 minutes! 👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Get the wishlist plugin here: wp.discount/wishlist/ get the CSS here: wpressdoctor.com/wp-content/u...
Do you want to support me? Leave a like, watch another video from me, buy the Wishlist plugin or a hosting plan with 80% discount via the link below. That will help me enormously to create these free videos for you and keep going!
⇒ Software that I recommend:
✅ Wishlist plugin ⇒ wp.discount/wishlist/
✅ Hosting & domain ⇒ wp.discount/host/
✅ Best caching plugin ⇒ wp.discount/cache/
✅ Divi with 10% discount ⇒ wp.discount/divi/
✅ Elementor Pro ⇒ wp.discount/elementor/
⇒ See my PC build and studio gear:
🖥️ wpressdoctor.com/gear/
⇒ Top video's I recommend:
• Yoast SEO vs RankMath ...
• Secure Your WordPress ...
• BEST Mailchimp Alterna...
• How to Migrate WordPre...
• How to Make a WordPres...
I want you to succeed with your website, so lets get started.
⏱️Timestamps⏱️
0:00 Overview
0:13 Get the plugin
0:59 Install plugin
1:14 Setting it up
3:33 Add the wishlist button
6:00 Customize the wishlist page
9:47 CSS to change colors
11:23 Icon with link to the wishlist
Thank you for watching! 😀
✅For tips and tricks on getting the most out of WordPress, don't forget to subscribe: wpressdoctor.com/sub
🧾 Transscript 🧾
In this tutorial, we will be adding a free wishlist to your WooCommerce website, within ten minutes. It's completely free and very easy to implement. If you want to help me out - and I will be forever grateful - Go to wp.discount/wishlist. This link is also in the description of this video and in the comments, so feel free to use that one. And then we are at the website of Yith. Now Yith is a company that creates a lot of WooCommerce plugins and add ons, and they do it quite well. Now for this plugin we are going to use the free version. So we go over here and press on this button: "Get the free version". And then the free version starts downloading. And now we have it on our PC. Login to your WordPress website. If you are still logging in using /wp-admin/... that is not a very safe way. So make sure to secure your web shop, as it's a high target for hackers. On the dashboard we go to 'Plugins'- 'Add new plugin'. Then click on 'Upload plugin'. And we are going to select the plugin we've just downloaded. And press 'Install now'. And then we press on 'Activate plugin'. Then on the left side go to 'Yith' - 'Wishlist'. For this plugin we actually only have three pages of settings. And I will walk you through all three of them, so we can set this up on our Elementor e-commerce website. On the general settings, the first thing we need to enable is the Ajax loading. Enable this. Why? If you have a caching plugin and I really think you should have one then it will bypass it, so that it will always work! Really great. Then we press on 'Save Options' and we go over here to 'Add to wishlist'. Then we are at the general settings about the Add to Wishlist button. After someone has pressed the button "Add to wishlist" what will be shown? The add to wishlist button again? The view wishlist button? Or the remove from list link? I would go with the third one. As its way logical when you add a product, you add it to the wishlist and then you can remove it again from there. Then we scroll down. Here we are the loop settings. By default, this plugin will add in the wishlist button to individual product pages, category pages, archive pages, sliders... everywhere on your website. Well, we actually don't want this if you have Elementor, because then we can add them in our theme builder by hand, and it will work way better. So we are going to disable this one. If you don't use Elementor on your e-commerce website, you can choose the position over here. On top of the image, before the add to cart, after, or a shortcode, so you can still add it in manually on your pages. In our case, you're just going to disable the loop function, because we don't need it. And then the next setting is about the individual product pages. Where do you want to have the wishlist button? After, the thumbnails, to add to cart button, summary, the shortcode. If you have Elementor again, just keep it on this, this is fine. Then we can change all the text. Add to wishlist....
#wishlist #woocommerce
Onlinepreneurs, welcome back! You can get the wishlist plugin here: wp.discount/wishlist/ and get the custom CSS here if you need it 😎wpressdoctor.com/wp-content/uploads/CSS-for-wishlist.txt If you have any questions, let me know in the comments 👇🏼Have a great day!
Great video❤
Hi there! You are very welcome! I’m glad I could help you out with this video. Stay tuned, more awesome tutorials coming up! Have a great day and take care 😀👍🏻
Thanks alot for this WPressDoctor , your channel has been helpful. But please I want to ask how to make a questionnaire for buyers to fill before meeting the criteria to purchase a product , let say a pharmacy website such like a buyer can fill a form container the weight or something before they are taken to the cart for purchase . I hope to hear from you soon doctor
Hi Marvelous Adedokun! Thanks for the kind words, I'm glad my channel is useful for you! Yeah that would be a great idea. I know its possible in WooCOmmerce, but a video about it would be helpful. I'll add it to my list! Have a great day and take care 😊
My Wishlist icon in header is not showing how many items are there...How to do that?
Hi there! Thanks for the question! I think that feature is only for the PRO version. You could try it out, it has a 100% money back guarantee 😊 Have a great day and take care!
Hi Doctor, i have some problem with my website, can you help me?
Hi Khánh. I don't know if I can help you. I don't do paid jobs anymore for clients, so I don't think I can help you out there...