Besides being unuser-friendly, a cart page without items will ultimately cost you revenue.

When the user removes items from the cart, there is a better chance for him to navigate away from your website afterward. To prevent it from happening, it will be better to direct them to some of the products that may interest them.

Please take a look at our website, for example. When you try to load our checkout page plugins-for-wp.world/checkout when it’s empty, you’ll be redirected to our subscription page.

By doing so, I focused your attention on our available plans rather than giving you the option of where to go next, saving you valuable page load time.

This tutorial will redirect WooCommerce and Easy Digital Downloads empty cart pages to different pages.

Both codes below must be pasted in the functions.php file of your child theme or a site-specific plugin. Read our article and learn how to create a custom site-specific plugin in WordPress.

Please apply the functions below to a child theme and remember to back up WordPress before editing core files.

Redirect an Empty Checkout Page in WooCommerce

If you’re using the WooCommerce plugin to sell your goods, use the code below:

add_action("template_redirect", 'redirect_empty_checkout_woocommerce');
function redirect_empty_checkout_woocommerce(){
    global $woocommerce;
    if( is_cart() && WC()->cart->cart_contents_count == 0){
        wp_safe_redirect( site_url( 'shop' ) );
    }
}

The code above will redirect the visitors from an empty checkout or cart page to the archive Shop page.

However, if you prefer to land them on a different page, such as a specific product or the pricing page, change the URL address from 'shop' to 'product/product-name/'.

Redirect an Empty Checkout Page in Easy Digital Downloads

If you’re using the EDD plugin to sell your goods, use the code below

add_action( 'template_redirect', 'redirect_empty_checkout_edd', 11 );
function redirect_empty_checkout_edd(){
	if ( is_page( edd_get_option( 'purchase_page' ) ) && edd_get_cart_quantity() == 0 ) {
        wp_safe_redirect( site_url( 'downloads' ) );
		exit;
	}
}

Like the WooCommerce redirection function, the code above will redirect the users to the archive Downloads page, where they can view all your available products.

If you want to set a different URL, change 'downloads' to your desired address, such as 'downloads/product-name/'.

Related Articles

• How to redirect WooCommerce after checkout.
• How to edit the WooCommerce checkout fields.
• How to change the WooCommerce button’s color.

Conclusion

This article teaches you how to redirect empty checkout pages in WooCommerce and Easy Digital Downloads to another page.

Let us know which code snippet you used to achieve that.

The post How To Redirect WooCommerce and EDD Empty Checkout Pages appeared first on PluginsForWP.

They are key-value pairs that can be associated with individual posts, pages, and products that provide a way to extend the default content structure.

Enabling the default WordPress custom fields with WooCommerce can be very beneficial for displaying additional data and product information.

This tutorial will show you how to add and display the default WordPress custom fields in your WooCommerce store.

Why Use Custom Fields with WooCommerce

As mentioned above, custom fields will allow you to add extra information about the products to your customers.

Transparency is vital between the store owner and the customer relationship.

One way to be transparent is by laying out and presenting all the information about the products.

In addition, minimizing the visitors’ questions and support tickets is another excellent advantage of using custom fields with WooCommerce.

Every eCommerce shop owner should aim to provide customers with the most straightforward and quickest sale process; displaying all the relevant information is a significant step in that direction.

Think about it that way: if some data is missing from the products’ pages, your store’s visitors interested in purchasing the product will need to contact you first to clarify. When you respond, they have already left your store or bought it from your competitor’s website.

Adding custom fields to products efficiently smooths the selling funnel and helps customers make better decisions.

How to Enable Custom Fields in WooCommerce

WordPress custom fields are already enabled for WooCommerce products by default.

Although they are not presented on the page, they are still enabled. We will need to toggle the option to display them.

To do that, navigate to any product page, click the Screen Options tab, and check the Custom Fields box.

Once checked, scroll down under the product’s description section to see the custom fields area.

Note: sometimes, you must refresh the page after enabling the custom fields box to see the section.

To add a field, choose your desired key name option from the drop-down list on the left, enter its value in the value field, and click the Add Custom Fields button.

To add a custom field, click Enter new, set your custom name and value, and click the Add button.

After adding the custom field, click the Update button to save its values in the database.

Adding custom fields to WooCommerce is the first step out of a two-step process. Next, we should display the custom fields on products’ pages and make them available to our visitors.

How to Display Custom Fields in Product Pages

There are three ways to display the custom fields on WooCommerce product pages:

1. In the theme’s file with a PHP function.
2. Using WooCommerce hooks.
3. With shortcodes.
4. Using a page builder, such as Elementor.

Whatever way you choose will do the job right, and selecting the method is based on your preference.

In the Template File

You can display custom fields on any page, post, or custom post type. Because this article focuses on WooCommerce, we will use the product template file.

Often, WooCommerce uses the single.php file to generate the product pages, and we can access that file by using an FTP or straight through the theme file editor screen.

However, based on your theme, there may be a dedicated template file for WooCommerce products instead of the single.php one.

I recommend you first paste the code in the single.php file and verify it’s working. If it doesn’t work, Google which template file your theme uses to generate the product pages and paste it there.

So, paste the function below in the desired location inside the template file:

<?php echo get_post_meta($post->ID, 'key', true); ?>

Make sure to replace the KEY value with the actual name of the custom field.

Once saved, visit the product page that contains this field and verify that it is displayed on the screen.

Depending on your needs, you can add some text before or after the field like so:

<p>Text before <?php echo get_post_meta($post->ID, 'aquarium size', true); ?> text after</p>

The fields will be displayed on every product page, regardless of whether it contains it. To show it only on product pages that have the field, use the condition function below:

<?php
 if(get_post_meta($post->ID, 'key')){ ?>
 <p>Aquarium size: <?php echo get_post_meta($post->ID, 'key', true); ?></p>
<?php } ?>

Remember to change the key attribute with the actual custom field’s name.

WooCommerce Hooks

WordPress hooks are another helpful way to add content to some page parts.

Inserting content through hooks saves us from modifying the store’s templates, and by doing that, it simplifies the process.

WooCommerce has many hooks throughout the product page, and you’ll need to choose the desired one based on where you would like to display the data.

Please paste the hooks’ functions in the functions.php file of your child theme. Make sure to back up your WordPress website before you modify its core files.

function display_custom_field_woocommerce() {
global $post;
?>
<p><?php echo get_post_meta($post->ID, 'key', true); ?></p>
<?php
}
add_filter( 'hook-name-goes-here', 'display_custom_field_woocommerce' );

Remember to change the hook-name-goes-here with the actual WooCommerce hook and the Key with the exact custom field name.

