You searched for Cart - Page 12 of 18

WooCommerce: Edit Product Layout If Logged In

Logged in customers often require different UX, communication and website layout. You can hide add to cart buttons for logged out users, yes, but you can also completely remodel the single product page layout. For example, you can remove the featured image, the add to cart button (because maybe you only want them to purchase one product), the sale badge, the price, product tabs, and so on – while also adding logged-in only information such as custom buttons, banners and media.

In this tutorial we’ll see how to target logged in customers who purchased the current product, how to remove some default layout elements and how to add some custom HTML and CSS to the single product page. Enjoy!

WooCommerce: 5 Plugins That Will Increase Your Conversions

Conversion rate is one of the most important metrics to look out for when running an online store.

Once you have your store all set up and start attracting traffic to your site through SEO and paid advertising, it’s now time to look at how many of your store’s visitors are converting.

Let’s step back for a moment and take a look at what a conversion is, anyway? Conversion happens when a prospect does what you want them to do.

If the purpose of a page is to get the email address of the visitor, you’ll have a successful conversion when a visitor lands on your page and drops their email address.

In terms of eCommerce, conversions usually refer to the event when a visitor buys your products and completes the checkout process. Or simply put, it means a big, fat sale.

If you thought attracting people to your site was enough to persuade them to buy your products, well, you’re seriously mistaken. It turns out that the average conversion rate in eCommerce is only 1-2%. So, even if you’re doing everything right, you’ll be closing the deal only 2% of the time.

That means every little bit matters.

In this difficult territory of getting people to convert, comes a list of growth-hacking and optimization plugins for WooCommerce that will put your store’s conversions on fire.

WooCommerce: 5 Ways To Drive Sales In Your Store

The primary goal of your WooCommerce store is to sell, right?

You’ve probably got some snazzy marketing campaigns running, are working to sharpen your SEO tactics, and are using social media to bring more visitors to your store. But, while driving traffic to your site is important, there’s another key metric you need to keep in mind: your conversion rate. After all, what’s the point of bringing visitors to your store if they don’t end up buying anything?

It’s a no-brainer that more traffic is useless if it’s not bringing you more conversions. The key, then, is to focus on doing more with the shop visitors you already have.

This is where website analytics (such as those collected and stored by Google Analytics and Metorik) can be a game changer. Read on for 5 CRO hacks for WooCommerce users.

WooCommerce: CodeLobster, Probably The Best Code Editor

Ecommerce sites are the most dynamic kind of websites. After the launch of the site, development does not stop and elaboration is ongoing. Many businesses just can’t sell their products without the help of programmers.

If you already have PHP programming skills and an understanding of WordPress principles, this article will give you a head start on how you can optimize your coding flow.

Specifically, we will look at the popular WooCommerce plugin and show you how to code effectively with it in CodeLobster IDE, a code editor that is much more complex than NotePad++ or Atom, and that’s because it’s optimized and developed with WordPress and WooCommerce in mind.

WooCommerce B2B: How to Set Up a Wholesale Store

The ecommerce sector is seeing incredible growth, year after year, with no foreseeable end in sight. The same is true for B2B ecommerce, yet there aren’t many good platform choices available for small-to-medium businesses that want to sell wholesale. There are several SaaS solutions on the market, but these are costly, closed-source, and mostly oriented towards larger businesses.

If you are a business owner or developer, WooCommerce is a solution that’s free, versatile and powerful.

WooCommerce: How to Customize Checkout For Conversions

I had the honor to speak at WCEU 2020 thanks to WooCommerce, who hosted me in their Sponsor track. It was a short and sweet lightning talk on the first day (Friday), called “Customizing The WooCommerce Checkout To Improve Conversions“, followed by a live coding session on Saturday.

Here’s the video recording of the lightning talk, as well as a few PHP and CSS snippets you can copy/paste to improve your WooCommerce Checkout and immediately expect an increase in conversion rate. So, enjoy the video and then go test the snippets you find below!

WooCommerce: Calculate Subtotal On Quantity Increment @ Single Product

From a UX point of view, ecommerce customers may enjoy a little improvement on the WooCommerce single product page. As soon as they increase the add to cart quantity, it’d be nice if product price could be recalculated or maybe if a “TOTAL” line could appear so that users always know how much they are about to add to cart.

Honestly, this is hard to explain it this way, so the best is if you look at the screenshot. Enjoy!

WooCommerce: Set / Override Product Price Programmatically

