You searched for Add to Cart - Page 8 of 17

WooCommerce: Show Dispatch / Est. Shipping Date @ Single Product

A good way to inform online customers and avoid issues is showing the estimated delivery / dispatch time on the single product page, just below the “Add to Cart” button. Yes, you could do that manually by adding shipping info to each product short description, but the goal of Business Bloomer is to learn how to code that instead, so you won’t need to write things manually.

Also, this is great because if you change something in your dispatch rules, you just need to change the short PHP snippet and not all your product descriptions. It’s much more flexible this way.

Finally, in this post we’ll learn how to work with cut-off times (hour of the day) and current day of the week (pure PHP), so that we can show a “dynamic” notice based on current date. So, let’s see how it’s done!

WooCommerce: One Product Per Row @ Shop Page

By default, WooCommerce displays 4 products per row in the shop page. This is ok for almost any ecommerce website, however in certain cases you might want to change this setting in order to show full-width products (a.k.a. one product per row).

In this post we’ll look at the alternatives you have in regard to changing this setting, and also some CSS adjustments to make the 1-product-per-row shop page look better. Enjoy!

WooCommerce: How to Build a Successful Wholesale Store

The default WooCommerce shop page layout makes it difficult for wholesale buyers to purchase in bulk.

This is because wholesale stores have different requirements as compared to retail stores. For instance, wholesale products are best displayed in a one-page order form for quick wholesale ordering as opposed to a more visual, image-rich layout.

In this post, we’ll run the rule over some of the best tools available for building a great WooCommerce wholesale store.

Along the way, we’ll share some tips on how each WooCommerce wholesale plugin can help you achieve a specific goal and deliver a better user experience.

WooCommerce: Full Width Featured Image @ Single Product Page

The standard layout for the WooCommerce single product page features the main/featured product image on the left and the title/add to cart on the right. But what if you need to turn that image into a hero one i.e. a full width featured image, and push the title and add to cart button under it?

Well, for once, we’ll take a look at a CSS-only snippet. Sometimes the easiest things are also the ones that work brilliantly. Enjoy!

WooCommerce: Set Min Purchase Amount for Specific Product

We already studied how to set min/max WooCommerce add to cart quantity programmatically. That was an easy one. This time, I want to expand on the topic, and define a “minimum order amount on a per-product basis”.

Which, translated in plain English, would be something along the lines of “set the minimum purchase amount for product XYZ to $50”. And once we do that, I expect that the add to cart quantity does non start from 1 – instead it defaults to “$50 divided by product price”. If product price is $10, I would want to set the minimum add to cart quantity to “5” on the single product and cart pages.

Makes sense? Great – here’s how it’s done.

WooCommerce: How to Customize your Store Without Coding

WooCommerce, with 25% market share for website eCommerce solutions as of November 2019, is the most popular platform for building online stores. It’s easy to get a basic setup running and start selling your products online.

WooCommerce also offers a lot of hooks and filters for further customization – the only problem is you need to understand a bit of PHP programming.

This is where the WooCustomizer WordPress plugin comes in. WooCustomizer offers all of these filters and more, all neatly built into one WordPress plugin so you can visually customize your WooCommerce store in an ‘easy to use’ and intuitive interface within the WordPress Customizer.

No more creating a child theme to manually add code snippets to your WordPress website, no more adding multiple plugins and increasing the chance of bugs coming up… Just a simple, one plugin solution.

WooCommerce: Disable Out of Stock Variations @ Variable Product Dropdown

A nice way to avoid user frustration is to never let them pick a product / variation that is out of stock, only to realize later they can’t purchase it.

A variable product comes with a “select dropdown” on the single product page, from which customers can pick their favorite variation. Problem is that ONLY after selecting this they will find out about price, stock status and may be able to add to cart.

Today, we’ll completely disable (grey-out) those select dropdown options (variations) that are out of stock, so that users don’t waste time and only pick one of those that are in stock. Enjoy!

WooCommerce: Calculate Sales by Product ID (Shortcode)

Let’s say you’re developing a custom sales page or a landing page. A great way to increase your conversion rate is by showing the number of purchases close to the “add to cart” button.

We’ve already seen how to do this on the single product page, but what if you need to show this on a custom page, and therefore you need a shortcode?

Well, this is super easy and I’m currently using the snippet below on my own website, and specifically in the pricing table of my #CustomizeWoo online course sales page. So, here you go – enjoy!

WooCommerce: Move & Customize Upsells @ Single Product