Like the method above, you can also add a condition to check if the custom field exists before printing its value into the page.

With a Shortcode

Shortcodes are one of the easiest and most common ways to display data on a page; therefore, we all love them.

Using shortcodes provides us with complete freedom of where we would like to display it by using Gutenberg blocks, classic and code editors, and page builders.

There is no option to display custom fields with shortcodes, but we can add a simple code to create it.

To do that, copy the code below at the button of the functions.php file of your child theme and save the changes.

// display custom fields with shortcodes
add_shortcode( 'field', 'shortcode_field' );
function shortcode_field( $atts ) {
	extract( shortcode_atts( array(
		'post_id' => null,
	), $atts ) );
	if ( ! isset( $atts[0] ) ) {
		return;
	}
	$field = esc_attr( $atts[0] );
	global $post;
	$post_id = ( null === $post_id ) ? $post->ID : $post_id;

	return get_post_meta( $post_id, $field, true );
}

Then, edit one of your product’s pages and use the shortcode field to display the desired custom field. Remember to change the text with the actual custom field name.

Once saved, visit the product page to ensure the custom field value was successfully added.

Elementor Dynamic Data

Page builders were made to make our designing life more accessible, and they managed to do it in this case once again.

Because most of us use a page builder, such as Elementor Pro, displaying custom fields may be the easiest, especially when building the product page with their theme builder feature.

Click on Edit with Elementor to open the single product template page and drag a new Text Editor widget into your desired location.

Then, click the Dynamic Tags icon and choose the Post Custom Field option to replace the default static content with the custom fields.

Enter the custom field name in the Custom Key value and verify that the content is being displayed on the screen.

You can also add text to appear before and after the field value. To do that, click the Advanced tab and add your desired text.

Save the changes again, and visit the live product page to see the content.

WooCommerce Custom Fields Plugins

Adding the native WordPress custom fields option to WooCommerce is one way out of many to display custom fields.

Plenty of dedicated plugins help you achieve more accurate results without using codes.

In one of our other posts, we showed you how to use a plugin to add custom fields to the WooCommerce checkout page and let customers fill them in before completing a purchase.

Other well-known plugins to add custom fields to WooCommerce are Custom Fields for WooCommerce, Advanced Custom Fields, and Admin Custom Order Fields. You can find them, and many more, in our store.

Each plugin has pros and cons; you can test them to determine which fits your needs.

Conclusion

This article showed you how to add custom fields to WooCommerce product pages.

The more information, the merrier, and providing your customers with all the data will simplify and speed up their decision to purchase.

In addition, it will save you hours of valuable time responding to support questions, which you can use to improve your store in other ways.

The post How to Add and Display Custom Fields in WooCommerce Product Pages appeared first on PluginsForWP.

Suppose you have a WooCommerce store and would like to offer your customers an option to design and customize products. In that case, we present an awesome WooCommerce product designer plugin, DesignO, which will spice up your print orders in 2023. Let’s learn more about it in detail. 

Innovating the Online Shopping Experience Instead of Improving 

Improving and innovating the online shopping experience are two different things. By focusing on innovation, we mean bringing new experiences to the market instead of updating and changing the ones we already have. 

In the past decade, worldwide eCommerce sales have increased by more than 380%, and online shopping is only likely to continue, resulting in a more competitive eCommerce landscape. As a result, companies must develop new ways to create great online shopping experiences to retain customers and increase sales.

Put yourself in your customer’s shoes and think, what triggers the purchase behavior in you? Is it the website design or accessibility? Or the customer service or product resources? No matter what it is, one thing is for sure, a great online shopping experience has the power to turn website visitors into loyal customers.

If you still aren’t prioritizing your online shopping experience, you’ll lose money to competitors who are one step ahead. Don’t want that to happen? Then it’s time to innovate your online shopping experience rather than just improving the old tricks. 

So, what makes a great online shopping experience? How can you innovate? Well, there are several ways to do so like; you can redo your website design, content, and functionality, offer a customer points and reward program, re-evaluate your mobile experience, add a chatbot and provide omnichannel support.

Still, among all, the trending and the most engaging way to attract customers is the addition of helpful and game-changing plugins like DesignO – a WooCommerce product designer that changes the course of buying a print product entirely with its customization and personalization features. 

The Evolution of Product Customization Features

Product customization has become a need, more than just a feature for every customer. Customization is going to new lengths, far beyond color choices and sizes. Manufacturers today are using data to produce items based on the unique attributes of the individual customer. 

The product customization feature has evolved drastically with many latest tools and technologies like smartphone apps and scanners, 3D printing, networked production, robotics, and high-speed connectivity and data transmission. As a result, it is spreading to various industries, including medical and dental implants. 

Introducing DesignO WooCommerce Plugin 

The market for product designer plugins is significant, and there are wide varieties available to choose from, but the central and common issue among all is the complex code structure. Since not everyone is tech-savvy, people prefer an easy interface that allows them to customize things readily, and that’s where DesignO WooCommerce Plugin comes into the picture. 

DesignO is a plug-and-play online design tool that is easy to use and lightweight. It has easy graphics and an interface that will allow your consumers to design and personalize things any way they like, whether you’re selling gift cards, clothing, mugs, accessories, etc.

It is a simple yet powerful WooCommerce product designer extension that enables your customers to add self-designed or customized things to your products and make changes according to their requirements depending on variable or simple products before placing an order in a WooCommerce store.

Features of DesignO WooCommerce Product Designer Plugin 

The customization feature is offered today by many, but only the simple and the fast one wins because that’s what people expect in any part. DesignO WooCommerce Plugin was designed keeping in mind that and hence is an efficient, robust, and intuitive plugin you will never find anywhere. So, let’s see what you gain by adding DesignO WooCommerce Plugin to your store. 

• Advanced Text Editing (edit font, size, and color) 
• 10,000+ Customizable Clipart
• Image & Clipart Editor
• Social Media Import & Sharing
• 2D/3D Preview
• Fully Mobile Responsive & Fast Loading
• Live Tier Pricing
• Multiple Products Ordering Using the Same Design
• Configurable Colors Palette
• Multilingual & Multi-Currency Support
• Ruler and Grid Lines
• White Color Removal
• Configurable output file resolution (up to 300dpi outputs)
• Feature-rich Back Office Software With Dashboard, Reports, Order Management, Print Workflow, and Job Calendar
• Pictures Extraction From Social Networks & Custom Files Upload 
• Advanced Design Pricing Based on Personalization
• Multiple image outputs (PNG, JPG)
• Save Designs for Later
• Templates Creation Available