There are times when the edit product page settings are not enough. Yes, you usually set regular and sale price via the price fields under “Product Data”; however sometimes you may have to override those prices via code, because you’re running a special promotion, you don’t want to manually change thousands of prices or maybe you need to show different values to logged in customers only.

Either way, “setting” the product price programmatically consists of two distinct operations. First, you need to change the “display” of the product price on single and loop pages; second, you actually need to set a “cart item” price, because the previous code does not really alter price values.

As usual, easier coded than said, so let’s see how it’s done. Enjoy!

WooCommerce: How To Set Up Dropshipping

Are you interested in dropshipping but don’t know what you need to get started? Join me as I explain how to start dropshipping in WordPress with the right tools and no monthly payments.

If you’ve considered using WooCommerce as your dropshipping platform there are many ways you can implement it – one on the solutions is the SaleSource plugin.

WooCommerce: How to Safely Update Via Staging

When a new version of the WooCommerce plugin is released, and the WordPress dashboard starts sending you notifications that it’s time to update, this question comes always to mind: “Should I update WooCommerce right now, wait a little longer, or stay on the same version unless something breaks?“

Well, updating WooCommerce is ALWAYS a big risk – potentially you can break your live website and miss out on traffic and sales. This can happen every time a significant update is released – many store owners don’t update their stores because they feel the hassle is not worth the effort.

But updating WooCommerce is definitely a good idea for the long-term. The main cause of WordPress hacking is because of out-of-date plugins and themes. And this is where staging environments come in.

A staging website is a clone of your existing live store. It’s completely separate and it doesn’t affect your live store in any way. Staging is also called “testing environment” or “sandbox”, while your live site is usually called “production environment”.

Staging gives you the benefit of 1-click-cloning in a few minutes, updating and testing WooCommerce without worrying about breaking your actual live website, and finally “pushing” the changes to the live website (a.k.a. overwriting the live environment), so the functioning is 100% guaranteed.

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: Advanced Order Search

When it comes to saving time, the out-of-the-box WooCommerce plugin doesn’t give you many options and features. For example, searching through your WooCommerce orders is not straight forward enough because the search options are fairly limited.

By default, you can go to the WooCommerce Orders admin page (wp-admin/edit.php?post_type=shop_order) and use the basic search bar.

You can look for a customer name, a customer billing email and a few more, but that’s pretty much all you can do. You can’t look for multiple fields, you can sort, you can’t filter by order total, and so on.

You get the picture – for a store manager this Orders dashboard is not handy at all. Each extra minute wasted in trying to find something could be better invested – in marketing spend for example.

That’s why we want to show you a quick alternative in order to do advanced searches in seconds. You won’t need any PHP snippets – just a quick plugin that turns your order list into an intuitive and easy-to-use spreadsheet so that you can do all the filtering and manipulation you desire.

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: Edit External Product Image URL

We’ve already seen how to open the External Product “Buy Product” button in a new browser tab – and now it’s time to complete the full picture for External/Affiliate WooCommerce Products: how do we also link the “featured” image to the same external URL?

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: Dynamically Hide / Show Checkout Field

We already saw a lot of examples e.g. hiding checkout fields if a product is virtual or hiding checkout fields if a checkbox is manually checked… but this time I want to hide a field dynamically – automatically – based on whether another checkout field is empty or has a specific value.

In this example, I will demonstrate how to hide the “billing phone” if “billing company” is empty or no information is entered. Of course, you also have to disable the mandatory attribute for the billing phone from the Customizer settings, otherwise checkout validation will fail. You can readapt this snippet to any other checkout field combo – just identify the input IDs and change jQuery accordingly. Enjoy!

WooCommerce Category Banner Management Plugin Review

Using banners is a major digital advertisement method, used for self-promotion or the promotion of others. Both ways, it plays an important role in money making online. Mind that we are not talking about the Google Adwords banners that appear in widgets. Those are easy to set, but cannot be managed by you for your business. Instead, we’re talking about the highly-customizable banners that could run as per your needs and add to your revenue.

If you have an e-commerce store, showcasing the special offers as banners can help you improve your sales speedily. At the same time, you may promote your partner brands and advertisements through banners too. In short, banners are super-useful.

For the shop owners running their business through a WooCommerce store, banner management isn’t a tough nut to crack. Using the plugins like WooCommerce Category Banner Management Plugin, you can do it smoothly. This aid lets you set different category-wise or page-wise banner(s) for your shop.

In this article, we have reviewed the said plugin [free version and premium version] for its usability, efficiency, and functionality for businesses like yours. So, if you want to add advanced banner capabilities to your online store, do read it.