Keeping WooCommerce upsells at the very bottom of the single product page it’s kinda boring. In my view, WooCommerce users want to know there are upsells even before they scroll down (you also might want that: upsell means more profit). Amazon does that too.

In this tutorial, we will see not only how to move them to the top, right below the Add to Cart, but also how to customize the upsells output to show just 2 columns and remove default WooCommerce “loop” elements such as the Add to Cart. Enjoy!

WooCommerce: How to Set Different Prices Based on User Role?

B2C WooCommerce stores can also have a B2B section. Wholesalers can offer different prices based on different criteria. Subscription stores can offer lower prices to current members.

Either way, setting different WooCommerce prices for different users (“based on user role”) is not that difficult. All you need is a plugin (or a stack of plugins, depending on your custom requirements), and you can immediately show different prices if the logged in user has a specific role or “capability”, as well as targeting active memberships, active subscriptions or other criteria.

If you want to learn more about user roles and capabilities, I suggest to take a look at the WordPress documentation: https://codex.wordpress.org/Roles_and_Capabilities – you’ll know WordPress has 6 default roles (administrator, editor, etc.) and that WooCommerce adds another one (customer). Other plugins can set additional roles – for example https://wordpress.org/plugins/members/ by Justin Tadlock, a very popular WordPress developer.

So, while “targeting” user roles is quite easy, the only difficult part is to choose the right “user role based pricing” product. As usual, when picking a plugin, you always need to consider its functionalities as well as the quality of its support team, long-term reliability, code cleanliness, frequent updates and total number of sales.

Today, we’ll take a look at the plugins I recommend, together with their pros and cons. If you use different stacks or custom functionalities, feel free to interact via the comments.

WooCommerce Request a Quote: Why Choose “Product Enquiry Pro”?

This is a guest post by Saket Paliwal of Wisdmlabs – if you like the article, make sure to thank him in the comments!

Quality leads are tough to capture in any business. If you think getting traffic is the hardest part, converting it into sales is a whole other challenge. It’s difficult to identify why a lead might not make a purchase – they might not find what they’re looking for, your product might be too expensive or certain items could be out of stock – you’d never know the exact reason until you hear it from the customers themselves.

In a retail store, here’s where a salesperson would come into the picture. If a customer had a question, they’d just walk up to the salesperson and ask their questions.

On a WooCommerce website, however, you have to make use of contact forms or live chat to “talk” to prospective customers like an in-store salesperson would. These pre-sale questions are barriers to sales. You need to make sure every customer query is resolved if you wish to increase the chances of a purchase. Continue reading WooCommerce Request a Quote: Why Choose “Product Enquiry Pro”?

WooCommerce: 10 Best Fashion & Clothing Themes

Maybe this is the right time to update your clothing WooCommerce store and give a more professional look to your fashion business…

Maybe you also want to build custom pages without getting into coding, as default WooCommerce is too “boring”…

Still think your online project requires a fresh hand?

Well, if that’s the case, feel free to keep reading and view my favorite 15 WooCommerce clothing themes. Continue reading WooCommerce: 10 Best Fashion & Clothing Themes

WooCommerce: Display Global Short Description When Empty @ Single Product Page

The WooCommerce product short description is that piece of content that appears on the right hand side of the featured image above the add to cart button. This is, of course, unless you forgot to enter the short description under Product > Edit Product > Short Description!

In case you forgot to enter it or you want to display a global short description, here’s a quick PHP snippet for you. Enjoy!

WooCommerce: Get Currently Selected Variation ID

We’ve seen a lot of PHP so far on Business Bloomer – WooCommerce after all is a bunch of PHP files! However, sometimes PHP is just not enough, mostly when you need to work with variable products and the “currently selected variation”.

In fact, WooCommerce uses jQuery (a JavaScript Library) to handle variations on the frontend and show conditional content (variation price, description, add to cart) based on the dropdown selection. So, to detect the current variation ID we must use jQuery as well. Here’s how!

WooCommerce: How to Enable Catalog Mode?

One of the most common WooCommerce questions is: can I use WooCommerce to build a catalog of products (without add to cart, price… basically a product gallery)? Using WooCommerce for this case scenario is indeed very helpful – you can make the most of all the inbuilt features such as single product gallery and carousel, image zoom, product description tabs, attributes, categories, tags and related products. Basically a much better version than a standard image gallery.

Another question might be: can I disable the WooCommerce add to cart / cart / checkout functionality until the time I am able to sell my products? This is another common scenario that many WooCommerce store owners require.

Besides, certain products in your WooCommerce website might be for sale and others might not. In this case, you’d want to disable the add to cart functionality from specific categories or products.