They have created a video tutorial installing a DesignO Web to Print WordPress plugin into your WooCommerce store that you can watch below. 

How Your Company Can Benefit from DesignO?

The feature-rich DesignO is not just power-packed with benefits for customers but is equally beneficial for the store owner, which we will see in detail below. 

1. Builds Business and Improves Work Efficiency 

The advanced back office features in DesignO will help you build your business well but will also aid in running it well and smoothly.

For example, with an easy-to-use dashboard that will display all your customer orders in real-time, you can easily create jobs and push orders to the production department immediately, boosting your business and customer happiness to the next level.

Other than that, you will get a 360° view of your business, a complete order and job management solution, efficient print workflow tools, and a comprehensive job calendar, which is enough to turn your WooCommerce shop into a fully operational web-to-print storefront.

2. Enhances the Online Shopping Experience

Customer user experience is what decides the success of an online store. With DesignO, a satisfactory and happy online shopping experience is guaranteed because the intuitive online designer tool of DesignO is so easy to personalize products and place orders from any device that, once used, they will keep coming for more. 

3. Attracts New Customers

A happy customer won’t stay quiet. Customers share their shopping experience, good or bad, with everyone they know. Hence, with DesignO, since a customer’s shopping experience will undoubtedly be good, they will spread the word and bring in more customers for you. Thus, you don’t have to worry about attracting customers anymore. 

4. Increases Revenue and Allows You to Expand

The demand for personalized and customized products will not die anytime soon; hence, with DesignO, your WooCommerce store will run well and generate good revenue.

Moreover, although many free things come with DesignO, there are certain customization charges that you can apply for using elements such as photographs, clipart, text, words, and other such items.

And once your store is doing good, you can start selling various further printed products with personalized designs to gain profit. 

Conclusion

WooCommerce is unarguably one of the best platforms with great functionalities. However, adding an incredible plugin like DesignO for your print store will double and accelerate your chances of getting more print orders and, thus, success. 

Unlike other product designer plugins, DesignO is made for everyone meaning anyone without any prior design experience or tech knowledge can easily install and start using it without any external help or expert guidance.

In short, it is not just an editing tool but an overall product design and customization tool with many built-in features that efficiently manage orders and the entire business. 

So, if you want to spice up your print orders in the year 2023, you have to move and bring DesignO into your business before your competitors steal the thunder away from you. 

The post DesignO: WooCommerce Product Designer Plugin to Increase Print Orders appeared first on PluginsForWP.

This tutorial will show you how to use Elementor to edit your WooCommerce cart page.

What is the WooCommerce Cart Page

The WooCommerce cart page is the page that displays the items in your shopping cart. It allows you to view and modify the items in your cart and remove or change the quantities. 

You can also specify the shipping and payment information on this page.

The cart page is the first step out of the two-step WooCommerce checkout funnel and comes before the checkout page. 

When you want to customize the WooCommerce cart and checkout pages, you can use Elementor in several ways.

You can either create a new page and add an Elementor widget to this page, or you can use an existing page and edit it with Elementor directly.

Once you have the page, the process is essentially the same. Because WooCommerce will automatically create the cart and checkout pages after installation, we can skip the first step of creating a new page.

How to Edit WooCommerce Cart Page with Elementor

The first step is to install and activate Elementor on your WordPress website.

For maximum control over the cart page look, use Elementor Pro (you can get it from the official website for $49 or us for only $4.99).

Once activated on your website, navigate to the cart page and click on the Edit with Elementor button.

You can start adding widgets and customizing your WooCommerce cart page. There are many different widgets available in Elementor, so feel free to use them according to your needs. For example, you can use a Call To Action widget to encourage users to add items to their cart. 

After opening the Elementor editor screen, you can customize the cart page using the default WooCommerce shortcode [woocommerce_cart] or the dedicated cart widget of Elementor Pro.

Both ways will show the same cart content but with a slightly different look. This is because the shortcode will use the CSS rules of WooCommerce, while the cart widget will use Elementor’s stylesheet.

We will use the cart widget to take full advantage of customizing with Elementor.

By default, the cart will be displayed in two columns, the products list on the left and the checkout button will be on the right.

Use the different options under the Content tab to change the cart behavior and the Style tab to adjust its look.

If you want to change the cart to only one column, expand the General tab and change the Layout option to one.

Now, let’s style the cart. To do this, click on the Style tab in the top toolbar. Then, please select a style from the list of presets or customize it to match your needs.

For example, if you want to change the checkout button’ color, you can do so from the Style -> Checkout Button screen.

Please go through the different options and adjust them to fit the needs of your website and customers. Then, read the best practices below to improve the cart and checkout pages when finished.

WooCommerce Cart Page: Best Practices

When customizing your WooCommerce cart page with Elementor, you should follow some best practices to ensure a positive user experience.

First, make sure to use high-quality images and fonts in your design. This will help improve the overall look and feel of your page.

Second, keep your content concise and easy to understand. Users should be able to quickly scan your page and understand what it is about.

Third, use actionable buttons and CTAs to encourage users to add items to their carts or subscribe to your newsletter.

Finally, test your page on different devices and browsers to ensure it looks and works correctly.

Minimalistic Page Layout

Ensure your customers are goal-oriented and only focusing on completing their purchases by selecting a minimal page layout.

Unlike on other pages containing the full header, sidebar, and footer, removing all these destructions from the cart and checkout pages will be wise.

Therefore, click on the cogwheel icon on the bottom left side of the screen, and change the Page Layout option to canvas or full width.

The canvas template will remove the header and all the other page’s extras but keep the content.

The full-width template will keep the header and footer but will remove the page title.

If you still want a header and footer designed explicitly for the cart and checkout pages, I recommend creating a separate template.

Add Header and Footer to Cart

Thanks to the fantastic theme builder feature of Elementor Pro, we can quickly create any theme part, including the header and footer.

As mentioned above, both should be minimal without any destruction. Usually, these two funnel pages display only the site logo and secure checkout badges to increase buyer trust.

To create a custom header template, navigate to Elementor -> Saved Templates, and click on the Add New button.

Then, choose the header option, give it a proper name, like the cart and checkout, and click Create Template.

Add specific widgets like the site’s logo or name and a continue shopping button to return to the shop page.

When ready to be published, click the update button and set the display condition for the cart and checkout pages.

Then, revisit the cart page to ensure it looks and works as expected. Once done, repeat the process and create a dedicated footer template.

Customize WooCommerce Cart Page with the ShopLentor Plugin

ShopLentor (formerly WooLentor) is an Elementor extension created to add and enrich WooCommerce widgets.

