Spare parts are ideal products to sell online with WooCommerce. Whether you’re selling automotive parts for cars and other vehicles, domestic appliance spares for washing machines, used spare parts, or electronics parts, customers are happy to buy online without inspecting the product in person.
In this tutorial, you’ll learn how to create a WooCommerce auto parts website. You can use it to sell any type of spare parts with WooCommerce. It’s completely non-technical and you won’t need to write any code.
Do you want to add a sliding side cart in WooCommerce?
This allows shoppers to see their shopping cart from any page on your online store. Customers can then add items to their basket, remove products, and add coupons without ever having to visit a separate cart page.
In this article, we will show you how you can easily add a sliding cart in WooCommerce.
Why Add a Sliding Side Cart in WooCommerce?
A sliding side cart is a panel that appears when a customer adds an item to their basket.
Customers can also open the cart at any time by clicking on the cart icon. This allows them to check their shopping basket without having to visit a separate WooCommerce cart page.
Depending on how the cart is set up, shoppers may also be able to add and remove items as well as apply coupons directly from the sliding panel. You can even add call to action buttons such as a link to your WooCommerce checkout page.
Sliding carts can improve the customer experience by removing friction from the shopping process, and help shoppers keep track of how much they’ll pay at checkout. This can reduce cart abandonment rates, while also possibly increasing the average order value.
With that being said, let’s see how you can add a sliding side cart in WooCommerce. Simply use the quick links below to jump straight to the method you want to use.
Method 1. How to Add a Sliding Side Cart in WooCommerce Using a Free Plugin
The quickest and easiest way to create a sliding side cart is by using Cart For WooCommerce By FunnelKit. This free plugin allows you to add a cart icon to your online store.
Shoppers can click the button to open the sliding side cart.
You can change the cart’s colors, borders, buttons, messaging, and more.
There are a ton of options to make it perfectly fit your WordPress theme.
You can show the cart button across your entire site, limit it to WooCommerce pages only, or add the button to specific pages and posts using a shortcode.
Upon activation, go to FunnelKit » Cart. You’ll see a preview of the sliding slide cart towards the right of the screen.
You can now customize the cart to better suit your needs.
To start, you can decide whether to show the cart icon across your entire website or on WooCommerce pages only.
If you select ‘Entire Site’, then shoppers can open the sliding cart from any page, so this is a good choice for online marketplaces and stores.
However, some WooCommerce sites have lots of non-ecommerce content. For example, you might run a popular WordPress blog, but use WooCommerce to sell merchandise to your fans.
Showing a cart button on every single blog post may become annoying. In that case, you can check the ‘WooCommerce Pages’ radio button.
Another option is ‘None,’ which hides the cart icon completely.
If you select the ‘None’ option, then you can add the icon to any page, post, or widget-ready area using a shortcode. You can also add the icon to your navigation menu.
We’ll show you how to do this later in the post, but for now, select ‘None’ if you plan to add the cart icon manually.
After making this decision, select ‘Bottom Left’ or ‘Bottom Right’ depending on where you want to show the cart button. Here, it may help to check how the button will look on your online store by selecting ‘Preview on Page.’
By default, the plugin shows ‘Review Your Cart’ at the top of the sliding side cart.
You can replace this with your own messaging by typing into the ‘Cart Heading’ field.
If you don’t want to show a heading, then simply leave the field empty.
By default, FunnelKit shows the cart icon before the shopper adds any items to their basket.
If you prefer, then you can hide the icon until the visitor starts adding items. Simply click on the ‘Hide Cart Icon’ toggle so that it turns blue.
This is all you need to create a basic sliding side cart, but there are settings that can get you even more sales. With that in mind, let’s take a look at FunnelKit’s more advanced features.
Accept Coupons in the WooCommerce Sliding Side Cart
When the customer clicks on ‘Apply,’ the sliding cart will show how much they’ve saved.
Since customers can see the discount straight away, this will encourage them to add more items to their basket and may reduce your cart abandonment rates.
You can create these codes using the built-in WooCommerce coupon feature or by using a coupon code plugin.
To add the coupon field, click on the ‘Enable Coupon Box’ toggle, which turns it from grey (disabled) to blue (enabled).
After that, you can switch between ‘Minimized’ and ‘Expanded’ layouts. Minimized takes up less space so it’s less distracting, but shoppers will need to expand the coupon section before they can type in any codes.
In the following image, you can see the minimized layout.
After choosing a layout, you can change the text that FunnelKit uses for the coupon box heading, discount placeholder text, and button text.
Customize the Cart Summary
The cart summary shows customers how much their purchase will cost. This helps reduce cart abandonment rates since there are no nasty surprises at checkout.
For that reason, we recommend leaving the ‘Show Subtotal’ toggle enabled.
However, if you want to simplify the side cart, then you can click to disable the ‘Show Subtotal’ toggle.
You can also show any savings the customer has qualified for, including discounts from any coupons they’ve applied.
If you prefer to hide this information from the sliding side cart, then you can disable the ‘Display Savings’ toggle.
You can also replace the ‘Saving Text’ and ‘Shipping Text’ with your own custom messaging.
Customize the WooCommerce Cart’s Call To Action
The sliding side cart has a default checkout button, but you can customize this call to action button to get more conversions. To start, you can add a checkout icon using the ‘Enable Button Icon’ toggle.
You can also add the cart price to the checkout button using the ‘Enable Cart Price’ toggle.
This may help shoppers keep track of how much the cart will cost, especially if you’ve removed the subtotal from the cart summary section.
By default, FunnelKit adds a ‘Continue Shopping’ link at the bottom of the sliding side cart. You can replace this text with your own messaging by typing into the ‘Continue Shopping Text’ field.
After that, choose whether this link will simply close the side cart panel or redirect the shopper to your WooCommerce store page.
Most shoppers will expect to exit the sliding cart, so we recommend selecting the ‘Close Side Cart’ button.
If you select ‘Redirect to Shop,’ then you may want to change the ‘Continue Shopping Text’ text so it’s clear what will happen when customers click the link.
Create a Custom Empty Cart Screen
It is possible to hide the cart button until the shopper adds at least one item to their basket, following the process described above.
However, if you don’t hide the button then customers may sometimes see an empty cart screen.
You can change the title, description, and button text using the settings in the ‘Empty Cart’ section. Typically, you’ll want to encourage customers to start shopping. For example, you might talk about things you offer such as free shipping or a money-back guarantee.
You can also choose whether clicking on the ‘Shop Now’ button will take the customer to the WooCommerce store page, or simply close the side panel.
We recommend selecting ‘Redirect To Shop’ as this will make it easier for shoppers to start adding items to their carts.
Add The Cart Icon Anywhere on your Site
If you want more control over where the cart icon appears, then you can add it to any page, post, or widget-ready area using a shortcode. You can also add it to your site’s menu.
This is a great choice if you selected ‘None’ in the ‘Icon Visibility’ settings following the process described above.
However, if you selected ‘WooCommerce Pages’ then this method allows you to add the cart icon to other important areas of your site. For example, you might add the icon to your custom home page or contact form.
To start, select ‘Cart Menu’ and then click on the ‘Enable Cart Menu’ toggle.
You can now change how the icon looks by selecting one of the icon templates, and choosing whether to show the product count and cart total as part of the icon. This information can help visitors keep track of their carts.
You can also change the icon size and text size. As you make changes, the small preview will update automatically so you can try different settings to see what looks the best.
When you’re happy with how the sliding side cart icon looks, click on the ‘Save’ button.
You can now add the icon to any page, post, or widget-ready area using the code next to ‘Embed Shortcode.’
Another option is to add the icon to your site’s navigation menu. In this way, the sliding side cart is always within easy reach, without distracting from the main page content.
To do this, open the ‘Add to Menu’ dropdown and choose the menu you want to use.
After that, click on the ‘Save’ button.
Now if you visit your WordPress website, you’ll see the cart icon in the navigation menu.
Add Your Own Colors and Branding
You may want to change the sliding side cart’s colors to better match your WooCommerce theme or branding. To change the text color, button color, link color, and more, go ahead and click on ‘Styling.’
To change any of the default colors, simply give it a click. This opens a popup where you can try out different colors.
For example, in the following image, we’re customizing the border.
Another option is to type a hex code into the ‘Hex’ field. This is perfect if you already have a specific shade in mind.
If you don’t know what hex code to use, then it may help to use a site like HTML Color Codes. Here, you can explore different colors and then get a code that you can simply paste into the FunnelKit plugin.
How to Create a Responsive Sliding Side Cart
Many people buy products and services using a mobile device. With that in mind, you’ll want to make sure the sliding side cart looks just as good on smartphones and tablets, as it does on desktop computers.
Here, it may help to change the cart’s width so it doesn’t completely fill the small screen of a mobile device. To do this, click on ‘Styling’ and then look at the ‘Cart Preview Mobile Width.’
While you’re on this screen, you can also change the width of the sliding side cart on desktop. To do this, simply change the number in the ‘Cart Preview Desktop Width’ field.
How To Publish Your Sliding Side Cart
When you’re happy with how the sliding side cart is set up, it’s time to make it live. Simply click on the ‘Draft’ button next to ‘Cart’ and then choose ‘Publish.’
Now if you visit your online store, you’ll see the sliding cart live.
If you want to remove the sliding side cart at any point, then just head back to FunnelKit » Cart in the WordPress dashboard. Then, click on the ‘Publish’ button and select ‘Draft.’
Method 2. Add an Advanced Sliding Side Cart (With Upsells, Cross-Sells, and Rewards)
If you want to increase the average order value on your store, then you can upgrade to FunnelKit Cart Pro. This advanced sliding side cart plugin adds powerful upsell, cross-selling, and reward features to the FunnelKit sliding side cart.
With this plugin, you can recommend related products every time a customer adds an item to their cart.
You can also create unique rewards such as coupon codes and free gifts, and then promote them inside the sliding cart.
FunnelKit can even track how much more the customer needs to spend, in order to unlock the next reward.
To add these powerful features, you’ll need to upgrade to FunnelKit Funnel Builder Pro. Just be aware that you’ll need the Plus or higher plan.
After buying a plan, log into your FunnelKit account. Here, you’ll find the FunnelKit Funnel Builder Pro plugin, plus FunnelKit Funnel Builder and FunnelKit Cart. You’ll need to install all three plugins to unlock the advanced sliding cart features.
First, you’ll need to install and activate the three plugins. If you need help, then please see our guide on how to install a WordPress plugin.
Upon activation, go to FunnelKit » Settings and add your license key to the ‘FunnelKit Funnel Builder Pro’ field.
You can find this information by logging into your account on the FunnelKit website. With that done, click on ‘Activate.’
After that, simply go to FunnelKit » Cart.
You can now configure and customize the side cart by following the same process described in method 1. When you’re happy with how the sliding side cart is set up, you’re ready to add upsells, cross-sells, and rewards.
Get More Sales By Upselling and Cross-Selling WooCommerce Products
When a customer opens the sliding side cart, you can show them unique upsell and cross-sell promotions based on the items in their shopping basket.
Upselling is where you encourage shoppers to buy a higher-priced product instead of the one they already have in their shopping cart.
For example, imagine a customer adding a waterproof jacket to their cart. You might suggest a higher-quality jacket that’s more durable, versatile, and comes in different colors.
Cross-selling is where you promote a product that’s related to something the customer is already buying. For example, if they add a greeting card to their cart, then you might encourage them to buy chocolates or flowers too.
WooCommerce has a linked product feature that allows you to create upsells and cross-sells. For more information, please see our guide on how to upsell products in WooCommerce.
However, you can also create upsells and cross-sells directly from the FunnelKit dashboard. This is the quickest option, so it’s the one we’ll be using in this guide.
To start, click on the ‘Upsells’ option and then select ‘Enable Cart Upsells.’
After that, scroll to the ‘Upsells and Cross-Sells’ section.
Here, you’ll see all the products on your online store.
Simply click on the item where you want to add one or more linked products.
Then, click on either ‘Add Upsell’ or ‘Add Cross Sell’ depending on the kind of promotion you want to create.
In the popup, start typing the product that you want to use as the upsell or cross-sell. When the right product appears, give it a click.
To offer multiple products, simply follow the same process described above.
With that done, simply click on the ‘Add’ button.
You can now create unique cross-sell and upsell campaigns for every product in your store, simply by following the same process described above.
Now, you’re ready to customize how the upsell and cross-sell promotions will look on your sliding side cart.
To start, try switching between different styles by clicking the radio buttons next to ‘Display.’
The live preview will update automatically so you can try different styles to see which one you like the best.
By default, FunnelKit will show both upsells and cross-sells in the sliding side cart. If you prefer then you can show only upsells, or only cross-sells using the radio buttons in ‘Product Recommendation Type.’
Next, you can change the heading that FunnelKit shows above the upsell or cross-sell promotion by typing it into the ‘Heading’ field.
Just be aware that FunnelKit will use the same heading for both types of promotion.
After that, you can set the maximum number of suggested products that FunnelKit will show, by typing into the ‘Show Maximum Upsells’ field.
Wherever possible, it’s a good idea to create unique upsell and cross-sell promotions for every product. However, if your online store has lots of items then this might not be possible.
With that in mind, you can set a default upsell product that FunnelKit will promote when no linked products are available. To do this, simply type the name of a product into the ‘Default Upsells’ field. When the right product appears, give it a click.
When you’re happy with the upsell and cross-sell promotions you’ve created, don’t forget to click on ‘Save’ to store your changes.
Offer Free Shipping, Discounts, and Free Gifts
You can often increase the average order value by giving customers a reason to spend more. With that in mind, FunnelKit allows you to create various rewards and then promote them as unlockable bonuses in the sliding side cart.
For example, you might offer free shipping if the customer exceeds a minimum spend. FunnelKit will even show customers how much more they need to spend to unlock their prize.
FunnelKit allows you to offer three different rewards: free shipping, a discount, and a free gift.
To offer free shipping, you’ll need to have already set up shipping in your WooCommerce store. For step-by-step instructions, please see our complete WooCommerce made simple guide.
Meanwhile, the ‘discount’ reward auto-applies a coupon when the customer reaches the minimum spend. If you want to offer this reward, then you’ll need to create a percentage discount coupon using either the built-in WooCommerce coupon feature or a WordPress coupon plugin.
After that, you’re ready to create a reward by selecting ‘Rewards’ in the FunnelKit settings and then clicking on ‘Create Reward.’
You can now open the ‘Type’ dropdown and choose the kind of reward you want to create.
No matter whether you choose free gift, free shipping, or discount, you can change the text that FunnelKit shows to customers by typing into the ‘Message’ field.
If you do make any changes, then be careful not to edit {{remaining_amount}} as this allows FunnelKit to show how much more the customer needs to spend.
If you’re offering a discount, then make sure you change the message to show how much the customer will save.
With that done, type a number into the ‘Amount to Get Reward’ field. This is how much shoppers must spend, in order to unlock the reward.
If you’re offering a percentage discount, then you need to specify which coupon FunnelKit should auto-apply.
In the ‘Coupon’ field, start typing the coupon that you want to use. When the right code shows up, give it a click.
Now, FunnelKit will auto-apply the coupon when someone meets the minimum spend.
Offering a free gift instead? Then start typing the name of the gift into the ‘Product’ field.
When the right product shows up, give it a click.
Now, FunnelKit will add this item to the customer’s shopping cart as soon as they meet the minimum spend.
To add more rewards, simply click on ‘Create Another Reward.’
You can now configure the discount, free gift, or free shipping reward by following the same process described above.
By default, FunnelKit will show the following message once a customer qualifies for all the awards: ‘Congrats! You have unlocked all the rewards.’
To show a different message instead, simply type into the ‘When All Rewards Unlocked’ field. You might even offer the customer a special bonus for unlocking all your rewards, such as an exclusive coupon code to use on their next purchase.
When you’re happy with how your rewards are set up, click on the ‘Save’ button.
How To Publish Your Sliding Side Cart
When you’re ready to make the sliding side cart live, simply select the ‘Draft’ button next to ‘Cart.’ You can then click on ‘Publish.’
If you want to remove the sliding side cart at any point, then simply head back to FunnelKit » Cart in the WordPress dashboard. Then, click on the ‘Publish’ button and select ‘Draft.’
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
WooCommerce product addons open up all sorts of selling options for selling customized products. By default, WooCommerce has limited product fields, so you’ll want to install a WooCommerce product addons plugin to help you get the job done. To help you out, we’ve curated a list of the best product addons plugins for WooCommerce.
Depending on what you’re selling at your WooCommerce store, the typical shop page might not be the best way to present your products. Instead, a WooCommerce order form can sometimes be a more efficient way to showcase your wares, especially when you need a more compact layout to display more products in the same space.
Do you want to learn how WordPress search works, and how you can make it better?
By understanding and improving the built-in WordPress search, you can help visitors find what they’re looking for. This can get you more conversions while keeping people on your site for longer.
In this article, we’ll look at how the default WordPress search works, and share tips on how to make it better.
How Does WordPress Search Work?
WordPress comes with a search system that will look for content within your website.
How the search bar looks and where it appears will vary depending on your WordPress theme, but most themes show the search bar in the top right corner.
Note: If your theme doesn’t show the WordPress search bar by default, then skip ahead to our FAQs, where we’ll show you how to add it.
Visitors can type a search query into this field, and WordPress will search:
As you can see, it doesn’t search widgets, user comments, categories, tags, WooCommerce products, or PDF documents. It also doesn’t search image gallery titles, captions, or alt text, although you can search this content using a search engine plugin like SearchWP.
WordPress performs this search using the WP_Query class. It will start by displaying any posts that have the search term in the post title, arranged in reverse-chronological order, meaning that the newest entries will be displayed at the top of the results.
After that, it’ll show any posts that have the matching term in the post content.
For example, imagine you’ve just published a post about cats titled ‘My Favorite Pet’, and you also have an older post titled ‘Best Cat Photos.’ In this case, searching for ‘Cat’ will display the older ‘Best Cat Photos’ post first, since it has the search term in the title.
This may not a problem for WordPress blogs or websites that only have small amounts of content. However, this ordering logic will often show inaccurate or confusing results for bigger blogs, online stores, or business websites.
The built-in system is also missing some of the features that people expect from modern search engines. This includes autocomplete, live Ajax search, filtering, and spellcheck.
Why Improve the Default WordPress Search?
An advanced, fast, and accurate on-site search can help visitors find interesting and relevant content, which will keep them on your website for longer. This can increase pageviews and reduce bounce rate in WordPress.
Since visitors are spending more time on your site, this will send positive signals to the search engines. This can improve your WordPress SEO, which means search engines like Google will show your content to more people and drive more visitors to your website.
People who are using your site’s internal search are already highly engaged. They’re actively looking for specific content, which may mean they’re ready to take actions such as buying a product, signing up to your WordPress membership site, or booking an appointment.
If these people can’t find what they’re looking for, they may give up and go to a different website. This means you’re losing out on visitors who were ready to convert.
A search results page is also an example of personalized content since you’re showing the visitor results that match their unique search query. By providing personalized content that’s accurate and helpful, you can improve the visitor experience. Once again, this can encourage them to convert.
Performance is another reason why it’s a good idea to replace the default WordPress search with a better alternative.
The larger your WordPress website gets, the longer it’ll take WP_Query to scan your database and get the results. This means your site’s search will get slower, as your website gets bigger.
How to Make the WordPress Native Search Better
On-site search helps visitors find what they’re looking for, including products to buy and interesting blogs to read. Since it’s such an important part of your site, it’s a bad idea to rely on the limited built-in WordPress search.
With that being said, let’s see how you can improve the native WordPress search.
Show Instant Results With Live Ajax Search
Live Ajax search adds a dropdown and autocomplete feature that’s common in search engines like Google.
As the user types, live search guesses what they want to search for and then shows them results without even reloading the page.
This can help visitors find the right content, without having to manually press the ‘Search’ button or wait for the page to reload.
The first thing you need to do is install and activate the plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.
Upon activation, the default WordPress search form will automatically use the Ajax live search feature. If you visit your site and start typing into the search bar, then you’ll see the instant search in action.
Change the Default Search URL Slug
By default, WordPress search URLs typically look something like this:
http://example.com/?s=search-term
The extra ?s= characters make this URL more difficult to read and understand, which can confuse visitors who are trying to find their way around your site.
Even worse, these URLs aren’t optimized for search engines which can stop them from correctly indexing your site’s contents.
You can go ahead and use the following custom code to replace the ‘/?s=search-term’ characters with ‘search.’ Your slug will look something like this when finished: http://example.com/search/wordpress
To use something other than ‘search’ in your URL, simply customize the code snippet below.
By uploading PDFs to your WordPress website, you can share information about your services and products in a format that works on all devices. They’re also perfect for offering your visitors ebooks, user manuals, menus, and more.
However, WordPress only searches the contents of its database by default, so it will only look at the title and description of your PDF files, and not their contents. As a result, your visitors may struggle to find the best PDF for their search query.
The good news is that you can use a custom search plugin to improve the default WordPress search experience. If your PDFs are unencrypted, then the right search plugin will index the contents and metadata of your PDFs and add them to the search results.
If you have multiple categories of content on your website, then you might want to let users restrict their search to a specific category. This can help visitors find the right content, faster.
For example, if you have an online store then it often makes sense to let customers search within a particular product category.
If you run a membership site, then you might use search by category to help visitors find other members, groups, forums, online courses, and other specific kinds of content. For more information, please see our guide on how to add search by category in WordPress.
Make a Smart WooCommerce Product Search
WooCommerce has its own built-in search, but it doesn’t look for matches in product attributes, reviews, or product descriptions. This omission can stop shoppers from finding products they want to buy on your online store, so you get fewer sales.
To get even more sales, you may want to fine-tune the kind of products WooCommerce includes in its search results. For example, you might only show products that are on sale or come with free shipping.
Custom post types allow you to go beyond posts and pages and create different content types for your website. Custom post types can have different custom fields and their own custom category structure.
For example, if you run a movie review website, then you would probably want to create a ‘movie reviews’ post type that has fields for the director, release date, and more.
At WPBeginner, we use custom post types for our Glossary section to keep it separate from our blog posts.
If you use custom post types, then you may want to create a form that allows visitors to search only that content.
For example, we also have a form that only searches WPBeginner’s coupon codes.
By default, the built-in WordPress search will include all posts and pages in its search results.
However, you may want to exclude certain pages and posts from the search results. For example, if you’re running a WordPress membership website or selling online courses, then you’ll typically want to exclude your premium content from public search results.
If you’re running an online store, then you may want to hide content like your account page, checkout page, and thank you page. To help you out, we’ve created a guide on how to exclude pages from the WordPress search results.
In this guide, we’ve explored how the default WordPress search works and shared lots of tips on how to improve it.
However, you may still have some questions about this important feature. That said, here are some of the most frequently asked questions about WordPress search.
How Do I Improve WordPress Search?
The best way to improve the built-in WordPress search is by using SearchWP.
SearchWP is the best custom search plugin for WordPress and allows visitors to search any content on your site including documents, WooCommerce products, custom fields, tags, comments, and more.
It also lets you customize the WordPress search algorithm, so you can control exactly where the content appears in the search results.
Since the main navigation menu typically appears across your entire site, visitors will be able to search for pages, posts, products, and more, from any page of your website.
If you’re using a block-based theme such as ThemeIsle’s Hestia Pro or Twenty Twenty-Three, then you can add a search bar to your theme using the full-site editor (FSE).
To do this, go to Appearance »Editor in the WordPress dashboard.
By default, the editor will show your theme’s home template. If you want to add the search bar to a different template, then click on the small arrow icon in the toolbar.
Then, select ‘Browse all templates.’
You’ll now see all the templates that make up your WordPress theme. Simply find the template where you want to add the search bar, and then click on its title.
You will now see this template in the full-site editor.
To go ahead and add a search bar, click on the blue ‘+’ icon.
In the popup that appears, type in ‘Search’ to find the right block.
You can then drag the block to the location where you want to show the search bar.
To customize the block title or placeholder text, simply type it into the search block where it says ‘search’ or ‘optional placeholder.’
When you’re happy with how the block looks, click on ‘Save’ to make the search bar live.
How Do I Add Search to a WordPress Page or Post?
You can add a search bar to a specific page or post using the built-in Search block.
This is a good choice if you want to control exactly where the search bar appears on every page and post, or you only need to offer search on specific areas of your website.
To get started, simply open the page where you want to add a search form and then click on the + icon.
In the popup that appears, type ‘Search’ to find the right block. Once you click on the Search block, it will add the block to your page.
By default, the block uses ‘Search’ for both its label and the button text.
This will be visible to visitors, so you may want to replace it with something more descriptive by typing into the text fields.
You can also add some placeholder text to the search bar. This text will disappear automatically when the visitor starts typing.
To add a placeholder, simply click on ‘Optional placeholder…’ and then start typing.
When you’re happy with how the Search block looks, you can go ahead and either publish or update the post.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Want to create a WooCommerce list view to display your products instead of the default WooCommerce shop page?
In this post, I’ll first talk about which types of stores can benefit from a list view. Then, I’ll show you how the WooCommerce Product Table plugin can help you generate a simple WooCommerce list view shortcode for your store.
WooCommerce product pages come with a standard set of tabs. However, adding custom tabs requires editing your theme files, which is not a simple task if you’re not a developer. In this article, we’re going to introduce you to five WooCommerce tabs plugins that will allow you to add custom tabs without touching a line of code.
In this step-by-step tutorial, you’ll learn how to set up tiered/quantity-based pricing on your WooCommerce store, along with adding a frontend tiered pricing table to your single product pages.
By selling your books as downloadable audio files, you can make money without having to pay for shipping or printing. You can also sell the same audio file an unlimited number of times.
In this article, we will show you how to easily sell audiobooks online using WordPress.
Another option is recording that information as an audiobook. This is a great way to collect everything you want to say into a single, downloadable file that’s easy to distribute and sell to other people.
Unlike traditional printed books, you don’t have to pay printing or shipping fees for your audiobooks. You also don’t have to worry about physical storage, supplies, or managing your inventory. All of this means lower costs and bigger profits, which makes audiobooks the perfect way to make money online with WordPress.
If you have an ebook, then there are plenty of services that can help you turn it into an audiobook including ACX. Every audiobook you make on ACX will be available on Audible.com, Amazon.com, and iTunes, but it’s also a good idea to add the audiobook to your own website.
With that in mind, let’s see how you can sell audiobooks online. Simply use the quick links below to jump straight to the method you want to use.
Unlike general eCommerce plugins, Easy Digital Downloads has the specific features you need to promote, sell, and distribute digital products with ease. This means you don’t have to waste time and effort with unnecessary settings, such as configuring your store’s shipping.
Even better, if you’re using SiteGround then Easy Digital Downloads already comes pre-installed on their EDD plan, so you can start using it straight away.
Upon activation, go to Downloads » Settings in the WordPress dashboard.
Even though you’re selling audiobooks, you’ll need to set your store’s location. This allows Easy Digital Downloads to auto-fill some fields in the order form, which will help improve the customer experience.
Easy Digital Downloads also uses your location to calculate sales tax.
To add your location, simply open the ‘Business Country’ dropdown menu. You can then choose where your business is based.
Next, find the ‘Business Region’ field.
Here you can open the dropdown and choose the region where your store operates from.
After making these changes, go ahead and click on Save Changes to store your settings.
In the Payment Gateways section, check the box next to each gateway that you want to add to your WordPress blog or website.
If you add more than one payment method, then you’ll need to choose a default gateway.
You can use any gateway you want, but Stripe can accept credit cards as well as Apple Pay and Google Pay. This is why we recommend using Stripe as the default payment gateway.
With that done, click on the ‘Save Changes’ button.
You’ll now see some new tabs where you can configure each payment method.
Configuring the payment gateway will be slightly different depending on which gateway you’re using, but Easy Digital Downloads will walk you through the process.
Once you’ve set up at least one payment gateway, you’re ready to start uploading audiobooks to your WordPress website.
To create a digital product, select Downloads from the left-hand menu. Then, click on the ‘Add New’ button.
You can now type a name for the product into the ‘Enter download name here’ field. This will appear on the audiobook’s page, so you’ll want to use something that catches the visitor’s attention and accurately describes the book.
Next, type out the description that will appear on the ebook’s product page. You’ll want to give visitors all the information they need to decide whether this book is right for them.
Many online stores use product categories and tags to help shoppers find what they’re looking for. If you’re selling lots of audiobooks, then these categories and tags help visitors find related audiobooks, which can get you more sales.
You can create new categories and tags in the Categories and Tags boxes.
Next, you’ll want to set a price by scrolling to the Download Prices section. Here, type in how much visitors will pay to download the audiobook.
You’re now ready to upload the audio file that you want to sell. When it comes to audio, WordPress supports mp3, ogg, and wav. It also supports m4a, although this format may not work on all browsers.
In the File Name field, type a name for the file that shoppers will get when they buy the audiobook. Then, simply click on ‘Upload a File.’
You can now choose any audio file from the WordPress media library, or you can upload a new audiobook from your computer.
Finally, you’ll need to add a product image, which will usually be your audiobook’s front cover. Simply scroll to the Download Image section and then click on the ‘Set Download Image’ link.
This launches the WordPress media library where you can choose an image or upload a new file from your computer.
When you’re happy with your digital download, click on the Publish button to make it live.
Easy Digital Downloads will now create the audiobook as a downloadable product, but visitors still need a way to access the product page.
This might mean adding the page to your website’s menu, creating a sales page where you advertise all your audiobooks, or even adding the book to a custom home page.
No matter what method you choose, you’ll need to know the audiobook’s URL.
To get this link, simply go to Downloads » Downloads. Then, find the audiobook you just created, and click on its ‘Edit’ link.
You will then find the URL directly below the product title.
Now, you can link to this product page from any area of your website, simply by using its URL. To learn more, see our step-by-step guide on how to add a link in WordPress.
Easy Digital Downloads also creates a ‘Purchase’ button for this particular audiobook. Visitors can click this button to add the audiobook to their cart.
You can add the button for this book to any page, post, or widget-ready area. This allows visitors to start the purchasing process without even Needing to visit the individual product’s page.
To get the audiobook’s shortcode, simply scroll to its Download Settings section. You can then copy the text in the ‘Purchase Shortcode’ field.
Every time someone buys an audiobook from your website, Easy Digital Downloads will send them an email and download link.
While this email has everything the customer needs to access their download, it’s a good idea to customize it. For example, we recommend adding your own logo and branding.
To customize the default email, simply go to Downloads » Settings. Then click on the ‘Emails’ tab.
When you’ve finished making changes, you may want to send a test email so you can see how the message will look to your customers.
To do this, simply click on the ‘Send Test Email’ button and Easy Digital Downloads will send an email to your admin email address.
Have you clicked on the ‘Send Test Email’ button, but haven’t got a test email? If your site isn’t sending emails correctly, then customers won’t be able to download your audiobook.
When you’re happy with how the email looks, you can go ahead and click on the ‘Save Changes’ button.
This is all you need to start selling audiobooks online. However, Easy Digital Downloads has lots more advanced features that can help you sell audiobooks.
Method 2. How to Sell Audiobook Memberships (Best for Recurring Revenue)
Another option is using your audiobooks to create recurring revenue streams.
For example, you might offer members unlimited monthly or annual access to all your audiobooks for a membership fee. In this way, you can get reliable recurring revenue over a longer period of time.
A membership site is also a great choice if you’re releasing your audiobooks as a series.
If you want to get recurring revenue, then MemberPress is the best WordPress membership plugin. It allows you to accept payments, create an unlimited number of membership levels, restrict access to audiobook pages based on membership subscription, and more.
Upon activation, go to the MemberPress » Settings page to configure the plugin settings.
To start, you’ll need to set up a payment gateway.
Out of the box, MemberPress supports PayPal (Standard, Express, and Pro), Stripe, and Authorize.net. You simply need to select the payment method you want to use and then type in the required credentials, such as your PayPal email address.
You may want to add multiple methods, so members can use their preferred gateway. When that’s done, don’t forget to click on the Update Options button to save your settings.
With the setup out of the way, it’s time to create one or more membership levels. These are the subscriptions that visitors will buy to access your audiobooks, or other content.
MemberPress allows you to offer different content for different membership levels. For example, you might create Bronze, Silver, and Gold memberships and then give members access to different audiobooks.
To create the first membership plan, go to the MemberPress » Memberships page and then click on the ‘Add New’ button.
On the next screen, you’ll need to provide a title for the membership plan and then add details in the post editor.
After that, you can set the pricing, billing type, interval, and expiration under the ‘Membership Terms’ section.
Next, scroll to the Membership Options box below the editor.
Here, you can customize the plan permissions and membership options.
When you’re happy with how the plan is set up, go ahead and click on ‘Publish.’ To create more membership levels, simply repeat the same process described above.
Once you’ve created all the membership levels, it’s time to add some access rules. These allow you to restrict access to your audiobooks based on the user’s membership plan.
Just go to MemberPress » Rules and then click on the Add New button.
Here, you can create all kinds of access rules, but you’ll typically start by selecting the audiobook that you want to restrict access to.
Under ‘Protected Content,’ open the dropdown menu and choose an option from the list. This might be the specific page where you embedded the audio file, content that has a particular tag, or any other option from the list.
After that, open the ‘Access Conditions’ dropdown and choose ‘Membership.’
In the second dropdown menu, select the membership level people will need in order to access this content.
There are more settings that you can configure, but this is all you need to create a simple access rule.
When you’re happy with how the rule is set up, click on ‘Save Rule.’ To create more access rules, simply follow the same process described above.
Now that everything is set up, you’ll need to make sure visitors can buy memberships and log into their accounts. Thankfully, MemberPress comes with ready-made forms that you can add to your site.
We recommend adding the MemberPress login widget to a widget-ready area, so members can log in from any page.
Simply head over to Appearance » Widgets and add the ‘MemberPress login’ widget to the sidebar or similar section.
Don’t forget to click on the ‘Update’ button to save your widget settings.
There are a few different ways to add a signup page to your website, but MemberPress automatically creates a registration page for each membership level. This means you can simply add these pages to your main navigation menu.
In your WordPress dashboard, go to Appearance »Menus. In the left-hand menu, simply click to expand the ‘Memberships’ section.
You’ll now see a list of all the different MemberPress levels.
To add a membership to the navigation menu, simply check the box next to it and then select ‘Add to menu.’
When you’re happy with how the menu is set up, click on ‘Save Menu.’
At this point, you’ve created a website where visitors can buy audiobook subscriptions. However, MemberPress has lots more settings you can use to sell audiobooks, grow your brand, and get more members.
Method 3. How to Sell Audiobooks With WooCommerce (Best For Online Stores)
Easy Digital Downloads makes it easy to sell audiobooks on any WordPress blog or website, without you having to configure lots of unnecessary settings like shipping and handling.
However, if you’ve already created a WooCommerce store, then you can sell digital products like audiobooks using this popular eCommerce plugin.
Although it’s mostly used to sell physical products, you can add support for digital products by going to WooCommerce »Settings and then clicking on the ‘Products’ tab.
Here, click on the ‘Downloadable products’ link.
You can now open the ‘File download method’ dropdown and choose an option from the list.
When you’re selling digital downloads, there is a risk that customers may share the direct link with other people. This allows people to download your audiobook without paying.
‘Force Downloads’ helps to protect your site from direct linking, so it’s the recommended method. However, just be aware that very large files may result in a timeout, especially if your server has limited resources.
If this happens, then you may need to change your WordPress hosting plan or select a different file download method.
You may also want to enable the checkbox next to ‘Allow using redirect mode (insecure) as a last resort.’ If WooCommerce encounters any problems, then this setting will deliver the audiobook via an unsecured redirect link rather than showing an error.
This is a much better customer experience.
The second option is ‘X-Accel-Redirect/X-Sendfile,’ which serves the file directly to the customer. This protects the audiobook from unauthorized downloads without impacting your site’s performance.
However, this method requires you to install and enable the X-Accel-Redirect/X-Sendfile module on your server, so it’s not very beginner-friendly. Depending on your plan, you may also need to speak to your WooCommerce hosting provider.
The final option is ‘Redirect only,’ which uses a direct link to the file. This means your audiobook isn’t protected and anyone can access it using the URL. That said, we don’t recommend the ‘Redirect only’ method.
After selecting a download method, you can choose whether visitors must be logged into an account in order to download the audiobook.
To make this decision, either enable or disable the ‘Downloads require login’ checkbox.
By default, customers can download the audiobook while their order is processing.
If you want to wait until the order is complete, then uncheck the following box: ‘Grant access to downloadable products after payment.’
By default, WooCommerce will download the audiobook to the customer’s computer.
Most of the time this is the best customer experience, but you can set the file to open in a new tab instead. The customer can then decide whether they want to save the file.
There are some use cases where this may be the better option. For example, if you’re showing the customer a free sample, or your audiobooks are short enough to enjoy in one sitting.
In this case, you may want to check the box next to ‘Open downloadable files in the browser.’
When you’re happy with the settings you’ve entered, click on ‘Save Changes.’
With that done, you’re ready to add the audiobook as a downloadable product by going to Products »Add New. Here, you can type in a title, add a description, upload a product image, and set the price as normal.
Then, scroll to ‘Product Data’ and check the box next to ‘Downloadable,’ which adds some new settings.
To start, click on ‘Add File.’
You can now either choose the audiobook from your media library or upload a new file from your computer.
After that, type in a filename for the audiobook.
By default, customers can download the audiobook as many times as they want, for as long as they want.
If you want to limit the number of downloads per customer, then type a number into the ‘Download limit’ field.
If you want the download link to expire after a certain number of days has passed, then type a number into the ‘Download expiry’ field.
When you’re happy with how the audiobook is set up, click on the ‘Publish’ button. The audiobook will now appear as a downloadable product on your online store.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
You’ve probably seen variation swatches on ecommerce sites before. They’re the visual selectors available when choosing product variants. And you can learn how to use variation swatches for WooCommerce without any coding knowledge. That way, your customer actually sees the textures, colors, and other differences between product variants, helping them decide which one to purchase. In this guide, you’ll learn step-by-step how to set up variation swatches for WooCommerce using a code-free plugin.