Finally, you might want to restrict the cart / checkout functions to logged in, registered users only. This is if you run a wholesale business for example, and wish to hide your prices to the public.

Either way, when the “Add to Cart” button gets hidden, a contact form might be required – this is what I call a “Product Inquiry” form.

Good news is there are snippets and plugins that can make your life easier, your admin time more efficient and your product management simpler. And today we’re taking a look at the best options.

WooCommerce Advanced Tracking: Analytics, Reports, Exports, Segmentation

If your WooCommerce store already generates a few orders per month, then it’s probably the right time to step up and start analyzing your ecommerce data.

Despite the “WooCommerce > Reports” tab within the WordPress dashboard can give you sales figures, stock takes and customer lists – we all know that’s a very basic, limited functionality. It gives you CSV export but no automation. There are no filters and no segments. It’s accurate but still not enough.

Data plays a vital role on your WooCommerce website. If you can get access to a wider range of figures, reports, screens, calculations, exports, filters, integrations, then it’s very likely you can understand how to increase your profits.

Data can help you identify problems (hello, cart abandonment – biggest responsible for low conversion rates), can help you select popular products for your cross-sell and up-sell strategy, can give you a hint on how to improve the user experience and have them check out faster – as well as giving you a hand analyzing patterns, performances and customer behavior.

In this (very long) post, we’ll take a look at ways to gather ecommerce data beyond the default “Reports” section, generate email digests, print advanced reports, filter and segment orders and customers, and much more. I will be referring to the two biggest tracking software for WooCommerce: Google Analytics and Metorik. Continue reading WooCommerce Advanced Tracking: Analytics, Reports, Exports, Segmentation

WooCommerce: Top Wishlist Plugins (Screenshots + Features)

1% is a relatively average ecommerce sales conversion rate. In other words, every 100 website visitors, 99 are not going to purchase anything from your shop – and maybe never will.

Increasing that conversion rate is everyone’s dream. Yet, CRO (Conversion Rate Optimization) is one of the toughest sections of ecommerce marketing. Given the same amount of traffic, how can you convert more sales?

Well, adding a wishlist functionality to WooCommerce is what I consider a vital CRO test. It might or might not work for your specific business (that’s why CRO is tough, no business is born equal), but it’s worth a 12 months trial at least. The good news is that there are great, free, reliable WooCommerce Wishlist plugins available (as well as premium of course), so this is a no-brainer really.

If you never heard of wishlists before, remember those 99 users who had no intention of buying anything on your shop right now? Well, the point I’m trying to make is that they might like to “save” a few products in a wishlist and come back later (even after months) to add those product to cart and complete the checkout.

This is very simple. You’re basically helping users with a functionality not many WooCommerce shops provide. You’re giving those 99 people at least one reason to come back to your store at a later date and – as we will see later – you can even give them magic powers such as sharing their wishlists with friends and using them publicly or privately.

Ok, let’s get started. What are the most reliable “Wishlist” plugins for WooCommerce?

WooCommerce: How to Create a Custom Product Type

Ever wondered how you could add a new product type to WooCommerce admin (on top of the default Simple, Variable, Grouped and External)?

Well, while I was coding this for a client I found a lot of literature online – but nothing really worked for the latest WooCommerce release.

So, here’s the working fix!

WooCommerce: How to Get Customers to Request a Quote?

Not all WooCommerce websites are born equal. Sometimes a price and an add to cart button are just not enough.

B2B platforms, wholesalers and high-ticket businesses are usually quite flexible with their pricing and might need to give customers the freedom to request a quote.

Correct, WooCommerce can be used as a quoting engine as opposed to a standard ecommerce website (or both can be enabled at the same time if there are two different audiences).

As usual, there are different solutions. In this article, we’ll see how to use a simple code snippet to show a contact form on the single product page, we’ll see which free plugins are available on WordPress.org and – of course – we will also take a look at more advanced, premium extensions.

Either way, the beauty about WooCommerce is that with the click of a button you can customize the way it behaves!

WooCommerce: How to Display Variations with Color / Size Buttons?

Displaying product pages nicely is the entrepreneur’s dream.

Good UX means a much higher probability the interested customer is going to add to cart and complete the checkout.

However, WooCommerce variable products come with annoying dropdowns for each attribute (color, size, style, etc. depending on what options you have set up). And as you’ve already got a hint of my personal opinion, dropdowns are UX-killers.

Today, we take a look at handy plugins you can use to display product options (variations) in a user-friendly way. I’ve used these on many websites and they’re pretty reliable. As usual, it’s just the click of a button!