The plugin was developed to specialize in working with Elementor and WooCommerce to design a better eCommerce experience. It has unique widgets to target any aspect of your stores, such as product, cart, and checkout pages.

Some of the many added ShopLentor widgets are:

• Product tabs
• Add banners
• Image marker
• Category list
• Customer review
• Image accordion
• Ajax search form
• Many more

Cross-sell is one of the most useful widgets you can add to your WooCommerce cart page. The cross-sell widget will add recommended products section with an option to add the items to the cart.

The recommended section will encourage customers to add additional products to their cart, improving the conversion rate and increasing revenue.

Once you activate ShopLentor Pro (get it from the official website for $49 or from us for only $4.99) on your WordPress website, add the Cross-sell widget to the cart page.

Then, to add custom recommended products, edit one of the cart’s products, and navigate to the Linked Products tab. Then, enter the items related to the current one and save the changes.

When done, revisit the cart to ensure you can see the products in the upsell section.

Premade Templates for WooCommerce Cart and Checkout Pages

One of the best advantages of the ShopLentor plugin is the premade templates that you can use to speed up the customization process.

You have ready-to-go templates for any WooCommerce page, such as product, archive, search, cart, and checkout pages.

To use a cart or checkout template, navigate to ShopLentor -> Template Library and the Cart options.

Browse between the many beautiful templates and import your desired design.

Once imported, navigate to ShopLentor -> Settings and choose the imported template for the cart page option.

After saving the changes, revisit the cart page to test it out. You can also add additional widgets if needed. 

You can also repeat the process and use a template with the checkout page. To do so, browse between the checkout templates and import your favorite one.

Then, set the desired template under the checkout page option inside the ShopLentor settings screen.

Finally, visit the checkout page and ensure it looks and works as expected.

Conclusion

This article taught you how to use Elementor to customize your WooCommerce cart and checkout pages in multiple ways.

Overall, customizing your WooCommerce cart page with Elementor is an easy and quick process that can benefit you immensely.

Just use different widgets according to your needs and customize them as needed. This will help you create a more appealing WooCommerce cart page that encourages users to add items to their carts and increase revenue.

Leave us a comment and let us know your method to achieve this task.

The post How to Customize WooCommerce Cart Page with Elementor appeared first on PluginsForWP.

Moreover, the bookkeeping aspect of the business can often be overwhelming and complex for most business owners.

If this sounds like your business—and it probably does if you’re already thinking about integrating WooCommerce with QuickBooks—it’s time to combine these two services into a straightforward accounting solution that doesn’t require hours of work on your end every day. 

This article will show you how to integrate WooCommerce with QuickBooks in multiple ways.

What is QuickBooks

Quickbooks is a software developed by Intuit to help small business owners better run their businesses. It’s packed with valuable tools to gain better control and understanding of your business.

Running your own business comes with many behind the scene challenges that are not directly related to the company itself. For example, while you probably prefer to deal with marketing, reordering, or restocking products on the shelves, someone must complete the paperwork.

A small business owner that lacks the money to hire a dedicated CPA will need to take the office tasks upon themself. As a result, they will lose valuable time that they could use to perform chores to benefit their business.

That is precisely where Quickbooks comes in handy. It’s powerful software to ease your bookkeeping job.

You can use Quickbooks for:

• Bookkeeping
• Tracking income and payments
• Send invoices
• Pay salaries
• Track expenses
• Capture receipts
• Much more

Another great advantage of the software is its detailed dashboard with easy-to-understand reports that will help you to take practical actions to keep improving your business and cash flow.

Using QuickBooks is a wise move, and integrating it with your WooCommerce store will leave you with extra time to focus on what matters the most.

Data Transfer Type

Before stepping up and choosing an integration method, we first should have a better understanding of different kinds of data transfer types.

Once we know the differences between the two methods, we will be able to make a wiser decision about which plugin to choose.

One-way transfer integration – this is the more affordable integration of the two. One-way integration will only transfer the data from WooCommerce and into Quickbooks. This integration is more suitable for small businesses with a single income stream that only sells through WooCommerce.

Two-way transfer integration – is a robust way to integrate WooCommerce and Quickbooks. A two-way data stream means any change made through your online WooCommerce store or your accounting Quickbooks app will be synced between the two services. It’s perfect for businesses with multiple revenue streams listing their products on Amazon, eBay, Etsy, etc.

Choosing the two-way data transfer integration will be beneficial to scale up the business in the future when the time is right.

Best WooCommerce to Quickbooks Integration Plugins

There are many great plugins to integrate between WooCommerce and Quickbooks. They’re essentially doing the same thing, with minor differences.

This section will list the five best WooCommerce to Quickbooks integration plugins.

Zapier

Zapier is a simple one-way transfer integration between WooCommerce and Quickbooks.

For example, when a customer orders through your WooCommerce store, Zapier will transfer and log the order data, such as price, items, etc., into Quickbooks. However, the changes you created in Quickbooks will not sync with WooCommerce.

Zapier is an easy no-coding solution that is simple to set up. Essentially, you’ll need to create a few steps zap that will be triggered every time the set conditions are met.

Once you connect Zapier with both apps, the first step will check which product was sold, while the second step will transfer all the sale data to Quickbooks.

Zapier can only integrate WooCommerce with Quickbooks’ Online version or other intuit services like MailChimp or Google Docs.

Therefore, if you want to use the QuickBooks desktop version, please consider one of the other plugin integrations listed below.

The Quickbooks integration is part of the Zapier premium plan, which costs $24.99 monthly.

Quickbooks Sync for WooCommerce

Quickbooks sync for WooCommerce is a plugin developed by MyWorks company to connect their service and WooCommerce.

The plugin is only part of two integration components; you’ll need an active subscription to both QuickBooks and MyWorks for it to work together. 

An excellent advantage of this syncing plugin is integrating WooCommerce with any platform of QuickBooks, such as Online, Desktop, and POS. The company is also developing a Xero integration that will be available soon.

Once you have an active subscription with MyWorks, install and activate the Quickbooks Sync for WooCommerce plugin on your WordPress website. Then, navigate to the Automatic Sync Setting to connect between the apps.

Here are some of the benefits of this two-way integration plugin:

• Automatic and effortless
• Save valuable time
• Easy to use and setup
• The detailed dashboard inside your WordPress website
• Sync as often as five minutes (based on your MyWorks subscription)
• Can sync custom fields from WooCommerce
• Works with many other WooCommerce plugins.
• Much more

The syncing plugin is free to download from the official website, but you’ll need an active subscription to one of the MyWorks plans, which runs from $0 – $69 monthly.

WooCommerce to Intuit QuickBooks

This is another excellent plugin that enters our list of WooCommerce to QuickBooks integrations.

The two-way WooCommerce to Intuit QuickBooks connector will sync your store with QuickBooks and vice-versa.

Once you activate the plugin on your WordPress website, navigate to WooCommerce -> Settings and the Intuit QuickBooks screen to set it up.

The simplicity of this plugin sets it apart from others, and the relatively large amount of settings options make it a serious candidate to be one of the best connectors out there.

Here are some of the plugin’s advantages:

• Automatically or manually sync products and orders from WooCommerce
• Support multiple tax rates and currencies
• Update inventory on both apps
• Bulk sync existing orders
• Generate refund receipts
• Can integrate with the WooCommerce subscription plugin

Unlike Zapier or the MyWorks connector plugin above, this plugin doesn’t have an ongoing subscription cost or annual fee. You can purchase the plugin from the official website for $89 or from us for only $4.99.

WooCommerce Connector by Intuit

The official Intuit team developed this connector to help you automatically sync between WooCommerce and QuickBooks.

This robust WooCommerce connector will join as an extension to your QuickBooks Online platform (just like a Google Chrome extension). Therefore, this syncing tool can only work with QuickBooks Online and not the Desktop or POS platforms.

This connector will help you to:

• Automate your business accounting
• Share data between the two apps
• Minimize and reduce human errors

Being officially developed by Intuit ensure that the plugin will always get updates constantly and stand to the highest coding standards and practices.

Moreover, the connector extension is free for everyone with an active QuickBooks Online subscription, and you can download it here.

WooCommerce QuickBooks Connector

This WooCommerce QuickBooks Connector was developed by Techspawn and is our favorite plugin in this article, and for a good reason.

While many other options require monthly fees to sync between the two apps, this plugin doesn’t, which make it a popular choice.

The primary key points of this plugin:

• Two-way sync
• Inventory management
• Automatic and manual data sync
• User friendly
• Works for all countries and currencies
• Can sync orders, customers, inventory, products, payments, and bank deposits
• Export shipping charges, coupons, and tax details
• Compatible with the WooCommerce Subscriptions plugin
• Support Stripe and PayPal

While all plugins and connectors are similar in their features, the fact that one has no monthly charge makes it our plugin of choice. You can download the plugin from the official website for $49, or from us for only $4.99.

In the next section, we will show you how to set it up and use it to integrate WooCommerce with QuickBooks.

How to Integrate WooCommerce with QuickBooks

As mentioned above, all integrations will do the same, connecting WooCommerce to QuickBooks. Therefore, our choice of which connector to use should be based on mainly two aspects, ease of use and cost.

This section will show you how to use the WooCommerce QuickBooks Connector plugin. We chose it because of its simplicity and cost efficiency.

Once you successfully connect the two, it’s a great time to move forward to the products or orders screen and sync them into your QuickBooks dashboard.

Inside the WooCommerce products screen, bulk-check all products, choose the Export to QuickBooks option and click Apply.

The plugin will start exporting all the products from your WooCommerce store into your QuickBooks account. Once it is done, it will assign a unique ID to each of the products.

Lastly, to verify that the export was successful, navigate to your QuickBooks account and into the Get paid & pay -> Products & services screen, and ensure you can see all the products listed on that page.

You can now export additional store parts, like orders, customers, SKU number, price, cost of goods sold percentage, unit of measure, etc.

Frequently Asked Questions About Integrating WooCommerce and QuickBooks

Conclusion

QuickBooks integration is a must-have for any eCommerce business, and a few tools can help you automatically sync your inventory with your accounting software.

This article showed you how to integrate WooCommerce with QuickBooks in multiple ways.

The choice of method should be based on your needs, such as ease of use and budget.

Leave us a message and tell us which method you used to achieve this task or if you have further questions about the process.

The post How to Easily Integrate WooCommerce with QuickBooks appeared first on PluginsForWP.

But have you ever wanted to hide those tabs on your store? Not all products require the additional information tab, and loading it into the page can use unnecessary resources.

This article will show you how to hide the WooCommerce additional information tab in products and checkout pages in every possible way.

What is the Additional Information Tab

The default layout for a product in the WooCommerce shop is to have the description, additional information, and reviews tab (if enabled).

The WooCommerce Additional Information tab contains information not often needed by customers, such as prices in other currencies, etc. It will only be triggered and appear on the product page if you provide the product with variables and attributes.

For example, if you sell a shirt, the additional information tab can hold extra details such as colors, sizes, etc.

Although sometimes it’s beneficial to add additional product details, in other cases it doesn’t and should be avoided.

Why Hide the Additional Information Tab

WooCommerce is a powerful tool for creating an eCommerce store with many great features. However, the additional information tab can sometimes confuse customers by displaying information that is irrelevant to them or their purchase.

If you’re using WooCommerce, you may want to hide this tab and let customers focus on the most critical details.

Many store owners prefer to display the complete information under the Description tab instead in the Additional Information tab. Otherwise, specific and essential details only presented in the additional information tab can easily be skipped by the customer and result in losing a sale.

If all the information is already provided in the description tab, it’s better not to repeat yourself and hide the additional information tab altogether.

How to Hide the Additional Information Tab in Product Pages

Multiple methods hide the WooCommerce additional information tab from the products pages. For example, we can hide it from the product’s page edit screen with a PHP function or by using CSS.

Let’s start with the most straightforward way and hide the tab inside the product’s edit page without using any functions or codes.

Once finished, visit the product page and verify that you can no longer see the additional information tab.

This is a great way to hide the additional information tab if you only have minimal products. However, if you offer many products, editing the product pages individually may not be practical and will take some time.

Therefore, hiding the additional info tab on all product pages with CSS may be a better solution.

Hide the Product Additional Information Tab with CSS

CSS is another excellent way that we can use to hide the additional information tab.

The advantage of using this method lies in the fact that we can use it to hide the tab on all product pages or just specific ones.

To hide the additional info tab from all product pages, navigate to the Additional CSS of the Customize screen and paste this code:

#tab-title-additional_information {
display: none;
}

If you only want to hide it on specific products, you’ll need to add the product’s body class to the left of the code, like so:

.postid-1 #tab-title-additional_information {
display: none;
}

Make sure to replace number 1 with the actual number of your desired product. Then, learn how to get it by reading our how-to-find page ID in WordPress article.

The Additional Information tab will still be executed and called when using the CSS method but won’t be displayed.

If you prefer to leave it out and save on rendering resources, use a PHP function instead.

Hide the Product Additional Information Tab with PHP Function

WooCommerce will use functions to add and render sections into the HTML structure of the product pages.

We can use a filter hook to prevent WooCommerce from calling out the additional information tab on the page.

Paste the PHP function below inside the functions.php file of your child theme.

Please back up your website before editing core files.

You can access the functions.php file by using FTP or navigating to Appearance -> Theme File Editor and clicking on the file from the right sidebar.

Once loaded, scroll to the bottom of the file and paste this function:

/* Remove the Additional Information Tab from WooCommerce */
add_filter( 'woocommerce_product_tabs', 'p4wp_remove_additional_info_tab', 9999 );
function p4wp_remove_additional_info_tab( $tabs ) {
	unset( $tabs['additional_information'] );
	return $tabs;
}

Make sure to save the changes and revisit one of your product pages to ensure you removed the additional information tab.

How to Hide the Additional Information Section on the Checkout Page

Unlike the additional information tab on the product pages, the purpose of this section on the checkout page is for your customer to provide instructions during checkout.

For example, the customer can use the checkout additional information field to add an order note on how to deliver the package, what to write on the box, etc.

While it can be helpful when selling physical products, it’s unnecessary with digital goods and it will be better to remove it.

To clean up the checkout page, and hide the additional information section, use the CSS below:

.woocommerce-checkout .woocommerce-additional-fields {
display: none;
}

As mentioned above, CSS will only hide it from displaying on the page. However, if you would like to remove it altogether, paste this PHP function inside the functions.php file of your theme:

add_filter( 'woocommerce_enable_order_notes_field', '__return_false' );

Once saved, refresh the WooCommerce checkout page to ensure you successfully removed the additional information filed.

Conclusion

The additional information tab of the WooCommerce store provides extra details about the product or services, but it’s not always needed.

This article showed you how to hide the additional information tab from your WooCommerce products and checkout pages differently.

Leave us a comment and tell us which method you chose to achieve this task.

The post How to Hide the Additional Information Tab on WooCommerce Products and Checkout Pages appeared first on PluginsForWP.

The customers have already made up their minds to purchase your item, but being out of stock prevents them from completing the checkout.

Although you lost the sale, you can still recover the deal and bring back your customers when adding the back to stock notification feature.

This article will show you how to add a back in stock notification to your WooCommerce store to retrieve customers and increase revenue.

Why Enable Back in Stock Notifications

There is a lot of thinking into the human psychology of convincing customers to purchase your products.

When building a WooCommerce store, you’ll need to consider the sale pitch, product description, images, design, and more.

Assuming you bypassed all the challenges and managed to convince your customers to purchase, it will be a waste to lose the sale just because the product is out of stock.

In a case like that, potential buyers who have already decided to buy the item will need to let it go or even visit your competitors to buy it from them.

A back-in-stock notification will help your business to recover some of the customers and bring them back to your website.

Although you won’t be able to recover them all, any returning customer that converted thanks to the back to stock notification is justifying your business to enable this feature.

What the Back in Stock Plugin Does

The back in stock plugin will add a signup form to the product’s page instead of the add to cart button.

Customers will then be able to submit their email addresses and get a notification once the item got restocked.

You can customize the notification message to include a direct link to the product page or even redirect to checkout. That will save valuable time for your customers and shorten the process of completing the order.

A back in stock plugin keeps the guessing game out of the equation. Customers interested in your products will no longer need to return to your store to find out that their desired product is still out of stock. That will save them time and frustration.

In addition, back in stock notifier will remind them that they were once interested in the product and will spark their interest if they forgot.

Moreover, another great advantage of this plugin is the ability to increase your WooCommerce mailing list and capture more leads.

Once you collect your customers’ emails, you can keep promoting additional products that can be relevant to them. A strategy like that will increase your returning customers’ rate, eventually leading to a sustainable income.

Now that we know how important it is to add a back in stock notifications let’s move on to the next section and learn how to do it.

Back in Stock Notification Plugin for WooCommerce

A plugin is the easiest way to add the notification feature to inform customers that a product is back in stock.

In this tutorial, we will use the back in stock notification plugin for WooCommerce.

You can get it for the total price of $49 from the official website or the same plugin from us for only $4.99 (included in the unlimited downloads package).

Once downloaded, navigate to Plugins -> Add New -> Upload Plugin, and select the back in stock notifications plugin.

After activating the plugin, navigate to its settings screen under WooCommerce -> General -> Stock notifications.

There are some options that we should talk about and get familiar with.

Stock notification plugin’s settings

The back in stock plugin is default predefined and ready to work after activation. However, you can modify some settings to fit your online store needs.

Out of the box, the notifier plugin will add a text field to any product’s page that is out of stock. The client will then need to submit the email address to which he would like to be notified.

One of the settings you can change is the option to require double opt-in to sign up. That will force the customers to follow a verification link sent to their email after submitting the form.

The require an account to sign up option will only allow registered users to join the waitlist. My recommendation is to leave this option unchecked and allow all visitors the chance to receive notifications.

The minimum stock quantity option will enable you to set the quantity required to trigger the notifications when restocking.

Under the signup form text, enter the content that you would like to display above the signup form, or keep it as is.

You can also modify the text to appear for members who have already signed up for the waitlist.

The last option on the settings page will add the notification signup form to the sold-out products on the archive page.

It’s unchecked by default because it’s better to encourage visitors to enter the product page and get relevant information about the item.

Letting them engage with the first part of the purchase funnel will improve your conversion rate. Therefore, I recommend you leave it that way.

Once you have finished modifying the plugin’s settings, save the changes and move on to test the form and ensure its functionality.

Test the notifications

Visit one of the sold-out products and ensure you can sign up to receive back in stock notifications.

After signing up, the subscribers will receive a confirmation message notifying them that they were successfully added to the waitlist.

Once restocked, the subscribers will receive another message notifying them that the product is back in stock and ready to be purchased.

Then, they can click the buy now button in the message to visit the product page and add it to the cart to complete the checkout.

That will complete the sale recovery funnel from a visitor who joined the waitlist to purchasing the desired item and becoming a customer.

Stock Notifications Dashboard

The back in stock plugin provides a detailed dashboard that can provide valuable data.

To access the dashboard, navigate to WooCommerce -> Stock Notifications.

Some of the data the plugin collects include the subscribers’ email addresses and which product they are waiting for to be restocked.

You can then prioritize the most wanted item as the first one to restock. A product with an extensive waiting list should indicate its popularity and be positioned at the top of the list.

The notifications tab will list all the users who signed up to get the back-in-order notification.

The status column indicates their position on the recovery process. An active status reflects that they are waiting to get the notification, while an inactive status means they have already received it.

As I mentioned earlier, the plugin will help you to add subscribers to your mailing list. You can export the users’ list into a CSV file and upload it to your email marketing tool (such as Aweber).

Please remember to periodically visit the stock notification dashboard to stay up to date with relevant data regarding your products.

Conclusion

This article showed you how to add a back in stock notification plugin to your WooCommerce store.

A plugin like this will help you recover lost sales and stay in touch with potential customers looking to buy your products.

As a result, you’ll expand your business customer base and increase your revenue. Moreover, you can also add them to your email marketing campaigns and send them future offers to maximize conversion rates.

The post How to Easily Add Back in Stock Notification to Woocommerce Store appeared first on PluginsForWP.

A simple change like that will improve the checkout user experience process of your site and will help you immensely.

In this article, you’ll learn how to change the currency in WooCommerce websites.

Why Changing the Currency

In a free market, when anyone can open an online shop, the ones who’ll emphasize improving the user experience of their checkout process will benefit the most.

With the increasing number of WordPress users, it’s known to all that there are multiple WooCommerce stores in every country.

Most stores will only display their prices in USD currency (the WooCommerce default) and, as a result, will miss the target and lose potential customers.

Changing the currency can help your store in a few ways:

• It will save your customers valuable time to convert the currency themselves. Think about your customers in the United Kingdom. For example, when they’re matching your store’s prices with the prices in their country, they’ll need to calculate the exchange rate to check its worthwhileness. Leaving it to them can make room for mistakes that may prevent them from purchasing through your website.
• Changes in the US dollar’s value may paint an inaccurate picture of the product’s value. The foreign bank of your customers will convert the USD amount of the sale to match its currency. If a customer naively thinks that the dollar value is less than what he was charged, there is a higher chance for him to return the product and ask for his money.
• Displaying the currency of your customers’ location will give the impression that your store is based in their country. For many people, that alone will make them more comfortable purchasing from your store, thinking that the items will arrive faster and they can enjoy support in their language.

Now that we understand the importance of displaying the correct currency, let’s find out how to do it.

Method #1: Change Currency from the WooCommerce Dashboard

This is the most straightforward way to change the WooCommerce currency because it doesn’t require installing any plugin or using custom functions.

However, WooCommerce can only display one currency; therefore, this method is only useable when selling in a specific country.

Once saved, visit one of your product’s pages and verify that the prices are now displayed in the chosen currency.

As mentioned above, this simple method is beneficial when you only want to display a single currency.

On the other hand, if you want to display multiple currencies and let your customers switch between them, you’ll need to use a plugin.

Method #2: Use a WooCommerce Currency Plugin

With a currency switcher plugin, you can let your customers change the displayed values to their preferred ones.

Therefore, that’s a better way to go when selling products worldwide because it will adjust automatically based on the customers’ location.

Multiple WooCommerce plugins will help you change currency, and in this tutorial, we will explore two of them.

WooCommerce Currency Converter Plugin

The WooCommerce Currency Converter is a simple plugin that will add an extra widget to your website.

The widget will automatically convert and dynamically display the correct exchange rate based on the product’s price.

Please note: that the conversions are updated daily based on the current exchange rate but may not be entirely accurate. Therefore, they should be used for informational purposes only.

You can get the WooCommerce Currency Converter from the official website or us for only $4.99.

After installing and activating the plugin on your website, navigate to Appearance -> Widgets and drag the new WooCommerce currency converter widget into your desired position.

You can expand the widget dashboard to customize its settings. For example, you can add currencies based on their code or even add a reset button.

Once saved, visit your product pages and test the converter plugin by clicking on a currency and ensuring it displays the correct amount.

Because nowadays, most WordPress users use page builder plugins, like Elementor, you can also execute the plugin with a shortcode.

Navigate into one of your product pages and add the [woocommerce_currency_converter] shortcode inside the code editor.

Similar to the widget, you can also populate the shortcode with additional currency codes you would like to display. To do that, enter the currency codes, separated by a comma, inside the currency codes parameter, like so:

[woocommerce_currency_converter currency_codes="AUD, USD, GBP, EUR"]

If you are working with template files instead, you can display the shortcode with a PHP function like so:

<?php echo do_shortcode( '[woocommerce_currency_converter] ' ); ?>

Although the plugin will display different currencies, the checkout will still use your default store’s currency.

We will need to use a different plugin if you want to enable your customers to purchase in their currency of choice.

Multi Currency for WooCommerce

The Curcy Multi Currency for WooCommerce plugin is the ultimate solution to transform your eCommerce shop into a worldwide success by reaching more customers.

The plugin will not only convert the currency but also enable checkout with the selected exchange rate. Moreover, you can change the default display currency based on your customer’s location.

For example, a visitor from India will see the product prices in rupee while Americans will see it in dollars.

First, from your WordPress dashboard, navigate to Plugins -> Add New and install the Curcy plugin.

Once activated, navigate Multi Currency -> General and toggle the enable option.

At the bottom of the page, under the currency options section, you’ll see the default currency pulled from your WooCommerce settings page.

Click on the add currency button and select the desired currency.

Once added, you can set the exchange rate manually or click on the update rate button on the right side. The plugin will automatically pull the current exchange rate and populate the field’s value.

Finally, change the currency price switcher option to flag, code, or price, and save the changes.

Then, visit your product’s pages and test the switcher by clicking on the flag icon under the displayed price. After selecting a different currency, it will show you the value of the products with their new price.

This plugin’s handy feature is the option to dynamically display the correct currency based on the user’s location.

To enable that, navigate to the location tab, choose the auto-detect currency option, and toggle the currency by country to on.

Then, match the currency to the countries using it, and save the changes.

As a result, all customers from the selected countries will automatically be presented with their local currencies.

The free version of the Curcy plugin is limited to only two currencies. To add more, consider getting the pro version. You can get it from its official page or us for only $4.99.

Using a plugin to change the currency in WooCommerce may be more than what you need. If you only want to add or change currency symbols, you can do it with code snippets.

Add Custom Currencies and Symbols in WooCommerce

Code snippets and functions are a great way to complete small tasks without using dedicated plugins.

WooCommerce, a popular eCommerce plugin, comes with many functions we can use to perform different tasks. The codes below are carefully coded by their team of developers and handed to you to use by creating a custom site snippet or pasting them inside the functions.php file of your active child theme file.

Note: please backup your website before editing core files.

The function below will add a custom currency:

/**
 * Custom currency and currency symbol
 */
add_filter( 'woocommerce_currencies', 'add_my_currency' );

function add_my_currency( $currencies ) {
     $currencies['ABC'] = __( 'Currency name', 'woocommerce' );
     return $currencies;
}

add_filter('woocommerce_currency_symbol', 'add_my_currency_symbol', 10, 2);

function add_my_currency_symbol( $currency_symbol, $currency ) {
     switch( $currency ) {
          case 'ABC': $currency_symbol = '$'; break;
     }
     return $currency_symbol;
}

Feel free to visit the official documentation page for more information.

The function below will change a currency symbol:

/**
 * Change a currency symbol
 */
add_filter('woocommerce_currency_symbol', 'change_existing_currency_symbol', 10, 2);

function change_existing_currency_symbol( $currency_symbol, $currency ) {
     switch( $currency ) {
          case 'AUD': $currency_symbol = 'AUD$'; break;
     }
     return $currency_symbol;
}

Feel free to visit the official documentation page for more information.

Conclusion

This tutorial teaches you how to change the WooCommerce default currency in multiple ways.

Displaying the correct currency to your customers will enhance their user experience and improve your brand reputation.

Leave us a comment and tell us which of the methods above you used to achieve this task.

The post How to Easily Change Currency in WooCommerce appeared first on PluginsForWP.

While most products can be sold as-is, others will require special requirements before being fulfilled.

In this article, you’ll learn how to add notes to any order in WooCommerce.

Why Adding Notes to Orders

When selling products online, all the details will be displayed inside the product’s page and don’t require any further instructions.

In other cases, however, some businesses will require to add special instructions to order or product.

Here is some example of orders that will need to have additional notes:

• Digital product – you can add the serial number as a note.
• Goods delivery – when sending flowers, a customer may want to add a note to the order with a dedicated text to his loved one.
• Medic/vet – add a note to provide instructions on treating a wound or using medication.
• Prescription – add a glasses prescription to an order invoice.

Those were just a shortlist of many scenarios when we could attach notes to our order invoice.

In the next section, I will show you how to add notes to any PDF invoice of the order.

Add Note to Order in WooCommerce

Follow the steps below to add notes to any order in WooCommerce.

1. From inside your WordPress dashboard, navigate to Plugins -> Add New.
2. Install and activate the WooCommerce PDF Invoices & Packing Slips plugin.
3. Once activated, navigate to any order under WooCommerce -> Orders.
4. Then, you’ll see a new box added to the admin panel called PDF document data. Click on the pencil icon to add a note.
5. Once you have entered the note, save the changes and click on the update button.

Congratulation, you just added a helpful note for your customers in the order’s invoice.

The last step is to generate the PDF invoice with the special note and send it by email or the package.

Scroll down the order page and click on the PDF Invoice inside the Create PDF box to generate the invoice.

Inside the PDF invoice or the packaging slip, you’ll see the customer and the admin notes of the current order.

The new invoice will be opened in a new window with the option to print the document or download it to your computer.

You can also create a downloadable PDF link for the convenience of your customers.

Add the Invoice to Order

Once you have generated the invoice and verified that all notes are in, we should enable your customers to download their invoices from the dashboard.

After generating the first order’s invoice, the customer’s account page will display an invoice button that they can click on to view the document.

Clicking on the invoice button will show the customer the same document that we generated in the last step, including the notes.

To prettify the document, visit the WooCommerce -> PDF invoices tab and add details about your business like description and logo.

Order Updates with Notes

The YITH WooCommerce PDF Invoices & Packing Slips is a very well-coded plugin that will enable you to add notes as order updates.

The most valuable features of the plugin is the option to display the note inside the WooCommerce view order page.

In addition to the text you entered, additional information such as the date and time will help track the order’s status.

You can get the plugin from the official YITH website for the total price or from us for only $4.99.

Once you activate the plugin, navigate to any of your store’s orders and change the note from private to customer.

Then, enter your desired instructions in the text field and save the changes.

After saving the order, your customer will be able to view the notes from inside his account page by going to the orders tab and into his order number.

There, at the top of the page, they will see the latest information just below the order updates heading.

That way, you and your customers can document and view the progress of every order.

Conclusion

Order notes in WooCommerce are an effective way to communicate between the store and its customers.

This article teaches you to add order notes to WooCommerce with two different plugins.

Leave us a comment and tell us which methods you chose to achieve this task.

The post How to Add Customer Note to Any Order in WooCommerce appeared first on PluginsForWP.

When products are in the cart, the button will disappear, and you won’t see it.

In this article, you’ll learn how to add a continue shopping button to the WooCommerce cart page.

Why Add the Continue Shopping Button

A continue shopping button will help you to increase your store revenue.

It’s a good practice to add a call to action button to the cart and encourage your customers to add more products.

In most cases, the cart and checkout pages will act like landing pages without a header or footer.

If a customer would like to navigate back to the store, he’ll initially need to enter the home URL in the address bar and navigate to the store from there.

This extra step will slow down the checkout process and eventually affect your business’ revenue.

We need to add it because the WooCommerce cart page does not have a ‘continue shopping’ button.

The following section will show you how to add the continue shopping / return to shop button using a PHP function.

Adding the Continue Shopping Button

Adding the return to shop button is easy to accomplish by entering a PHP function into our child theme.

If you don’t already have one, read our article on how to create a child theme.

Step #1: Open the functions.php file

The functions.php file can be found inside your theme’s folder.

First, navigate to Appearance -> Theme Editor and click on the functions.php file from the list on the right.

Once opened, scroll to the bottom of the file.

Step #2: Paste the function

Now, copy the function below and paste it at the bottom of the PHP file.

// Add continue shopping button to WooCommerce cart
add_action('woocommerce_cart_actions', function() {
  ?>
  <a class="button wc-backward" href="<?php echo esc_url( apply_filters( 'woocommerce_return_to_shop_redirect', wc_get_page_permalink( 'shop' ) ) ); ?>"> <?php _e( 'Return to shop', 'woocommerce' ) ?> </a>
  <?php
});

Once pasted, save the changes and move on to the next step.

Step #3: Test the button

After you have saved the changes, let’s run a test and verify that we’ve successfully added the button.

First, add any product to the cart and then click on view cart.

If the code is working correctly, you should see the return to shop button on the left just below the products list.

Click on the button and verify that you’ve been redirected to the shop page.

Conclusion

In this article, you learned to add a continue shopping button to the WooCommerce cart page.

Leave us a comment and let us know if you have any questions about the process.

The post How to Add ‘Continue Shopping’ Button to WooCommerce Cart Page appeared first on PluginsForWP.