WooCommerce brands product table plugin

Customers love their favorite brands. That's why you need the best WooCommerce brand plugins to display product by brand, allow them to filter by brand, and more.

In the world of e-commerce, product branding is a critical element in building a strong online presence. For businesses using WooCommerce, showcasing your product brands effectively can make a significant difference in attracting and retaining customers.

Fortunately, WooCommerce provides several plugins to help enhance the display of product brands on your website. In this article, we will explore how to use three of the most popular WooCommerce brand plugins:

  • YITH WooCommerce Brands - Easily store information about the brand of each product in your store.
  • WooCommerce Product Table - Display products in a quick order form complete with information about their brand. Customers can view products by brand, sort by brand, and more.
  • Product Filters - Allow customers to filter products by their favorite brand.

In this article, I'm going to tell you why you might want these plugins, how they work together, and how to set them up. By the end, you will have a solid understanding of how to use these tools to showcase your product brands effectively and improve your online store's performance.

What is WooCommerce Brands?

YITH WooCommerce Brands is an official extension which adds a product brands taxonomy to any WooCommerce store.

It's quite a simple plugin and simply provides an easy way to store and display the brand of each product. It also has a few extra features such as an A-Z layout listing all your brands, and built-in widgets to display and filter by brand.

This is how to add brands to your WooCommerce products:

  1. Install YITH WooCommerce Brands on your WordPress site.
  2. Go to the 'Edit Product' screen for any product. You will see a new 'Brands' section on the right.
  3. Add a brand to the product.

As you can see, working with WooCommerce Brands is really easy.

Limitation of WooCommerce Brands

While the WooCommerce Brands plugin is everything you need to tag each product with brand information, it's not ideal for displaying products by brand. For example, it can't:

  • List products by brand.
  • Let customers sort your product list by brand.
  • Let customers filter and find product by brand.

Keep reading to discover two plugins that work alongside WooCommerce Brands to fill these gaps.

List and sort products by brand

WooCommerce brands product table view

WooCommerce Product Table is our flagship plugin here at Barn2. It works by listing your WooCommerce products in an interactive table or one-page order form. It comes with extra features such as customizable columns, search box, product variations support and more. The table plugin also provides more sophisticated ways to allow WooCommerce users to filter by brand.

Product table views are a popular way to increase conversion rates. They can boost your sales because it makes the buying process quicker and easier. Customer can quickly view all your products on a single page. They can see all the information they need (including brand, if you're using the WooCommerce Brands plugin). This lets them add to the cart without having to click elsewhere.

One of WooCommerce Product Table's biggest selling points is its ability to show extra data directly on the product listing page. It supports all the standard WooCommerce product data such as name, price, add to cart, description, short description, attributes, variations - the list goes on. However, the WooCommerce core doesn't come with a brands field. That's why you need to use it with the WooCommerce Brands plugin to display product brands in a table.

Once you have created a product table with a brand column, customers can click on the column header to instantly sort products by brand.

How to Use WooCommerce Brands with WooCommerce Product Table

  1. First, install and set up YITH WooCommerce Brands if you haven't already. Tag your products with their brand, as described earlier in this WooCommerce Brands tutorial.
  2. Next, use the plugin documentation to create brands and assign them to your products. This is really easy - just look for the 'Brands' section on the right of the Add/Edit Product screen.
    WooCommerce Brands Plugin Add Brand
  3. Next, install WooCommerce Product Table.
  4. Use the plugin settings wizard to choose how you want your product tables to work. The wizard opens automatically when you first activate the plugin.
  5. In the 'Columns' section of the setup wizard, choose which columns you want to appear in the product table. You can see the available columns here - choose whichever you want, such as product image, name, price, add to cart, etc. If you want to include a 'Brands' column, make sure you add tax:yith_product_brand to the list of columns. For example, adding image,name,tax:yith_product_brand,price,buy will display columns for image, name, product brand, price and add to cart button.
  6. Add a [product_table] shortcode onto the page. By default, this will list all your products but there are options to show specific products if you prefer.
  7. Finally, view your page!

When you view your product table with WooCommerce brands, you will see a list of products your chosen settings. You'll also see a 'Brands' column in the table. Clicking on a brand in the WooCommerce table will filter the list of products by that brand. However, I'll show you how to add more user-friendly brand filters in a minute.

How to list products with a specific brand

You can also use WooCommerce Product Table to list products by brand. To do this, add the terms option to your product table shortcode.

For example, the following shortcode will list all Nike products:

[product_table term="yith_product_brand:nike"]

Replace 'Nike' with the slug for the brand you wish to display.

Let customers filter by brand

While the WooCommerce Product Table plugin includes simple filter dropdowns, you probably want more visual ways to let customers filter by brand. After all, customers love buying products by their favorite brand and want a quick way to find and view them.

The best way to do add sophisticated and eye-catching brand filters to WooCommerce is to install the Product Filters plugin. This comes with a wide range of styles which you can use to filter by brand, including:

  • Checkboxes and radio buttons listing all the brands.
  • A clickable image of each brand (**recommended**).
  • A word cloud displaying the name of each brand as labels.
WooCommerce faceted search filters
Filter by any type of product data, including brand

How to add a brand filter to WooCommerce

It's easy to add filter by brand to your WooCommerce store:

  1. Make sure that YITH WooCommerce Brands is already installed, with or without WooCommerce Product Table.
  2. Install the WooCommerce Product Filters plugin.
  3. There are several ways to choose where the filters will appear on the page. You can use either of these options separately, or combine them to add filters to multiple locations:
    • To display filters above the list of products on all your shop pages, select the name of the relevant filter group in the plugin setup wizard. You can also do this on the plugin settings page at Products → Filters → Settings.
    • Go to Appearance → Widgets and add a 'Product Filters' widget. This will display it in the sidebar area on the pages where you list products.
    • You can also display filters in other locations such as via shortcodes and Gutenberg blocks, or in your page builder plugin such as Elementor. Learn how in the plugin documentation.
  4. Go to Products → Filters and add or edit a filter group.
  5. Add a filter in your chosen style (e.g. image buttons).
  6. Select 'Custom Taxonomy' as the source of the data to be used in the filter. Select 'Brand' as the taxonomy name.

Take your WooCommerce brands to the next level

Enhancing the display of product brands on your WooCommerce store can improve the best branding plugins for WooCommerce, you can effectively showcase your product brands and make it easy for customers to find and filter products based on their preferences.

  • The YITH WooCommerce Brands plugin enables you to efficiently store and manage comprehensive brand information for each product in your store.
  • With the WooCommerce Product Table plugin, you can display your products in a streamlined order form that includes brand information, and enable customers to view products by brand, sort by brand, and more.
  • The WooCommerce Product Filters plugin empowers customers to filter products by their favorite brands, making it easier for them to find and purchase the products they desire.

With the tips and strategies outlined in this article, you can take your product branding to the next level and create a strong online presence for your business. So, don't hesitate to start implementing these plugins on your WooCommerce store and see the positive impact it has on your sales and customer engagement.

WordPress events table plugin list

WordPress calendar plugins such as The Events Calendar are fantastic. But what if you're not happy with the built-in event layouts? This tutorial will show you a  straightforward way of creating a searchable events table to list your upcoming events.

In this guide, we will be focusing on the Events Calendar plugins suite. This includes Event Calendar Pro, Event Tickets Plus, and other related plugins. However, the method we'll be discussing here can be used to create a table of events for any WordPress events plugin available. Using the WordPress plugin for event management is a great way to efficiently organize and promote various types of events.

Having all event information in one place makes it easy for event planners to manage registrations, and monitor ticket sales. This can lead to increased attendance and revenues. As well as improved brand image and customer satisfaction.

Watch the video to learn how. You can also keep reading for full written instructions on how to create a table of events in WordPress.

Why use the Events Calendar plugin for WordPress?

The Events Calendar plugin is a popular choice for managing events on a WordPress website for several reasons. The Events Calendar plugin has a user-friendly interface that allows users to create and manage events with ease. Additionally, it offers various customization options, enabling users to customize the appearance and functionality of the calendar to meet their specific needs.

Additionally, the plugin offers advanced features such as ticketing, RSVP tracking, and recurring events in WordPress. The plugin is well-supported and regularly updated. Making sure that it remains compatible with the latest versions of WordPress and other plugins.

The importance of event management for businesses and organizations

Event management plays a critical role in the success of businesses and organizations. Events provide a platform for your business to showcase your products or services and create brand awareness. For organizations, events are a great way to raise awareness about your cause and raise funds.

Effective event management can help businesses and organizations achieve their goals. It also increases visibility and credibility. It also builds lasting relationships with your target audience.

Using event management tools such as The Events Calendar plugin for WordPress can help your business streamline event planning. As well as improve your overall event experience.

Different options for creating a new event

The Event Calendar plug offers several options for creating a new event on your WordPress website. These options allow you to customize your event to meet the needs of your audience. Here are some of the different ways you can create a new event using The Events Calendar plugin:

  1. Add Event button: The most basic way to create a new event is to click on the "Add Event" button. This will take you to a new page where you can enter the details of your event.
  2. Quick event creation: You can use the "Quick Event" feature to create an event in just a few seconds. This feature is especially useful if you need to create an event on the go.
  3. Recurring events: Use the recurring event feature to set it up once and have it repeat automatically.
  4. Importing events: You can also import events listed in another application into The Events Calendar plugin. This saves you time and effort by allowing you to bring all of your events into one place.
  5. Front-end event submission: You can allow visitors to submit events to your website by enabling front-end submission. They can fill out a form and submit their event directly to your site.

How to add event details such as title, date, time, location, and description

To add event details using The Events Calendar plugin, follow these steps:

  1. Install and activate The Events Calendar plugin from the WordPress plugin repository.
  2. Go to the WordPress dashboard and navigate to the Events → Add New Event page.
  3. In the event editor screen, you will see fields to add the event details, including:
    • Title: Enter the title of the event in the "Event Title" field.
    • Date and Time: Select the date and time of the event from the "Start" and "End" fields.
    • Location: Enter the location of the event in the "Venue" and "Address" fields. You can also use the "Google Maps" field to add a map to the event.
    • Description: Enter the description of the event in the editor field.
  4. You can also add additional event details, such as event categories, tags, and featured images. As well as organizer details, and ticket details using the options available in the event editor screen.
  5. Click on the "Publish" button to publish the event on your website.
  6. You can view the event on your website by navigating to the Events page. You can also view it by adding a shortcode to a page or post. To add a shortcode, use the [tribe_events] shortcode and customize it with the necessary options.

That's it! You have successfully added an event using The Events Calendar plugin with all the necessary details.

How to add images, videos, and other media to events using The Events Calendar plugin

To add images, videos, and other media to events, using The Events Calendar plugin, follow these steps:

  1. In the event editor screen, scroll down to the "Event Image" section.
  2. Click on the "Set event image" button to upload an image from your computer, or choose an image from the media library.
  3. Once you have selected an image, you can customize the image settings, such as the image size and alignment.
  4. To add a video to the vent, you can use the "Embed video" field in the event editor screen. Paste the video embed code from a supported video hosting platform (such as YouTube or Vimeo) into the field and click the "save" button.
  5. You can also add other media to the event description by clicking on the"Add media" button in the editor field. From here, you can upload and insert images, audio files, and other media.
  6. You can use the "gallery" block in the editor field to display a gallery of images. Add the images you want to display and customize the gallery settings as needed.
  7. Publish the event on your website by clicking the "Publish" button after adding all the required media.

How to add event categories and tags

To add event categories and tags using The Events Calendar plugin, follow these steps:

  1. In the event editor screen, scroll down to the "Event Categories" section.
  2. Click on the "Add New Category" button to create a new category, or select an existing category from the dropdown menu.
  3. Enter a name for the category and a description if desired, and click the "Add New Category" button to save.
  4. To add tags to the event, scroll down to the "Event Tags" section.
  5. Click on the "Add New Tag" button to create a new tag, or select an existing tag from the dropdown menu.
  6. Enter a name for the tag and click the "Add New Tag" button to save.
  7. You can also assign multiple categories and tags to the event by selecting them from the dropdown menus. You can also do this by entering them manually in the respective fields.
  8. Publish the event on your website by clicking on the "Publish" button after adding all the required categories and tags.

How to set up recurring events and multi-day events using The Events Calendar plugin

If you're using The Events Calendar plugin for your WordPress site, you can easily set up recurring events and multi-day events to save time and effort. However, this useful feature is only available as part of the premium Events Calendar Pro add-on. With this add-on, you can create a wide range of events, from daily or weekly meetings to conferences or festivals that span multiple days.

To set up recurring events and multi-day events using The Events Calendar plugin, follow these steps:

  1. In the event editor screen, navigate to the "Event Schedule" section.
  2. To set up a recurring event, click on the "Add New Schedule" button.
  3. Select the "Custom Schedule" option and choose the start and end dates for the recurring event.
  4. Choose the recurrence pattern for the event, such as daily, weekly, monthly, or yearly. You can also set the event to recur on specific days of the week, or on certain dates of the month.
  5. Set the start and end times for each occurrence of the event. You can also choose to have the times be the same for every occurrence.
  6. You can also set an end date for the recurring event, or choose to have it recur indefinitely.
  7. To set up a multi-day event, enter the start and end dates in the "Start" and "End" fields in the "Event Details" section.
  8. You can also add a schedule for the event by clicking on the "Add New Schedule" button in the "Event Schedule" section. Enter the start and end times for each day of the event, or choose to have the times be the same for every day.
  9. Once you have set up the recurring or multi-day event, add all the necessary event details, such as title, location, and description, as well as any images or media.
  10. Finally, click on the "Publish" button to publish the event on your website.

How to view, edit, and delete existing events in The Events Calendar plugin

To view, edit, and delete existing events in The Events Calendar plugin, follow these steps:

  1. Log in to your WordPress dashboard.
  2. Click on "Events" in the left-hand menu to view the list of all events created using The Events Calendar plugin.
  3. To view an event, click on its title in the list.
  4. To edit an event, hover over its title in the list and click on "Edit."
  5. Make the necessary changes to the event details, such as title, date, time, location, and description.
  6. To delete an event, hover over its title in the list and click on "Trash."
  7. To permanently delete an event, click on the "Trash" link at the top of the events list. Then click on "Empty Trash."
  8. You can also restore a deleted event by clicking on the "Trash" link. Hover over the event's title, and click on "Restore."

How to manage event attendees and RSVPs in The Events Calendar plugin

The Events Calendar plugin offers several options for managing event attendees and RSVPs. Here are the steps to manage event attendees and RSVPs in The Events Calendar plugin:

  1. Make sure that you have enabled the RSVP feature for your events. Go to "Events" > "Settings" > "Tickets" and check the "Enable RSVPs" checkbox.
  2. To view the list of attendees for an event, go to the event editor screen and click on the "Attendees" tab. Here, you can see a list of all the people who have RSVP'd to the event.
  3. You can add a new attendee to the event by clicking on the "Add Attendee" button.
  4. To edit an attendee's details, click on their name in the list and make the necessary changes.
  5. You can delete an attendee from the list by clicking on their name and then clicking on the "Remove Attendee" button.
  6. You can also export the attendee list to a CSV file by clicking on the "Export CSV" button.
  7. To manage RSVPs for the event, go to the event editor screen and click on the "RSVPs" tab. Here, you can see a list of all the people who have RSVP'd to the event and their RSVP status.
  8. To change an attendee's RSVP status, click on their name in the list and select the new status from the dropdown menu.
  9. You can also send email reminders to attendees who have RSVP'd to the event by clicking on the "Email" button.

Can you export events to other calendars or platforms in The Events Calendar plugin?

The Events Calendar plugin provides a convenient way to export your events to other platforms like Google calendar. This is done through the use of the iCalendar format. This is also known as .ics. This standard format enables the easy sharing of calendar data across various platforms.

To export events to other calendars or platforms using The Events Calendar plugin, follow these steps:

  1. Go to the WordPress dashboard and click on "Events" in the left-hand menu.
  2. Select the event you want to export.
  3. Click on the "Export Event" button.
  4. Choose the iCalendar format (.ics) from the dropdown menu.
  5. Click on the "Export" button.
  6. The file will be downloaded to your computer as an .ics file.
  7. Import the .ics file into your desired calendar or platform. The process for importing varies depending on the platform you're using. But typically involves navigating to the import function and selecting the .ics file from your computer.

How to use add-ons to extend the functionality of the plugin

Here are the steps to use add-ons in The Events Calendar plugin:

  1. Go to the WordPress dashboard and click on "Plugins" in the left-hand menu.
  2. Click on the "Add New" button at the top of the page.
  3. Search for "The Events Calendar" in the search bar.
  4. Click on "Install Now" next to The Events Calendar plugin.
  5. Once the plugin is installed and activated, go to "Events" in the left-hand menu.
  6. Click on "Add-Ons" to see a list of available add-ons.
  7. Click on "Install" next to the add-on you want to use.
  8. Once the add-on is installed and activated, you can start using its features in The Events Calendar plugin.
  9. Depending on the add-on, you may need to configure its settings. This can usually be done in the plugin's settings or in the event editor screen.
  10. Some add-ons may require a separate purchase or subscription to use. Make sure to check the details of the add-on before installing it.

Repeat these steps to install and activate any additional add-ons you want to use. Each add-on will add new features and functionality to the plugin. This will allow you to customize it to your specific event management needs.

Advanced features of The Events Calendar plugin, such as ticketing, ticket sales, and seating charts

The Events Calendar plugin is a powerful tool for managing events in WordPress that offer many advanced features. These features can help you streamline your workflows. As well as create a seamless experience for attendees.

One of the most useful advanced features of The Events Calendar plugin is ticketing. The plugin allows event organizers to sell tickets to their events using the Ticketing add-on. This feature enables event organizers to set different ticket types and pricing. As well as availability dates, as well as limit the number of tickets sold, and track sales data in real-time. The plugin also offers various ticket sales options, including PayPal, Stripe, and WooCommerce. Also, there's the ability to create discount codes and coupons to incentivize ticket sales.

Other advanced features of The Events Calendar plugin

  • Seating charts: The Events Calendar plugin offers a Seating Chart add-on that allows you to create custom seating charts for your events. You can set different seating sections, seat types, and pricing. Attendees can select their seats during the ticket purchase process.
  • Event submissions: The Events Calendar plugin offers a Community Events add-on that allows users to submit their own events to your calendar. You can review and approve these events before they are published.
  • RSVP tracking: The Events Calendar plugin allows you to track RSVPs and manage attendee lists for your events. You can set attendance limits, and collect attendee information. Also, send email reminders.

Tips and best practices for effectively managing events using The Events Calendar plugin

  1. Start planning your events well in advance: Set up the events in The Events Calendar plugin. This will give you plenty of time to promote the event and sell tickets.
  2. Use clear and concise event titles: This will help attendees quickly understand what the event is about.
  3. Use categories and tags:  Tags and categories help organize your events and make it easier for attendees to find events they are interested in.
  4. Add all event details: Include the date, time, location, description, and any other important information.
  5. Use images and videos: Use high-quality images and videos to promote your event and give attendees a better idea of what to expect.
  6. Set up RSVPs and ticketing: The RSVP and ticketing features help manage attendance and sell tickets to your event.
  7. Utilize add-ons: Add other features like ticket sales, seating charts, and event submissions.
  8. Test the event page: Make sure to test the event page to ensure that everything is working correctly.
  9. Promote the event: Use social media, email marketing, and other promotional channels to promote your event and drive attendance.
  10. Monitor attendance and make adjustments: Keep an eye on attendance and make adjustments as needed to ensure that your event is successful.

How to optimize events for search engines and social media

Here are some tips for optimizing events for search engines and social media:

  1. Use descriptive and keyword-rich event titles: Use descriptive and keyword-rich event titles that accurately describe the event and include relevant keywords. This will help search engines and social media platforms understand what the event is about and make it more discoverable.
  2. Use clear and concise event descriptions: Use clear and concise event descriptions that provide all the necessary information about the event. This includes the date, time, location, and any other important details. This will make it easier for search engines and social media platforms to understand the event and display it in search results or on social media feeds.
  3. Add images and videos: Add high-quality images and videos to your event page to make it more engaging and shareable on social media.
  4. Use structured data markup: Use structured data markup to provide search engines with more information about your event, including the date, time, location, and other important details. This will help search engines display rich snippets of your event in search results.
  5. Optimize event URLs: Optimize event URLs by using descriptive and keyword-rich URLs that accurately reflect the event title and content.
  6. Share the event on social media: Share your event on social media and encourage others to share it as well. This will help increase visibility and drive traffic to your event page.
  7. Use hashtags: Use relevant hashtags when sharing your event on social media to make it more discoverable and increase engagement.
  8. Monitor analytics: Monitor analytics to see how your event page is performing in search results and on social media. Use this information to make adjustments and optimize your event page for better performance.

The limitations of default event layouts

Default event layouts on a WordPress website can be limited in terms of design and functionality. However, by using The Events Calendar or Events Calendar Pro plugins, users can easily enhance the look and functionality of their event displays. These plugins are popular among WordPress users and allow for the display of basic events as well as online bookings with the use of additional plugins.

The Events Calendar offers a range of views for existing and new events, as well as event management. Users can choose from basic list views to a simple calendar view. Events Calendar Pro takes things a step further by providing additional views such as a map view, giving users even more options to display their events in a visually appealing and informative way.

By using The Events Calendar or Events Calendar Pro plugins, you can elevate the functionality and appearance of the event displays on your WordPress website.

What if you have many events and want a more concise display? Or need more search options and filters for attendees to find your events easily?

By default, event calendars in WordPress can take up a lot of space and may not be suitable for displaying a comprehensive directory or database of events. While it's possible to create a custom template or modify one of the default views, this requires coding skills that may not be feasible for everyone.

Fortunately, there is a solution to this issue: displaying events in a table view. This provides a compact and organized way to showcase multiple events on a single page while allowing users to quickly browse and search through the information. Additionally, a table view allows for greater customization options, such as sorting and filtering based on event categories, tags, dates, and more.

By using a plugin with this functionality, users can easily display their events in a clear and concise format that is both functional and visually appealing.

The easy way to list events in a table view

WordPress events list

In this tutorial, we will also explore how to display events using the Posts Table Pro plugin, a versatile tool that allows for an interactive list or table view of your events. This approach complements the functionalities offered by the Events Calendar Pro plugin, which provides a range of features to manage your events effectively.

By implementing Posts Table Pro, you can showcase your events in a more comprehensive and organized manner, providing visitors with an intuitive interface to search, filter and sort through the listings. Furthermore, the plugin is highly customizable and can be tailored to match the overall aesthetics and design of your website.

It is essential to note that this tutorial will focus solely on events created with Events Calendar or Events Calendar Pro, and the techniques might not apply to other event management plugins such as Event Espresso or Events Manager. However, we will also offer tips on creating a table using these plugins, ensuring that you can use this tutorial as a comprehensive guide to optimizing your events listings.

Dianna uses Posts Table Pro to display her events in a customized table:

Exactly what I was looking for
Posts Table Pro was the perfect solution in displaying our events in table view. Our previous table view display did not allow much customization when it came to our columns and filters. With Posts Table Pro, we've been able to fully customize our columns and filters and can now provide our customer base a better experience when they're searching for their events. Another highlight about the plugin is the company that created it. Barn 2 Media was always quick to respond if I ever had a question or needed to better understand how to set something up. If you're considering this plugin, I highly recommend it!

Why display events in a table?

WordPress events tableFor websites with a large number of events, the default event views provided by the Events Calendar plugin may not be enough. In such cases, it is better to display events in a more tabular, grid-based format. By listing events in a table, users can view a large number of events on a single screen, making it easier for them to find the events they are interested in.

Using a table format, users can sort events by clicking on a column header or category. They can also perform a keyword search using the search box, which is not possible using the default Events Calendar views. This feature is particularly useful for websites with a large number of events.

Plugins that list events in a calendar or date-based layout can be limiting. That's why displaying events in a table format using plugins such as Posts Table Pro can be a better option. This allows users to see a comprehensive list of events, sort and filter them, and search for specific events using keywords.

Exploring the single event page in The Events Calendar plugin

After finding an event you are interested in, you can easily navigate to the single event page provided by the Events Calendar plugin through the table. This page offers a comprehensive overview of the event, including its date, time, location, and any other relevant details. It also provides an opportunity for users to book the event or perform other actions such as adding it to their calendar or sharing it on social media.

By clicking on the event in the table, users are taken to the single event page, which is optimized for conversion. This page can be customized to include additional information or features such as a call-to-action button or related events.

What types of events can I list in a table?

The good news is that you can use this method to list absolutely any type of event. It might be:

  • In-person events: These are admissions tickets, live events, charity auctions, concerts, conferences, festivals and carnivals, live performances, meet-ups, presentations, and speed dating events.
  • Online events: These include conference calls, live coaching, and webinars.
  • Training courses: Examples are boot camps, classes, crash courses or in-depth training, formal training, and certified courses.

Keep reading to discover a real-life website that lists events in a table. Then learn how to do the same on your own site!

See The Events Calendar plugin in action: Two case studies

Looking for inspiration on how to use The Events Calendar plugin for WordPress? Check out these two case studies that showcase how the plugin can be used for different purposes and in different industries. From cooking events to training courses, these examples demonstrate how the plugin's versatility can help you create a tailored event management system

Case study #1 - Cooking events calendar plugin on The Kitchen

The Kitchen at Middleground Farms hosts cooking events in Oregon, USA. Each event is added to WordPress with the Events Calendar plugin. As the default layouts available weren’t quite right for the site, they decided to combine the WordPress events plugins with Posts Table Pro. Customers can now quickly find an event and book themselves on it using the interactive table.

The Kitchen’s list of events includes a short description, prices, and dates. Users can sort the list by date, price, or course name, or use the search function. Clicking on a course name takes customers to a new page (provided by Events Calendar and Event Tickets Plus), where they can book and make their payments.

Case study #2 - Listing training courses for AgileSparks

AgileSparks are a technology training company. They followed the steps in this tutorial to list training courses using Posts Table Pro with Events Calendar, WooCommerce, and Event Tickets Plus.

It's easy to find a course using the instant AJAX search box and the multiple filters above the table. You can then click through to learn more about each course and make a booking with a straightforward booking form.

AgileSparks were delighted with the result:

Great plugin with responsive and helpful support
I've been struggling with an effective way to list our upcoming agile training classes - we have dozens of them scheduled worldwide at any point of time. I found Posts Table Pro and it was exactly what I was looking for. I feel the view it provides and the ability to filter/search for specific events according to your needs is great. I had some questions and issues while integrating it to my instance of Tribe Events Calendar and Katie and the team were very helpful, including on the weekend. We were up and running with full functionality within a day or two. Impressive, especially considering the type of support you get used to in the WordPress plugin world. I also appreciate the depth of their blog content btw. That's how I found them in the first place.

How to list WordPress events in a table

Once you've got all your events set up, it's time to add a list view for them in a table.

You'll need the Posts Table Pro plugin for this, which you can buy here.

You can add your event calendar plugin table on any page on your website. You might also even want to create multiple tables. For example, one for each of your event categories. Or use Posts Table Pro to provide an events database on top of viewing options already provided by the WordPress Events Calendar plugin. You might even want to use it to replace those default views. Think about the best structure for your website as it is highly flexible.

1. Create a table listing all your upcoming events

Upon completing your purchase of Posts Table Pro, you'll be sent a confirmation email that includes both a download link and a license key. If you don't receive the email, you can submit a support request. To download the plugin, simply follow the link provided in the email and save the zip file to your computer.

Next, go to your WordPress admin and select Plugins → Add New → Upload Plugin. Choose the zip file you just downloaded, upload it, and activate the plugin. From there, the setup wizard will guide you through the process of creating your first table, providing step-by-step instructions.

WordPress events table list plugin with upcoming events

2. Customize your table

Follow these steps to create a customized table for your events.

  1. Begin by giving your table a name and selecting the post type you wish to display.
  2. Select the posts or pages you would like to include in the table. You can select from posts, pages, and custom post types.
  3. Customize your table to suit your preferences. You can determine which columns to display and in what order. For your table, you can add a column for the event name, description, start and end date, category, website, and event price. To add a new column, choose the column type from the dropdown menu and click "Add".
  4. You can add as many filters as you like. For your table, you can add categories and tags as filters.
  5. Customize the sorting options for your table by choosing the default sorting option and the sort direction. This allows you to control the order in which the table is displayed to your users.
  6. Enable lazy loading to improve the table's performance, even when containing hundreds or thousands of items.
  7. Lastly, choose how to sort your database. You can set the default sorting option and the sort direction

This is how your table will look like:

WordPress events table list plugin

3. Display your table

After completing the creation of your table with the Post Table Pro plugin, the setup wizard will confirm your progress and guide you on how to display the table on your WordPress website. You can choose between two options for displaying the table:

  • Using the 'Post Table' block in the Gutenberg editor, or
  • Copy the shortcode generated by the plugin and paste it into any page of your website. This allows you to place the table on any page, regardless of its content and gives you the flexibility to design your website according to your preferences.

By default, Posts Table Pro will list all published events in the table, regardless of their date. We have provided a code snippet which you can use to only list upcoming events and hide past events.

Can I include the 'Book' or 'Buy' buttons in the table of events?

The Events Calendar plugin has 2 sister plugins that let you extend it to take bookings for events. The Event Tickets and Event Tickets Plus add-ons work together to allow people to buy tickets for your events using WooCommerce and pay online. WooCommerce is the no. 1 e-commerce plugin and provides the e-commerce features such as a cart, checkout, and payment gateways.

Used together, these plugins create 'tickets' for each event, which people can buy in order to book a place. Each ticket is linked to the Events Calendar event and is basically a WooCommerce product.

The difficulty in including the 'Buy' to 'Add to Cart' buttons in your events table is that the table lists events, but you don't buy an event - you buy a ticket! The two are linked behind the scenes, but not in a way that lets you display add-to-cart buttons in the table of events. Here are two workarounds to get around this:

Option 1 - List tickets using WooCommerce Product Table instead

If you want to include add-to-cart buttons in the table, then the only option is to use our WooCommerce Product Table plugin instead of Posts Table Pro. The two plugins are very similar, but the dedicated WooCommerce version supports more WooCommerce features such as add-to-cart buttons.

Instead of using our Posts Table Pro plugin to list events in a table (as described in the rest of this tutorial), you would do something similar using WooCommerce Product Table to create a table of event tickets. This can include add-to-cart buttons, as you can see in the screenshot:

WooCommerce Table of Event Tickets

The tickets can be listed in the table with the product name, price, and add to cart button.

You can also include the number of available places by adding a 'stock' column to the table. However, the table won't display other fields from the event such as the event date. To get around this, you can add the date to the ticket name when you create the ticket. You can see this in action in the screenshot above.

Note: The Events Tickets Plus plugin sets ticket products to 'hidden' by default. This will also hide them from the product table. If you want to list tickets directly in the product table, then you must go to the 'Edit Product' screen for the ticket and change the visibility so that it appears in the table. You'll find the visibility option in the 'Publish' section at the top right of the page.

Option 2 - Workaround for showing Buy buttons using Posts Table Pro

If you really want to use Posts Table Pro to list events, instead of switching to WooCommerce Product Table, then there is a workaround.

Because your events can't be purchased directly in The Events Calendar - you need tickets for this - there's no way to dynamically list the 'Add to cart' buttons in the events table. However, you can achieve this with a bit of extra work.

You can add the Buy buttons to the table of events by manually adding these directly to your events. You would still use the Event Tickets Plus extension to create your tickets, but you would need to create a custom field to add the Buy button directly to each event.

How to do it

  1. Set up your WordPress events website with The Events Calendar, Event Tickets, Events Tickets Plus, and WooCommerce (as described above). Add some events with tickets.
  2. Use the Advanced Custom Fields plugin to create custom fields for any fields from your tickets that you want to include in the table. For example, you might need custom fields for event price and add to cart button.
  3. Go to the Events section in the WP admin, edit each event, and add data to the custom fields you just created. Adding the price is self-explanatory. There are 2 options for adding the 'Book Now' or 'Add to Cart' buttons:
    • You can use the WooCommerce add-to-cart shortcode to insert the 'Add to Cart' buttons for the ticket that corresponds to each event. (To learn how to do this, go to docs.woocommerce.com/document/woocommerce-shortcodes and go to the 'Add to Cart' section.)
    • You can also add the ticket's "add to cart" link URL to the event or product. You need to manually enter the link for each event or product. The link should be in this format: https://yourdomain.com/cart/?add-to-cart=ID. Replace the domain name with your own and the ID with the ticket's ID. To find the ticket's ID, go to the main Products page in WooCommerce and click on the ticket. Look for the ID in the URL.
  4. Now, you can create a table of events that includes these extra fields.

How to use Posts Table Pro as an event directory WordPress plugin

If you'd like to create an event directory for WordPress, rather than a table that simply lists your events, you can make use of Post Table Pro's built-in options to add filters powered by custom taxonomies and turn Posts Table Pro into an event directory WordPress plugin.

That is, you can add categories or tags using The Events Calendar's built-in functionality. Then, you can create a filterable event directory for WordPress powered by those tags.

Here's how to do it...

Step 1: Apply categories and tags in The Events Calendar

First, you'll need to use The Events Calendar plugin's built-in tags or event categories taxonomies to organize your events:

Add categories and tags

If you want more options, you could add additional taxonomies with the free Pods plugin. In fact, if you want to use tags in your directory, we'd definitely recommend this because The Events Calendar doesn't create its own tags taxonomy (instead, it relies on the same tags you use for regular blog posts).

Go further with an A-Z event index or other options

Posts Table Pro lets you add filters for categories and tags, but not venues and organizers.

If you'd like to divide your event directory by those options, you could use a tabbed A-Z index if you only have a few venues/organizers.

Or, if you have a lot of venues/organizers, you could:

  1. Use Posts Table Pro to create separate event directories for each venue on different pages.
  2. Create a table/directory of venues by querying the tribe_venue post type using Posts Table Pro.
  3. Add a custom field to the tribe_venue post type that links to the directory page for that venue.
  4. Display that custom field as a column in your overall venue directory to link to the page with that venue's event directory.

You could do the same thing for organizers by using the tribe_organizer post type.

Use an event directory WordPress theme

For additional functionality, you can also consider an event directory WordPress theme that's built to integrate with The Events Calendar. The Events Calendar collected a list of such themes here.

Can I list recurring events from Events Calendar Pro?

Recurring events can be a challenge for WordPress event plugins, including The Events Calendar Pro. Unfortunately, the plugin doesn't allow you to list each individual event in a series because they are not stored as separate posts in the WordPress database. However, there are several alternatives to consider.

One option is to create the series of events manually without using the recurring events feature. This involves creating one event and then cloning it to create the others in the series using a plugin like Duplicate Post.

Another alternative is to use a different event plugin that supports recurring events, such as Event Espresso or All-in-One Event Calendar. These plugins have their own unique features and layouts, which may better suit your needs.

Alternatively, you can use a custom-coded solution to list recurring events, although this option requires some coding knowledge.

There are several options available to list recurring events in WordPress, even if The Events Calendar Pro does not support it. By exploring the alternatives, you can find the best solution for your website and ensure that your visitors can easily find and engage with your recurring events.

Creating tables using other events calendar plugins

The above instructions explain how to create a table of upcoming events using The Events Calendar plugins by Modern Tribe. If you're using a different plugin such as Event Espresso or Events Manager, you can still use the Posts Table Plugin to display events in a table. However, the syntax for the shortcode will be different.

You'll need to send a support request to the events plugin author to ask for the correct terminology. Specifically, you need to know the name of the events' custom post type, plus the custom fields and taxonomies used to store the event data. To help you with this, here's some wording to send them:

"Hi, I'm using the Posts Table Pro plugin to display a list of upcoming events on my website. I need some information about the data that your plugin stores for my events so that I can display it in the table. Please could you tell me:

- The slug of the custom post type used for the events

- The slug for the following pieces of data and whether each one is a custom field/meta field or taxonomy (now add a list of all the columns you want to display in the table - e.g. event date, date, category, price)

Thank you very much"

Armed with this information about your chosen WordPress event plugin, you can use the instructions in this article to set up your shortcode.

If it's not possible to display a particular piece of information about your event (i.e. because it's stored in the wrong format), don't worry. You can still use the Posts Table Pro plugin to list events in a table. You just need to create your own custom field or taxonomy, add it to the events post type, and manually add the data there. This gives you full control so you can show the event data as a column in the events table or list.

How can I set up the WordPress calendar plugin if I don't already have it?

Before you can start using The Events Calendar plugin, you need to ensure that your website meets the system requirements. The plugin is compatible with WordPress 5.0 or higher and requires PHP 5.6 or higher. Make sure your website is running on the latest version of WordPress and PHP to avoid any compatibility issues.

How to download and install The Events Calendar plugin

To download the plugin, follow these steps:

  1. Go to the WordPress plugin repository or the Modern Tribe website.
  2. Search for "The Events Calendar" plugin.
  3. Click on the "Download" button and save the plugin zip file to your computer.
  4. Log in to your WordPress dashboard and go to the "Plugin" section.
  5. Click on the "Add New" button.
  6. Click on the "Upload Plugin" button.
  7. Choose the plugin zip file you downloaded in step 3 and click "Install Now."
  8. Once the plugin has been installed. click "Activate" to enable the plugin on your website.

Learn how to create a professional events website with the Events Calendar plugin

Consider taking my online course or reading my e-book to learn more about how to create a WordPress events website using The Events Calendar plugin.

The online course contains 36 lectures and over 3.5 hours of video tutorials. In this course, you will learn how to set up professional events website step-by-step. This also includes how to use The Events Calendar plugin to create an events table or list. The course covers everything from choosing a hosting provider to customizing your events page.

The e-book is available on Kindle. This provides a more basic introduction to setting up The Events Calendar. This resource is ideal as a written companion to the online course or as a standalone training book. The e-book covers the essentials of creating an events website, including how to install and configure The Events Calendar plugin.

Using these resources can help you maximize the benefits of The Events Calendar plugin. You may not have been utilizing all of its features and functionalities, which can enhance your event management process.

If you're still choosing a WordPress event plugin for your website, you can also check out our article on 2 ways to take the course and event bookings with WooCommerce.

Hiring a WordPress developer to create your events website

Consider outsourcing your WordPress website development to a web design agency or posting a job on Codeable. It's a marketplace for experienced WordPress developers. The platform ensures high-quality work and allows you to review each person's credentials before choosing the right person.

When you post a job on Codeable, it will be seen by people with experience with The Events Calendar plugin. After you receive quotes, you can check each person's reviews to choose the right person.

Common issues and errors with Events Calendar

The Events Calendar plugin is a powerful tool that allows users to create, manage, and promote events on WordPress. The plugin is generally reliable and easy to use. But there are some common issues and errors that you may encounter.

One of the most common issues is conflicts with other plugins or themes. The Events Calendar plugin relies on a specific set of code and functionality. As well as conflicts with other plugins or themes can cause errors or prevent the plugin from working correctly.

Another common issue is missing or incorrect event data. You may experience issues if you don't enter all the required information. Also, face data synchronization problems between the plugin and other tools. You may also encounter slow loading times or performance problems. This is true for a large number of events or high-traffic volumes.

How to troubleshoot and resolve these issues

There are steps you can take to troubleshoot and solve the problem.

First, you should check for conflicts with other plugins or themes. This can be done by disabling other plugins and switching to a default theme. Try enabling each plugin and theme one by one to find the source of the conflict if the issue disappears.

To fix missing or incorrect event data, check entries to ensure all necessary details are entered. If the problem persists, disable other plugins and themes to rule out conflicts.

Troubleshooting and resolving issues with The Events Calendar plugin requires a combination of attention to detail, patience, and technical know-how. They provide excellent support, so you can always reach out to them with any issues.

What theme is used on the video and screenshots for this post?

The website used in the video tutorial and screenshots is designed using the Avada theme, which is the most popular and bestselling WordPress theme of all time. If you're interested in replicating the design of this website on your own site, it's effortless to do so.

All you need to do is purchase and install the Avada theme on your WordPress site. Avada provides a vast range of customization options. This allows you to tweak your website's layout, colors, fonts, and other design elements. With the help of Avada's drag-and-drop page builder, you can easily create complex page layouts without any coding knowledge.

Apart from its customizable features, the Avada theme is also renowned for its speed, security, and SEO capabilities. These are crucial for ensuring that your website ranks high in search results and loads quickly.

How do I style an event calendar in WordPress?

Styling an event calendar in WordPress can be achieved in different ways. This depends on the plugin used to create the calendar. However, most WordPress event calendar plugins come with pre-built styles. As well as settings that allow users to customize the appearance of the calendar. Here are some general steps you can follow to style an event calendar in WordPress:

  1. Choose a WordPress event calendar plugin that suits your needs and preferences.
  2. Install and activate the plugin on your WordPress site.
  3. Navigate to the settings or customization options of the plugin to access the style settings.
  4. Adjust the settings to customize the colors, fonts, and other design elements of the calendar. Some plugins may offer more advanced options such as custom CSS. This allows you to add your own styles to the calendar.
  5. Preview the changes to see how they affect the appearance of the calendar. Make further adjustments as needed until you achieve the desired look.
  6. Save the settings and publish the calendar on your site.

In addition to the plugin settings, you can also use custom CSS to style the event calendar further. This can be done by adding CSS code to the "Additional CSS" section of your WordPress theme customization settings.

Alternative WordPress Event Calendar Plugins

There are several other WordPress event calendar plugins that you can use besides The Events Calendar plugin. Here are some of the best ones:

  1. WP Event Manager: This plugin is an excellent choice for those who want a lightweight and easy-to-use event calendar solution. It allows you to create events, manage attendees, and sell tickets directly on your website.
  2. All-in-One Event Calendar: This plugin offers a comprehensive set of features. This includes recurring events, custom event attributes, and social sharing options. It also provides a sleek and modern design that's fully responsive and mobile-friendly.
  3. EventOn: This plugin is known for its customizable and stylish design options. It comes with a drag-and-drop builder that allows you to create event calendars with ease. It also offers several add-ons, including ticketing and RSVP management.
  4. Modern Events Calendar: This plugin provides a modern and intuitive user interface. This includes powerful features such as recurring events, countdown timers, and Google Maps integration. It also offers various add-ons, including ticketing and social sharing options.
  5. My Calendar: This plugin is an excellent choice for those who want a simple and lightweight event calendar solution. It provides a range of features, including recurring events in WordPress, custom event attributes, and widget support. It's also highly customizable, allowing you to tweak the design and layout to your liking.

Selecting the right plugin for your website is crucial. It can greatly impact the functionality and overall user experience.

What else can I use the Posts Table Pro plugin for?

After using the WordPress table plugin to list your events in a table, the possibilities for displaying content are endless. The plugin provides you with a flexible way to organize your website's content. It makes it easy for visitors to find and engage with the information they need.

For instance, if you have a knowledge hub with various publications, you can use the table plugin to create a WordPress document library with filters that allow users to sort and search for the specific document they need. YOu can list them in a knowledge hub. You can also use the plugin to showcase audio and video content on your site, creating a video or audio gallery that is easy to navigate and search.

If you have a membership site, you can use the plugin to display a member directory, complete with member profiles and search functionality. This can be a valuable tool for building community and promoting networking among members.

Mastering event creation and management in WordPress

Event creation and management in WordPress can be a breeze if you have the right tools and knowledge. With the tips and tricks mentioned in this article, you can streamline your event creation process and ensure your events are successfully managed. Whether you're using a plugin or custom code, it's important to stay organized and keep track of all your events.

By following the best practices for event creation and management, you can save time and increase engagement with your target audience. So, start mastering your event creation and management skills in WordPress today and take your events to the next level!

WooCommerce price list plugin

Lots of business owners waste time manually creating a WooCommerce price list for their website. While it's true that WooCommerce doesn't come with a built-in price list, this doesn't mean that you have to do it manually! 

In this tutorial, I'll show you how to use a WordPress price list plugin to create a dynamic price catalog listing the costs of all your products. You can choose whether to keep the pricing page public or hide it from public view.

What is a WooCommerce price list plugin?

WooCommerce price catalog plugin

A product price list is basically an easy-to-read catalog of product prices. It might list the pricing for all your products in a single list, or you might have different lists for each category.

If you have a printed catalog then it's often worth having a public or hidden price list for customers to view online. This saves having to re-issue a printed price list every time your pricing changes.

Or maybe you need to generate a reseller price list in WooCommerce, so that B2B buyers can see all the prices in one place.

A WooCommerce price list plugin is normally quite simple, consisting of a product table view with 2 columns: Name and Price. This lets customers compare all your products alongside one another based on price.

Ideally, a WooCommerce pricing table can be sorted by price so that customers can view the list starting with the lowest or highest cost products. You might also want to add extra columns of information (e.g. category or product attributes). Some price list plugins have extra features such as price filters or sliders. These let customers or resellers find specific products and refine the table to view prices.

As you can see, there are lots of different types of WooCommerce pricing table. You can create all sorts of product price list with the WooCommerce Product Table plugin, which I'll tell you about next.

See a demo of the WooCommerce price catalog plugin in action

WooCommerce Product Table - The ultimate price catalog plugin

WooCommerce Product Table is the bestselling WordPress plugin by ourselves at Barn2 Media. It instantly lists products in a simple or a more advanced table view. It's the perfect WooCommerce price list plugin because it creates flexible product price lists, with no need for manual data entry. You don't have to re-enter the prices or import from another program such as Excel - the plugin creates pricing tables instantly using information already stored in the WordPress database.

You can keep your pricing table simple with columns for product name and price, and no extra features. Or if you prefer, you can add columns of extra product data, plus extra features such as search box and filters. There are options to list all product prices or specific products only (for example, products from a certain category).

WooCommerce product table price catalog

First, I'll tell how how to use the Product Table plugin to create a simple price list and more advanced pricing tables. Later, I'll explain how to make this page available to the public, or to create a hidden price list which only certain people can see.

Create a simple WooCommerce price list

It only takes a few minutes to install WooCommerce Product Table and create a basic product price list:

  1. Get WooCommerce Product Table, then install the plugin by following the instructions in the confirmation email. You need to activate your license key for the plugin to work.
  2. Use Pages > Add New in the WordPress admin to create a page. Call it 'Pricing Catalog', 'Price List' or whatever you like.
  3. Now, add the shortcode [product_table columns="name,price"] to the page.
  4. Save the page and view it.
Simple WooCommerce price catalog plugin

In just 4 steps, you created an instant WooCommerce price list. The plugin has listed all the products in your store in a dynamic table layout with columns for name and price. Customers can find products by typing in the search box, or click on the 'Price' column header to sort by price in ascending or descending order. Easy!

Create more advanced WooCommerce price lists

The simple price list in the previous section may be all you need. However, WooCommerce Product Table is a powerful plugin and you can also use it in more advanced ways. There are lots of options to configure your price catalog, add multiple pricing tables and much more. The plugin has dozens of options, but here's a summary of the most relevant ones for creating a WooCommerce price catalog.

Recommended options

  • Create multiple price lists with different products By default, the WooCommerce price list plugin lists all the products from your store. Alternatively, you can create separate pricing tables - for example, one list for each category.
  • Add extra columns of product data The WooCommerce pricing table plugin supports all the built-in WooCommerce product data, plus extra fields such as custom fields and taxonomies. This lets you display extra product data in the pricing table. Think carefully about which products to include, and add whichever columns will help to increase sales! If you want customers to be able to buy directly from the price list then you can even include add to cart buttons or checkboxes.
  • Add product filters If your price catalog contains lots of products, then you need to provide an easy way for customers to find what they want. As well as the (optional) search box above the table, you can add filter dropdowns above the pricing table, or filter widgets in a sidebar.
  • Change how the price list is sorted By default, products are listed in the order set in the main WooCommerce settings (WooCommerce > Settings > Products > Display). You can change this to order the WooCommerce pricing table by any column. For example, [product_table sort_by="price"] will sort by price in ascending order, with the cheapest first. There's also an option to change the sort order. Customers can override this by clicking on any column header in the price list.
  • Fast-loading Lazy Load option WooCommerce Product Table is very quick to load, but if you have 100's of products (or more) then that's a lot to load all at once. You can improve performance for big price lists by activating the lazy load option, which loads 1 page worth of products and pricing at a time.

Advanced Woocommerce price list plugin

Add quick view to the WooCommerce price list

Lots of people like to create a WooCommerce price list that also acts as a one-page order form. The aim is that customers can view prices and order from one page, without having to visit a separate page for each product.

You can do this by including an add to cart column in the price list. Or if you have too much information (or too many product variations) to fit into a simple price list, then you can add quick view instead.

WooCommerce Product Table Quick View Magnifying Glass
Add quick view buttons or links to your WooCommerce price lists.

By using WooCommerce Product Table with its sister plugin, WooCommerce Quick View Pro, customers can open a quick view lightbox for each product. This allows for faster shopping than sending customers to individual product pages, as they remain on the price list page at all times.

You can choose what information to show in the quick view including product images, specific information, and add to cart options.

How to help people find your WooCommerce price catalog

It's easy to make your WooCommerce price list available for public view. You can link to the price list page in exactly the same way as any other link in WordPress. For example, you can link to the pricing list page from your navigation menu, or anywhere else on your site. You might want a 'Price List' link in the menu, or a button in a sidebar widget.

Or if you prefer, you might want to hide the price list from public view. I'll tell you how to do this next.

Create a hidden WordPress price list

So far, you've learned how to create a WooCommerce price catalog listing your product prices. But what if you want to keep your pricing private and hidden? Fortunately, there are a few ways to do this depending on the privacy level you need for your price lists.

Option 1 - Password protect the price list page

Choose this option if you want to hide the price catalog page from public view, while leaving the rest of your store (including the prices on normal product and category pages) public.

You can easily password protect the page where you're using the WooCommerce price list plugin. Simply choose the 'Password Protected' option from the 'Visibility' settings in the 'Publish' box on the Edit Page screen. Only people with the correct password will be able to access your price lists.

Option 2 - Hide prices from logged out users

WooCommerce Product Table integrates with the free Hide Price Until Login WordPress plugin. If you add this plugin, then the product prices on your price list AND elsewhere in your store will be hidden. They will then appear when the customer or reseller logs into their user account.

Option 3 - Hide prices for a specific group of products only

Perhaps you want a public store with prices, with a completely hidden area where both the products and price list are hidden. You can achieve this using the WooCommerce Password Protected Categories plugin.

This hide price WooCommerce plugin lets you create one or more password protected categories and protect them with one or more passwords. Password protected categories and their products can either be shown in the public parts of your store and price list. People must enter the password to access the single product page. Alternatively, you can hide password protected products from your public store and price list so that they only appear once someone has entered the password.

You can use the same WooCommerce privacy plugin to create private categories. Their products will only appear to logged in Editors and Administrators. (You can change which user levels private products are visible to with the User Role Editor plugin.) The products in private categories are hidden from everyone else. This is a good option if you want a single price list, with some product available to everyone and others only visible to specific user levels. You can create a single WooCommerce price list with public products visible to everyone, and private products which only appear for the correct user levels.

Can customers print the WooCommerce price list?

The WooCommerce Product table integrates perfectly with the free Print, PDF, Email by PrintFriendly plugin. This simple plugin can add Print or Save As PDF buttons to the top or bottom of your WooCommerce price catalogue.

The plugin settings page has options to automatically show the Print/PDF button at the top or bottom of every page or post on your website. If you don't want this, then you can just add it to your price list page using this shortcode: [printfriendly]

Create your own price list today!

By now, you've learned how to create a WooCommerce price list and how to customize it to suit your needs. You've also learned how to make it public or hide it from public view.

Now you can start creating dynamic price lists for your own products. Once you've set up your pricing tables, the prices will update automatically whenever you change your pricing. You don't need to worry about keeping the list up to date.

I'd love to hear how you get on. Please add your comments and questions below.

If you're looking to add an extra layer of security to your WooCommerce shop, password protecting it can be a great protection option. This is particularly useful for wholesale stores, membership sites, and other types of WordPress sites that require restricted access. Learn how to password protect your WooCommerce shop page and safeguard your online store with ease.

But, by default, WooCommerce doesn't provide any way to add a WooCommerce password to your entire shop. That means, as is the WordPress way, you're going to need a little help from a plugin.

To that end, I'm going to spend this post showing you how to password protect a WooCommerce shop page using a simple but effective plugin with just a few settings. I'll provide full written instructions plus a step-by-step tutorial video. When you finish, you'll know exactly how to get functionality like this for your shop using the WooCommerce Private Store plugin:

example of how to password protect a woocommerce shop

Importance of password protection for WooCommerce shops

Password protection for WooCommerce shop pages is essential for a number of reasons. Firstly, it can help to ensure that only authorized users are able to access certain areas of your entire store. For example, if you're running a wholesale store, you may want to restrict access to pricing information and other sensitive details to approved users only. Similarly, if you're running a membership site, you may want to ensure that only paying members are able to access premium content.

By using a WooCommerce password to protect your shop page, you can also add an extra layer of security to your online store. This can be especially important if you're dealing with sensitive customer data, such as credit card details and other personal information. WooCommerce password protection can help to prevent unauthorized access and potential data breaches, safeguarding your business and your customers' privacy.

In addition to these benefits, password protect WooCommerce plugin can also help you to create a sense of exclusivity and demand for your products. By making certain products or areas of your WooCommerce store password protected, you can create a sense of exclusivity and scarcity that can help to increase sales and drive customer engagement.

Now, let's look at a couple of real-life examples from companies that needed to password protect WooCommerce shop page.

Case study #1: Sprezzatura Imports

Sprezzatura Imports is a wholesale coffee distributor in the US. They specialize in importing the Italian coffee brand ICAF and sell to distributors through a private password protected WooCommerce shop page. This is where our WooCommerce Private Store plugin comes into play.

Only distributors can access the price list and purchase single products, that’s why this area is locked away behind a login screen. To secure the private online shop, Sprezzatura Imports used our WooCommerce Private Store plugin. Everything Sprezzatura Imports want to hide from the public can be hidden in this secure area.

And to keep things simple, registered distributors can quickly access the WooCommerce orders password protected area as the login page has been added to the navigation menu.

Sprezzatura Imports login screen

Case study #2: Montana Medicinals

WooCommerce Private Store Case Study Montana Medicinals
The Montana Medicinals homepage

Gecko Designs were building a ecommerce website for Montana Medicinals, which operates a medical marijuana dispensary in the State of Montana. For legal reasons, they needed to password protect their WooCommerce shop so that only pre-authorized customers could access it.

The developers achieved this in minutes using the WooCommerce Private Store plugin.

First, they used a sitewide WordPress age verification plugin to ensure that no one over age 18 can access the website at all. For added security, they used WooCommerce Private Store to password protect the WooCommerce shop.

When you click on the Shop link in the navigation menu, you are prompted for a password:

WooCommerce Private Store Case Study

If Montana Medicinals has given you the password, then you can unlock the WooCommerce shop and purchase the medicinal marijuana within. If you do not have a correct password, then you cannot unlock the shop to view password protect products or buy.

The developer was delighted with the plugin and wrote a glowing review:

Worked perfectly!
We used this plugin to comply with a US state law in Montana that required a medical marijuana dispensary password protect their WooCommerce catalog. It worked perfectly and was easy to configure!

How to password protect a WooCommerce shop

Beyond the obvious of having a WooCommerce store that actually needs password protecting, all you'll need to follow this guide is the WooCommerce Private Store plugin. WooCommerce Private Store lets you protect your shop with one or more passwords, as well as choose:

  • How long the store stays unlocked when a user enters the password
  • What page users can log in to the store from
  • Where to take users after they log in

When you use the plugin, every aspect of your shop is hidden until a user enters the password, including:

  • Shop pages
  • Navigation menu links
  • Sidebar widgets

While the store functionality is hidden until the user enters a password, the rest of your site will function like normal. By using the password protection visibility option for your WooCommerce shop, your website visitors will still be able to view your homepage, blog, and regular WordPress pages. Only the password-protected content will be hidden and accessible only to approved or logged-in users.

Features and benefits of the plugin for WooCommerce shops

The WooCommerce Private Store plugin is a powerful and flexible tool for password protecting your WooCommerce shop. Here are some of the key features and benefits of this plugin:

  1. Password Protection: The WooCommerce Private Store plugin allows you to password protect your entire shop or specific product categories, products, or pages. This helps to keep your products and pages private and secure and allows you to restrict access to specific user groups or individuals.
  2. Customization: With the WooCommerce Private Store plugin, you have full control over the design and functionality of your password-protected shop. You can customize the message displayed to users when they attempt to access your shop, and can also choose whether to hide or show product prices and checkout buttons.
  3. User Management: The plugin includes user management features that allow you to add, edit, and delete users with ease. You can also create user roles and assign specific permissions to different user groups, giving you granular control over who can access your shop.
  4. Security: The WooCommerce Private Store plugin includes several security features to help protect your shop and your customers' data. You can require strong passwords and enable two-factor authentication, and can also choose to log out inactive users automatically after a certain period of time.
  5. Integration: The plugin is fully compatible with other WooCommerce plugins and themes, allowing you to customize and extend the functionality of your shop as needed.

Step 1: Set up general settings

Once you've activated the plugin and entered your license key, go to WooCommerce → Settings → Private Store to set up the passwords that unlock your store, as well as a few other general options.

You can use a single password for everyone. Or, you can use the Plus icon to create multiple passwords that unlock your store.

Below the passwords, you should also enter a value for Password expires after. This plugin settings lets you control how long, in days, the store remains unlocked after a user enters the password:

how to password protect a woocommerce shop

Below that, you can use the Redirect URL field to redirect the user to a specific products page after they enter the password. If you leave this blank, visitors will just go to your normal shop page after they enter the password.

Finally, you can also choose whether or not to automatically unlock the store for Logged in users or specific user roles.

If you check this box, anyone who's logged in to your WordPress website will not need to enter the password in order to see the store:

how long to unlock store

Step 2: Configure login form

Below the general settings page, you can use the Login form section to configure the page where users log in.

The settings are all fairly self-explanatory:

login page details

How the plugin works in more detail

Once you have installed the password protect WooCommerce shop page plugin, all traces of your store will disappear from the front end of your site. All of your regular WP content will function normally, though:

regular site

If a user:

  • Goes to the store login page
  • Tries to access any WooCommerce page via a direct URL

They will see your login form like this:

store login page

And as soon as they enter a valid password, they'll instantly see all of your:

  • Store and product pages
  • Navigation menu items
  • Widgets
unlocked store

And that's all there is to it!

For a more surgical approach, you can also use the WooCommerce Password Protected Categories plugin to password protect a single product category, rather than your entire shop. You can also use our plugins to build a members-only WooCommerce store.

Protect your WooCommerce shop page today!

If you're running a WooCommerce shop, it's crucial that you take steps to ensure the security and privacy of your customers' data. One of the simplest and most effective ways to do this is by using a password protect WooCommerce shop page plugin.

By password protecting your WooCommerce shop page, you can restrict access to sensitive information and prevent unauthorized users from viewing or making purchases. This can help to safeguard your business and your customers' privacy, and prevent data breaches and other security issues.

Adding password protection for your WooCommerce shop page is easy and straightforward. There are many plugins and tools available to help you get started. Whether you're running a wholesale store, a membership site, or any other type of online store, password protected pages are an important consideration for enhancing the security and functionality of your shop.

So if you haven't yet implemented password protection for your WooCommerce shop page, we encourage you to take action today. With the right tools and resources, you can quickly and easily enhance the security of your online store, and provide your customers with the peace of mind they need to shop with confidence.

If you have any other questions about how to password protect a WooCommerce shop, leave a comment and we'll be sure to help out.

WordPress private blog.

Do you want to collaborate on private projects within a workplace team? Perhaps you want to restrict content to paid subscribers, or give specific access to site subscribers/bloggers with password protection? Or you might want to share photos and updates among family and friends. You may even need to distribute online training to bloggers, for example.

You can do all this and more with a WordPress private blog plugin.

With the right tools, it's surprisingly simple to create a WordPress private blog. In this guide, I'll show you how to protect your blog content in just a few minutes by changing its visibility.

We'll first start with the "why", and show you some example use cases of private blogs, and then get into the "how" of doing this on your own blog – including advanced features such as a convenient user login page. By the end of this blog, you'll be totally prepared to create private posts yourself.

You'll learn to create password protected and private blog posts using the popular plugin, Password Protected Categories.

You can get a head start by getting the plugin right away, or continue reading for the "why" and then the "how". Let's make a start.

Why create a WordPress private blog?

A WordPress private blog allows you to protect some or all of your posts. You can also choose how users access this protected content: either using a password, or by logging into their WordPress user account..

It's a good idea to take some time to consider whether, for your particular blog, you want to protect some of your private pages or all of them, and how you want users to access your content.

Popular uses of a private WordPress blog plugin

With that in mind, let's look at some of the most popular uses of a WordPress private blog plugin:

  • Subscription blogs If you offer paid or tiered content, a WordPress private blog plugin is ideal. You might even choose to keep some of your posts public while protecting others in order to entice new subscribers.
  • Community building A completely hidden blog is a great place to share news and updates exclusively within your community.
  • Membership levels Do you run an organization or club with different membership levels? With a private blog, you can choose which posts are visible to which members.
  • Client areas You can share content with specific types of clients, or even create special areas within your private blog for individual clients.
  • Workplace communicationCommunicate important, private news and updates to your staff members. Or create a space to collaborate on private projects within a workplace team.
  • Personal blog Create a private blog that's hidden from search engines and share it with only the people you choose.
  • Training Offer online training either within a workplace or to subscribers – you can even include videos. If it's for paid subscribers, you could also offer teaser training videos to encourage signups.

Whichever usage you want, the process is identical. You might even choose a use case we haven't thought of! That's absolutely fine: the process is exactly the same, whatever you want to use your private blog for.

In the next section, I'll show you how to do this in practice: protect some of your blog posts, while keeping others public. Alternatively, if you're interested in protecting your entire WordPress site, you can skip ahead. For both, we'll show you how to setup convenient login pages for your visitors, clients, and/or customers to smoothly access your content.

How to protect some (but not all) of your blog posts

If you want to keep some of your blog posts public while keeping others visible, you can change the visibility of selected blog categories. This lets you create a private site area within your blog, which only specific users will be able to view. For example, you might want to keep paid content hidden while offering teaser blog posts, or have some areas of your blog only viewable by certain clients.

Changing blog category visibility isn't possible using the core WordPress software, so you'll need the plugin Password Protected Categories.

Password Protected Categories adds a visibility option to blog categories. This makes it easy to change the visibility of categories between Public, User role protected, and restricted to individual user accounts , just as you can with individual posts. It's better than protecting individual posts because it actually hides them from your main blog page. Users can enter a single password to unlock the whole private WordPress blog instead of having to enter a password for each post.

Get Password Protected Categories

Using this plugin you can:

  • Either password protect blog categories so only people with the correct password will be able to view posts in protected categories. You can create as many passwords as you need without having to add lots of users who could potentially make unwanted changes to your website.
  • Or restrict blog categories to specific logged in users or roles so that only certain people can see them.

Firstly, buy the Password Protected Categories plugin. To upload the plugin file, go to PluginsAdd New and click Upload Plugin. Choose the plugin file from your computer and click Open. Click Install Now then Activate Plugin.

Once activated, head to SettingsProtected Categories and enter your license key:

Password protected blog categories settings.

Let readers register for private blog access

You can let your readers self-register for private blog access by using the Profile Builder or Theme My Login plugin. Both plugins create an attractive front end registration form (plus login page). Install the plugin, and activate.

The plugin automatically generates a set of login pages, which you can find under Pages in the WordPress dashboard. You're now able to send readers to the Register page, where they can self-register for access to your private blog. Use the TML icon on the bottom left of the WordPress Dashboard, and then click Enable user moderation to ensure you have full control over who can register for your site.

You can use this capability in conjunction with with Password Protected Categories' user role protection. The registration form will give users access to the role that has access to the protected categories. This gives you a full suite of private blog capabilities.

Read on for more details on how to edit blog category visibility. You have two options: set blog categories to be password protected (below), or restrict blog categories based on user or role (click to skip to this).

Option 1: Set blog categories to password protected

A password protected blog is a great choice if you have more than a couple of people who'll be reading your private blog posts. It's also good if you don't want each person to have an individual user account on your website, as all they need is the password.

To password protect blog categories, you can create new blog categories and set their visibility to Password protected or you can edit the visibility of existing blog categories.

To create a new blog category, in your WordPress Dashboard, go to PostsCategories. Write the category name and slug. Scroll down to the Visibility section, select Password Protected. Type your password and click Add New Category:

WordPress private blog category.

Password protect the blog category

To categorize a blog post as password protected, go to the Edit Post screen and check the box next to the password protected category:

Make post category private.

To edit the visibility of existing categories go to PostsCategories and hover over the category you want to change. Click Edit, scroll down to the Visibility section and select Password Protected. Type your password and click Update.

When enabled, a single password protects and unlocks an entire category. You can protect as many categories as you need and create as many passwords as you like for each. For example, you might like to create a password for each of your users. That way, if you no longer want a user to access the content, you can just delete the password to revoke access. To view password protected content, users need to enter a password to view all content in that particular category:

Private post category.
[/image_border]

To alter the login form message, or how long a category remains unlocked before a password needs to be reentered, head to Settings → Protected Categories.

Option 2: Create user or role restricted blog categories

This option is perfect if you have blog content that you only want certain users to access when logged into the WordPress Admin. 

To user or role restrict a blog category, you can either create new blog categories or edit the visibility of existing blog categories.

To create a new blog category: in your WordPress Dashboard, go to PostsCategories. Write the new category name and slug. Scroll down to the Visibility section, select Protected, select the users and/or roles who require access, and click Add New Category.

To edit the visibility of existing categories, go to PostsCategories and hover over the category you want to change. Again, change the blog category visibility settings as required.

Only those users with the correct user account or role access will be able to view the private blog categories, and only when they're logged in.

How to make an entire WordPress blog private

Rather than making select blog categories private, you might like to create a standalone WordPress private blog that's only visible to specific users. This is useful for workplace communication, or personal blogs for example. Again, it's easy to do using the plugin, Password Protected Categories. The first step is creating private parent and sub-categories for your blog. The second step is to create a login page so users can login to gain access to your blog.

Step 1. Create private blog parent and sub categories

To recap how to install the plugin: buy the Password Protected Categories plugin and upload the plugin file, by going to PluginsAdd New and click Upload Plugin. Choose the plugin file from your computer and click Open. Click Install Now then Activate Plugin

Once activated, head to SettingsProtected Categories and enter your license key.

There are two ways you could create an entirely private blog. One way would be to set the visibility of all your blog categories to either Private or Password protected. A much slicker way is to create a parent blog category with sub categories. In this case, users will be able to unlock the entire WordPress private blog, including all the sub categories, with one password. This means you have an entirely private blog, which is as easy to navigate as a public blog.

First, you'll need to create the parent blog category. In your WordPress Dashboard, go to PostsCategories. Write the category name and slug. Scroll down to the Visibility section, select Password Protected. Type your password and click Add New Category:

Add parent category.

Next, you'll create a sub category. Write the category name and slug. Then under the section Parent, click the dropdown and select the parent category you just created. Scroll down and click Add New Category:

Password protect sub category.

Note, you don't need to change the visibility of the sub category as, thanks to the plugin, it will already be password protected and only visible to users who have entered the parent category password.

You can create as many additional sub categories as you like - think of these like the categories of a public blog.

Step 2. Set up blog login

Head to SettingsProtected Categories. You'll see the option Show Protected. This doesn't affect the visibility of post content on your site. However it does affect whether your post categories and any blog titles within those categories are public.

Whether you check this box or not, dictates how users can login to your blog. If you keep blog categories and titles public, users are prompted to login when they try to view any protected content. If you uncheck this box, you'll need to provide a centralized login page so users can login and be directed to the your blog. Read on to find out how these two options work:

Option 1: Keep blog categories and titles public

If you want people to be prompted to login when they try to access a post or category in your WordPress private blog, head to SettingsProtected Categories and ensure the Show Protected box is checked. Remember, they won't be able to view the content of the posts unless logged in – only the information such as post titles and categories.

When you select this option, your protected content will, however, be visible to RSS readers. If you don't want entire posts to show in an RSS feed, head to Settings Reading. Next to the option For each article in a feed, show, select Summary. This ensures only a summary or excerpt appears in RSS feeds.

Option 2 (recommended): Create a centralized category login page

To make it even easier for users to login and view your blog, create a centralized login page for your WordPress private blog.

First, uncheck the box next to Show Protected. Your blog is now completely inaccessible on your website.

Next, you need to create a login page. Head to PagesAdd New. Call the page something like 'Login To My Blog' and in the content area add the shortcode [category_login]

If you preview the page, you'll see your centralized category login page. Here users can login to view your blog.

Centralized category login.

To change the message that appears above the login box, head to SettingsProtected Categories. Here you can edit the Form message. Alternatively, you can override the message by adding message="a different message" to the shortcode.

For example:
[category_login message="Log in to read the blog!"]

You may wish to also add a link to the registration page we created earlier.

Hit Publish. You'll most likely want to add this login page to your menu so it's easy for users to access. To do this, head to AppearanceMenus, select the page and click Add to Menu then Save Menu.

Users get automatically redirected to the correct category page when they enter the correct password on the login page.

You're now set up with a private blog, complete with convenient login page for your users.

Easily make a WordPress private blog

Whether you're building a subscription blog, community or membership site, need to communicate with your team or clients, or have any of the other WordPress private blog plugin use cases we outlined earlier, this WordPress tutorial has shown you all you need to know to create a private space for your content.

We've looked at why you might want to create a private blog, and then how to do it. We've shown you how to use Password Protected Categories to make any part of your blog private, to achieve any of the use cases outlined above. You can get the plugin in order to put this into practice.

Interested in making other parts of your blog password protected? Read our Password Protect WordPress guide to learn how to make the rest of your site, or even your WooCommerce store, private.

And, of course, let us know in the comments below if you have any questions about making your particular blog a private one. Thanks for reading!

Lots of website owners need index pages on their WordPress site, or a blog post index listing articles in alphabetical order. Surprisingly, there is no good WordPress index plugin available for listing your website content. Today, I'll show you how to use the Posts Table Pro WordPress table plugin to create index pages, posts, or even custom post types.

Using the Post Table Pro WordPress table plugin is a great solution if you're looking for a way to organize your WordPress site. It also makes it easier for visitors to find the content they need. With this plugin, you can create a searchable and sortable index that lists all your web pages or blog posts.

Your WordPress index plugin or WP index can be customized to display only page/post names or additional information by adding extra columns. Your finished WordPress index plugin pages will look something like this:

WordPress index plugin example

We'll take a closer look at how to use Posts Table Pro, and how you can customize it to fit your specific needs. We'll cover everything from creating a WordPress index and adding custom post types to configuring filters and making it searchable. If you're a blogger, freelancer, or business owner, read on to learn how to use Posts Table Pro to create a powerful and user-friendly index WordPress site.

See a WordPress site index in action on our demo page.

What makes a good WordPress index plugin?

First, let's look at what an index actually is. Then we can think about the best way to create a WordPress index.

The definition of an index is:

  1. "(in a nonfiction book, monograph, etc.) a more or less detailed alphabetical listing of names, places, and topics along with the numbers of the pages on which they are mentioned or discussed, usually included in or constituting the back matter.
  2. a sequential arrangement of material, especially in alphabetical or numerical order."

A WordPress site index plugin should list content such as pages, posts, or other content types in an alphabetical listing. Moreover, the plugin should let you include other material from the site contents in the index, such as tags, categories, authors, or even custom fields and taxonomy terms.

A WordPress index plugin can list any content type alphabetically. If you store events or date-based articles in WordPress, the plugin can also list content by date.

You may also like: How to create an alphabetical index with a WordPress A-Z plugin.

Posts Table Pro - The perfect WordPress index plugin

When it comes to finding a WordPress index plugin, you may find that the options are limited. A quick Google search or any other search engine will reveal that there aren't many plugins available to choose from, which can be frustrating.

Even more frustrating is that many of the available options don't really provide the functionality you'd expect from an index plugin. Some of the plugins available focus more on displaying site contents in a grid layout with thumbnail images, rather than creating a list layout as you would expect from an index. Other plugins may be outdated, with no updates in years, which can be a major warning sign when it comes to compatibility with the latest WordPress versions.

Fortunately, with Posts Table Pro, you can create an index that lists your website pages or blog posts in a clear and organized way, with the added ability to include custom post types. It has all the features you'd expect from an index plugin:

  • Alphabetical index of WordPress blog posts

    Create an index of WordPress pages, blog posts, or any custom post type (e.g. e-commerce products, events, documents, portfolio case studies, testimonials, etc.).

  • The index items are listed in a table layout with whichever columns of information you choose to include.
  • There are multiple sorting options, including alphabetical or date-based sorting.
  • You can either index all your WordPress site content, or just create an index for a specific post type, category, tag, or similar.
  • Users can search, sort, and filter the index to find the content they're looking for.

Get Posts Table Pro

To better understand how the WordPress index plugin works, let's take a look at a real-life case study. Imagine you have a website with a large amount of content, including blog posts, products, and other custom post types. As your content library grows, it becomes increasingly difficult for your visitors to find what they're looking for.

In addition to creating an index of blog posts and pages, you can also use this plugin to list other custom post types on your website. For example, if you have a WooCommerce store, you can use Posts Table Pro to create a searchable index of your products.

Other potential use cases for a WordPress index plugin include creating an index of resources such as eBooks or whitepapers or creating a directory of staff or team members. Check out other use cases and case studies below. Once you've identified the use case that best fits your website, you can use Posts Table Pro to create a customizable index page with various display options. You can even add filters to the index, such as categories or tags.

Case study - Index of blog posts for Journey With Omraam

WordPress index plugin to list blog posts

Journey with Omraam wanted to create a WordPress index plugin page listing all their site's blog posts. You can see this on their 'Search All Posts' page.

The blog posts are listed in a table layout with columns for the post title, content, post date, author, and categories. Users can quickly find a specific article by using the keyword search box or clicking on a category to filter the index for that category. They can then click on the title to read the full post.

Use case - WordPress site table of contents

Most WordPress table of contents plugins don't actually list all the pages from your website, which is what you'd expect. Instead, they create an internal table of contents to aid navigation within an individual post. They're a good way to break up long articles because they add jump links to the various sections of the post. However, they're not used for creating an index listing all your site's pages!

You can use Posts Table Pro to list all the pages on your WordPress site in an alphabetical table of contents or index. Choose your columns, add any extras such as a search box or dropdown filters, and it's an ideal way to help people navigate your website. It's far better than an HTML sitemap plugin because there are extra features such as search and filters, plus you can add extra data about each page instead of just the title.

Next, we'll get to the practical part of this beginners' tutorial. I'll show you exactly how to set up Posts Table Pro as the best WordPress index plugin.

How to create an index of WordPress posts, pages, or custom posts

First, purchase the Posts Table Pro, you will receive a confirmation email containing a download link and a license key. Download the plugin from the link provided in the email and save the zip file to your computer.

To install the plugin on your WordPress site, navigate to the Plugins section in your WordPress admin panel, click on "Add New", and then choose the "Upload Plugin" option. Select the zip file containing the plugin, and click on "Activate" once the installation is complete. Once the plugin is activated, a setup wizard will appear, which will take you through a step-by-step process to create your first table. You can also create new tables any time by navigating to Post Tables → Add New.

Configuring your WordPress site index

Ok, so far you've learned how to use a WordPress index plugin to create index listing pages, posts, or custom post types. Next, I'll talk you through the steps to configure your index.

Choose which columns to include in the index table

To create a table in WordPress, first, give your table a name for internal use that will appear in the list of tables in the WordPress admin. Then, choose the post type you want to display. In this case, choose 'pages'. Next, select which pages you want to include in your index.

To customize the columns of your index in WordPress, you can select which columns to add and in what order. Since we're creating an index for your pages, you may want to include details such as post id, title, content, excerpt, image, date, author, categories, tags, status, or any custom field.

To add a column, choose the column type from the dropdown menu and click "Add." The added columns will appear in the list of columns above, and you can rearrange them by dragging and dropping the sort icon or column title. You can also rename a column by clicking the pencil icon, or hide the column name completely using the toggle. If you want to remove a column, simply click the X icon next to it.

Add filters to the index page

To refine user selections in your index, you can add filters that cater to your target audience. Consider what your visitors would find most useful. For instance, you may require filters by author, category, and date.

Filters appear as dropdown menus above the table and you can add as many as you need!

How to sort your WordPress index in numerical order

Posts Table Pro doesn't have the option to index site content in number order. However, you can do this by adding the numbers in a format that will also make sense in alphabetical order.

Let's assume that you want to create a numerical WordPress index content based on a column containing numbers 1, 2, 5, 10, 11, 22, and 29. Added in a single-digit format, the numbers will be listed wrongly as 1, 10, 11, 2, 22, 29, and 5. That's because they're in alphabetical order.

Sorting a WordPress index in date order

You can set the default sorting option and the sort direction for your index. This provides you with greater control over the order in which your index is displayed to your users.

Sorting options help to organize data into a logical sequence that is easy for users to understand. You can sort data in ascending or descending order, depending on your preference. By selecting the default sorting option, you can decide which column to sort the table data by, and how it should be sorted.

Display your index page

After you have finished creating your table with the Post Table Pro plugin, the setup wizard will verify that you have completed it and offer guidance on how to insert the table onto your WordPress site. You can either use the "Post Table" block in the Gutenberg editor or simply copy the shortcode from the table builder and paste it wherever you wish on your site. This gives you the flexibility to place the table on any page, regardless of its content.

Create a WooCommerce index listing E-commerce products

Posts Table Pro works and lets you create a product WordPress index page for practically all WordPress e-commerce plugins. This includes Easy Digital Downloads, WP eCommerce, and others. That's because all these e-commerce plugins store their products as a custom new post type.

Follow the above step-by-step tutorial to create an index of products for any WordPress E-commerce plugin.

You may also like: Learn how to use Posts Table Pro to list Easy Digital Downloads products.

It also works for WooCommerce. However, if you need an index WordPress of WooCommerce products then you're better off with our other WordPress index page plugin, WooCommerce Product Table.

The instructions for creating an index WordPress with WooCommerce Product Table are very similar to Posts Table Pro. The difference is that it has extra support for WooCommerce, such as add-to-cart buttons and reviews. So I'd recommend that for a WooCommerce index plugin instead.

WOOCOMMERCE PRODUCT TABLE

Next steps

Posts Table Pro can help you create index pages for your website content easily. Unlike other dedicated index plugins, it offers greater flexibility, customization, and sophistication. This plugin lists custom post types, allowing you to create a tailored content index for your site.

If you're looking to improve your user experience and speed up your content indexing process. It also offers your visitors a more organized and structured way to navigate through your site, Posts Table Pro is the ideal solution for you. So why wait? Get it today and start creating index pages of your own website content.

Hide WooCommerce products

Looking for a solution to hide WooCommerce products at your store? Sometimes you don't want every single product available to the public, especially if you're running something like a B2B/wholesale or members-only store (though the use cases definitely don't stop there).

In this step-by-step tutorial, I'll show you how to hide products in WooCommerce using three different methods, depending on the level at which you want to hide your products. By the end of this article, you'll be able to hide:

  • A single product using WooCommerce to hide specific products from the shop page.
  • An entire category of products using the WooCommerce Protected Categories plugin (either by password, role, or individual user login).
  • Your entire store using the WooCommerce Private Store (either by password or user login).
An example of a category hidden with a password

WooCommerce Private Store
Protected Categories

Benefits of Hiding Products on a WooCommerce Store

There are several reasons why store owners might want to utilize WooCommerce hide products on your ecommerce store:

  1. Exclusive products: You may have some products that you only want to make available to a select group of customers, such as a VIP customer group or WooCommerce members of a loyalty program. By using the WooCommerce hide product feature, you can create a sense of exclusivity and make customers feel special.
  2. Seasonal products: If you sell seasonal products, you may want to hide them during the off-season to avoid confusing customers or cluttering up your online store. This can also help you to manage your inventory more effectively.
  3. Pre-launch products: If you're concerned about product visibility WooCommerce, and are planning to launch a new product or collection, you might consider hiding it until you're ready to make it available to the public. This can help to build excitement and anticipation among your customers.
  4. Wholesale products: If you offer wholesale customers pricing to certain customers, you may want to use the WooCommerce hide product feature from other customers who are not eligible for the discounted pricing.
  5. Personalization: You may want to create a personalized shopping experience for your customers by using product visibility WooCommerce based on their past purchase history, preferences, or other factors.

Which way of hiding WooCommerce products is right for you?

I'll keep this brief because you probably have a good idea of which is right for your situation already. But in a nutshell, if you're wondering how to hide products in WooCommerce, there are a few different methods available depending on your needs and preferences.

  • Option 1 - Hide an individual productThe core WooCommerce functionality is helpful if you just need to hide a single product. There's a built-in way to use WooCommerce to hide specific products from the WooCommerce shop page. But it becomes difficult to manage if you want to hide multiple products.
  • Option 2 - Hide categoriesWooCommerce Protected Categories are good if you want to just create some hidden products in an otherwise public store. You can use it to password protect products based on category; WooCommerce hide products by role; or WooCommerce hide products from everyone except specific users.
  • Option 3 - Hide your whole storeWooCommerce Private Store is good if you want to make every single product hidden. You can use it to password protect your entire store or hide it from all logged out users (guests).

Below, I'll take you through how to use each plugin to hide WooCommerce products, as well as the core WooCommerce functionality. Or if you prefer, then you can watch a video about how to set up product visibility WooCommerce:

Option 1: Hide a specific WooCommerce product from the shop page

Note: when you use this method, the product is hidden from the shop pages. But if a user gets their hands on a direct link, they'll still be able to access the product. For that reason, this method is not a good approach if you actually want to make the product private - not just hidden.

Also, this method isn't very efficient if you need to hide multiple products, as you'll need to manually edit every single product. When it comes to hiding multiple products on WooCommerce, a more efficient approach is to assign them to a category in bulk and then hide that category using one of the methods for how to hide products in WooCommerce.

If you're ok with the product still being accessible by direct URL, then it's fine to use WooCommerce to hide specific products from the shop page.

You can do this by editing the Catalog visibility option under Publish and choosing Hidden:

woocommerce hide product

Option 2: How to hide an entire category of WooCommerce products

To get started, you'll need WooCommerce Protected Categories installed and activated at your WooCommerce store.

Then, create a new product category for your private products. I'll give mine a creative name of "Private Products", but you can name yours whatever makes sense.

Once you have the category, assign the products that you want to hide to that category.

Now, you've come to the point where you need to make a choice about how you want to let people "unhide" the products in this category. You can:

  • Let users unhide the products by entering a password
  • Make the products automatically visible to certain users or user roles

How to password protect your hidden WooCommerce category

To add password protection, go to Products → Categories and edit the category that you created for your private products:

  • Scroll down to the WooCommerce product Visibility section
  • Select Protected → Password protected
  • Enter your desired password. You can also add multiple passwords to unlock the category if you want to give different users different passwords
  • Save changes

WooCommerce Protected Categories Password Protect

Then, you can configure how your password protected categories function by going to WooCommerce → Settings → Products → Protected Categories.

In this area, you'll want to:

  • Uncheck the two Category Visibility checkboxes to make your category 100% hidden
  • Select a Category Login Page where users can enter the password to see the WooCommerce hidden products/categories
WooCommerce Protected Categories Visibility Settings

You can also peruse the other settings to see if anything applies to your specific needs.

Case study: eLearning Launchpad

eLearning Launchpad is a TOGAF 9 accredited training course provider based in the US. Delegates on training courses need to be able to download the course materials in advance of attending the courses.

But instead of using a commercial filesharing service, our WooCommerce Protected Categories plugin hides WooCommerce Products by working alongside the Free Downloads WooCommerce Pro plugin from Wp Enhanced.

Here’s how the two plugins work together. A password protected category page hides the course materials (i.e. WooCommerce products). A password is sent to course participants to access the category page. Then the materials can be downloaded. Thanks to the Free Downloads WooCommerce Pro plugin, they’re able to capture a few details before any file is downloaded.

Even though each download isn’t being sold on the site, they decided to set up the downloads as WooCommerce products to make them easy to manage - and easy to hide.

The site’s owner is pleased with how our plugin is hiding their WooCommerce products, just look at his feedback:

“I like the category simplicity and flexibility, and the ability to quickly add and delete multiple passwords”

How to hide WooCommerce products by specific user or user role

If you'd prefer to automatically give access to the WooCommerce hidden products to certain users or entire roles:

  • Go to Products → Categories
  • Edit the category that you created for your WooCommerce hidden products
  • Scroll down to the WooCommerce product Visibility section
  • Select Protected → Users and choose which users and/or roles can access your hidden WooCommerce products.
  • Save your changes

WooCommerce Protected Categories User Role Protection

Then, you can configure how your user and role protected categories function by going to WooCommerce → Settings → Products → Protected Categories. Here, you need to choose what happens when a logged out or guest user tries to access a hidden category or one of its products:

WooCommerce protected categories redirect for logged out users

Option 3: How to hide your entire WooCommerce store

Now it's time for the third, and most private, way to hide WooCommerce products.

If you want to hide all of your products from the public, you'll need the WooCommerce Private Store plugin installed and activated.

Then, go to WooCommerce → Settings → Private Store to configure the plugin.

Just as with hiding specific categories of products, you can hide your store in two different ways:

  • Require users to enter a password to unhide the store
  • Automatically unhide the store for logged in users

Password protecting your hidden store

To add a password:

  • Enter a password (or multiple passwords) in the Store passwords box.
  • Choose how long the password should unhide the store (in days) in the Password expires after the box.
  • Enter the product page you want users to be taken to after logging in using the Redirect URL box.
  • Configure the Login form options.
how to hide your entire woocommerce store

Letting logged in users see your private store

If you want to automatically allow logged in users to see your private store, you just need to check the box for Automatically unlock the store for logged in users. Underneath, you'll find an option to choose which user roles to unlock the store for. This is handy if you only want certain user roles to have access, such as administrators and store managers.

You can also choose whether or not to Hide the login form… that displays for users who aren't logged in:

automatically unlock woocommerce store for logged in users

Three different options to hide WooCommerce products

Whether you need to hide a single product, one or more categories of products, or your entire WooCommerce store, one of the above methods should work for you.

Remember:

  1. To hide a single product, you can use the Hidden Catalog WooCommerce product Visibility option. Just remember that people can still see the product if they get a direct link - it's not actually private.
  2. If you want to hide an entire category of WooCommerce products, WooCommerce Protected Categories lets you do so via either password protection or specific logged in users or roles.
  3. To hide your entire WooCommerce store, WooCommerce Private Store lets you do so via either password protection or by automatically unhiding your store for logged in users.

Private Store Protected Categories

Any other questions about how to hide WooCommerce products on your WordPress website and provide great user experience? Leave a comment and we'll try to help out.

WooCommerce multi-vendor plugin product table

Lots of people ask how to use our Product Table plugin with a WooCommerce multi vendor marketplace plugin. A multi vendor plugin lets multiple sellers upload and sell products in your WooCommerce store.

Product table layouts are the perfect way to list vendors' products, as you can show more products per page and choose which information to display about each product. A table view also makes it easier to find products, as you can add features such as keyword search and product filters.

What is a WooCommerce multi vendor plugin?

A product vendors plugin transforms any WooCommerce store into an online marketplace with multiple product vendors or sellers.

All multi vendor plugins work in similar ways, so read about them all and choose your favorite one that works with WooCommerce Product Table.

WooCommerce marketplace plugin with product tables

Sellers can register as a product vendor on your WordPress website, or you can add vendors manually. Each vendor can upload products to sell on your WooCommerce store. All the vendors' products are sold together in an online marketplace, similar to popular websites such as Etsy or Not on the High Street. Each vendor will have their own store page within your WooCommerce store, and you can also list products centrally.

You can choose how to pay your vendors. Most multi vendor marketplace plugins have built-in options for giving them commission and sharing profits.

Which WooCommerce multi vendor plugin should I use?

There are quite a few WooCommerce multi vendor plugins, such as YITH WooCommerce Multi Vendor, MultiVendorXDokan Multivendor Marketplace, and WooCommerce Product Vendors. I've tested them all and can tell you that the best plugin to use with WooCommerce Product Table is YITH WooCommerce Multi Vendor/Marketplace.

It's from a reputable company and integrates fully with WooCommerce Product Table. This means that you can build a fully functional multi-vendor marketplace, with the vendors' products listed in a user-friendly order form layout. As well as having a separate shop page for each vendor, you can create a central page listing all the products in the marketplace. Customers can easily filter by data such as vendor or product attributes to find what they're looking for.

As a result, I will mostly focus on YITH's in this tutorial. At the end I'll show you how to use other WooCommerce multi vendor plugins with WooCommerce Product Table - but there are some compromises involved.

If you're using a different WooCommerce multi vendor plugin, don't worry. I'll provide tips on how to use it with product tables later. But for the fullest integration with WooCommerce Product Table, use YITH WooCommerce Multi Vendor.

Keep reading to find out how!

What is WooCommerce Product Table?

WooCommerce Product Table is a WordPress plugin by ourselves at Barn2. It lets you list any type of WooCommerce product in a flexible table layout with search box, filters and any product data that you want to display. It's popular for creating a one-page order form layout for a WooCommerce multi vendor marketplace.

The plugin comes with over 50 options, so there are literally dozens of ways you can customize your product tables. For example,  you can create tables listing all the products in the marketplace, or products from a specific vendor only. I'll talk about the most popular options to use with a WooCommerce multi vendor plugin later.

Here's a video to explain how WooCommerce Product Table works:

How to use YITH WooCommerce Multi Vendor with Product Table

WooCommerce multi vendor plugin with product tables
Create an order form listing all products in the marketplace, or separate shops for each vendor

To get started, install WooCommerce Product Table and YITH WooCommerce Multi Vendor.

The multi-vendor plugin allows you to create multiple vendors and give them the ability to add products and manage their orders. The product table plugin creates better layouts for your multivendor store. This combination will get more sales for your sellers, and more commission for you - everyone wins!

Set them up now using the documentation for your chosen plugin. Add some products and vendors to get you started.

Set up your multi-vendor product tables

  1. Install WooCommerce Product Table.
  2. Navigate to WooCommerce → Settings → Products → Product Tables and enter your license key. Choose the default settings for your multi vendor product tables. In particular, you should:
    • Enable the option to display product tables on the Shop page, Vendor taxonomy, and anywhere else you want to use them.
      WooCommerce Product Table Shop Archive template
    • Choose which columns of data you want to include about your marketplace products. For example, you might add image, name, tax:yith_shop_vendor, price, buy. This will display columns for the product image, name, vendor, price, and add to cart buttons.
    • For the 'Add to cart buttons' option, select either 'Checkbox' or 'Button and checkbox'. This helps to increase conversions by allowing customers to add multiple products to the cart at once.
    • In the variations option, select 'Dropdown'. That way, vendors can select variations from directly in the product table.
    • Enable the 'Lazy load' option if the marketplace is likely to have a lot of products.
    • Set the 'Filters' option to 'Custom' and add tax:yith_shop_vendor if you're creating a central page for the whole marketplace. This will let customers filter to find products from a specific vendor. If each vendor will have their own shop page, then add something different like categories, tags. This will add filter dropdowns above the table for the product categories and tags.

Viewing all products in the central marketplace

Now go to the 'Pages' section of the WordPress admin and find the page that is labelled 'Shop'. View the page, and you'll see a product table listing all the products in the multi vendor marketplace.

The table will have whichever columns you choose on the WooCommerce Product Table plugin settings page. If you enabled other features such as filters then these will show too. For example, you might have a filter dropdown above the table where customers can choose a specific vendor. Customers can also click on any vendor in the Vendors column to view products from that seller.

If any of your vendors sell variable products, then the variation options will appear as dropdowns in the add to cart column.

Individual vendor shop pages

Multi vendor shop page with product table

The best thing about using WooCommerce Product Table with YITH WooCommerce Multi Vendor/Marketplace is that you can also have a separate shop page for each vendor. That simply isn't possible with any other WooCommerce multi vendor plugins on the market.

The reason it's possible is because the YITH plugin creates a 'custom taxonomy' for each vendor. WooCommerce Product Table works perfectly with custom taxonomy archives. As a result, the taxonomy pages created using the multi vendor plugin will work with the product table layout.

I already showed you how to enable this in the previous section, when you enabled the table layout for the vendors taxonomy. Once you've done that, find the 'Vendors' section in the WordPress admin, and view the list of vendors. Click 'View' for one of them, and this will take you to their vendor shop page. You will see the vendor's products listed in a WooCommerce table.

Listing vendors' products manually

So far, you've learned how to automatically enable the order form layout on the central Shop page and individual vendor store pages. For even more flexibility, you can use a shortcode to list specific products on any page or post in your site. For example:

  • You can create pages listing products from specific categories.
  • To draw attention to specific marketplace products (e.g. Christmas products), you can publish blog posts. As well as writing in general about how perfect your marketplace is for a particular type of product, you can use WooCommerce Product Table to list relevant products.

To do this, add the [product_table] shortcode to a page or post. Use the documentation to choose which products appear in the table. You can list products by category, tag or attribute. Alternatively, use the term option to list products from a specific vendor. This is how to list the products of a vendor called 'vendor1':

  • Product Vendors - [product_table term="wcpv_product_vendors:vendor1"]
  • YITH WooCommerce Multi Vendor - [product_table term="yith_shop_vendor:vendor1"]

The shortcode is also useful if you want different settings in different tables on your site. For example, you can add the columns option to the shortcode if you want certain tables to show different information.


How to use product tables with other WooCommerce multi vendor plugins

I mentioned earlier that  YITH WooCommerce Multi Vendor works best with WooCommerce Product Table. That's because it creates a taxonomy for each vendor and display the vendors' shop pages as a taxonomy archive - both of which work with WooCommerce Product Table.

However, it is possible to use other multi vendor WooCommerce plugins with WooCommerce Product Table. It's just slightly trickier to set up, and there are some compromises involved.

Product Vendors

The official Product Vendors extension does create a vendors taxonomy which you can display in the product table. It's just not our top recommendations because YITH's plugin is more feature-rich overall.

To use Product Vendors with WooCommerce Product Table, follow the instructions which I have provided above for the YITH plugin. The only change is that you should use tax:wcpv_product_vendors for your column and filter names, instead of tax:yith_shop_vendor.

MultiVendorX

The next best option is MultiVendorX. With this multi vendor plugin, you can easily create a table of all your vendors, complete with a 'Vendor' column and 'Vendor filter dropdown above the table.

The only downside with MultiVendorX is that there's no automated way to enable the product table layout on the individual vendor store pages. Instead, you have to create these pages manually and add a shortcode to list their products.

MultiVendorX does create a taxonomy for each vendor. That's why you can display and filter vendors in the product table. However, it uses a custom template to create the page for each vendor, which doesn't work with WooCommerce Product Table. Your developer could customize the template to allow this (post a job on Codeable if you don't have a developer). I've also provided instructions below on how to manually list products for a specific MultiVendorX vendor.

How to use MultiVendorX with WooCommerce Product Table

  1. Install WooCommerce Product Table and MultiVendorX in the usual way.
  2. Go to WooCommerce → Settings → Products → Product tables and set up your product tables, as described earlier in this tutorial. In particular:
    1. To create a central place for the entire marketplace, tick the box to enable product tables on the shop page.
    2. In the columns option, add something like image,name,tax:dc_vendor_shop,price,buy. This will add columns for product image, name, vendor, price, and add to cart.
    3. Set the 'Filters' option to 'Custom' and add tax:dc_vendor_shop. This will add a 'Vendors' filter dropdown above the list of products so that customers can filter by vendor.
  3. To create individual vendor pages, create a page and add the shortcode [product_table term="tax:dc_vendor_shop"]. Replace 'vendor1' with the slug for the vendor whose products you want to list.
  4. Finally, you need to redirect the default vendor pages that MultiVendorX has created, so that customers are taken to the product table page for each vendor instead. To do this, install the free Redirection plugin and set up the redirects.
WooCommerce product vendors plugin with table layouts
Using MultiVendorX to create a table of a specific vendor's products

Dokan, WC Vendors, WCFM Marketplace and other multi-vendor plugins

Now we've got to the plugins that are a bit more difficult to use with WooCommerce Product Table. However, it's still possible and I'll show you how.

All of these plugins store the vendors in ways that WooCommerce Product Table can't work directly with. For example:

  • Dokan Multivendor Marketplace stores each vendor as a user and has its own custom called template store.php. One of our customers has also reported that WooCommerce Product Table is incompatible with the front end product submission in Dokan (although there is another method you could use).
  • WCMp/WCFM has its own custom template called wcfmmp-view-store-products.php.
  • WC Vendors uses the post author/WordPress user rather than storing the vendor information directly on the 'products' post type.

To enable these plugins to work with WooCommerce Product Table, you need to create your own custom taxonomy for 'Vendors'. You can use this to manually tag each vendor's products. Once you've done that, then you can use the two plugins together with no limitations.

If you don't create a vendors taxonomy, then you can still use WooCommerce Product Table to list the products from your entire marketplace. It just won't be possible to add a vendor column, filter by vendor, or list products from specific vendors only.

How to create a vendors taxonomy

Use our tutorial to create a WooCommerce custom taxonomy. Manually add the vendor name as a taxonomy term for each product. This is similar to adding tags in WordPress. You'll find the taxonomy on the right hand side of the 'Add/Edit Product' screen.

Once you've created your Vendors taxonomy, you can:

  • Add a vendor column.
  • Add a vendors filter above the table.
  • List the products from each vendor separately. To do this, either use the Product Table settings page to enable the table layout on the vendor taxonomy pages, or use a shortcode.

Improve your vendors' sales with WooCommerce quick view

WooCommerce Quick View Demo

As you have seen, a product table layout is ideal for listing multiple sellers' products in a WooCommerce multivendor marketplace. You can make it even more effective by combining it with the WooCommerce Quick View Pro plugin.

This adds quick view links or buttons to the product table view. Customers use these to see extra images, read more information, choose options and add to the cart from a quick view lightbox. It's a great way to keep customers on the product table page, as there's no need to direct them to a separate page to learn about each product.

After adding a product to the cart, the quick view lightbox closes. This brings the customer straight back to their current place on the list of products, where they can continue browsing. As a result, they're likely to buy multiple products and spend more in your marketplace store.

Create a multi seller marketplace with product tables

WooCommerce multiple product vendors plugin

WooCommerce multi vendor plugins are a fantastic way to transform your store into a complete marketplace with multiple sellers.

By adding WooCommerce Product Table to your multi vendor store, you can create improved layouts and increase sales. This benefits you and your product vendors, so get started today!

Use WooCommerce Product Table alongside YITH Multi Vendor Marketplace and list products from different vendors - the easy way.

WordPress video gallery plugin

It's so easy to embed video in WordPress these days, but it's not so easy to create a video gallery listing all your videos in a grid – unless you use the right plugin. This article will teach you how to create a responsive WordPress video gallery - the easy way.

WordPress Video Gallery FeaturedKeep reading to learn how to use the Document Library Pro plugin to create a searchable WordPress video gallery. While it isn't just for videos, it is one of the best WordPress video plugins around. It makes it easy to add a video grid or video portfolio to your website.

You'll learn how to add videos to your gallery using 3 different methods:

  • Embedding a video that is hosted elsewhere into WordPress, for example, YouTube videos or Vimeo videos.
  • Directly uploading video to your WordPress website.
  • Creating a video playlist.

We'll also look at the many different options and functionality for setting up your WordPress video gallery. You can choose what information to display about your videos, how to size them, how many WordPress tutorial videos to display on each page of the gallery, and more.

Your WordPress video gallery will be fully responsive and will resize to fit different screen sizes and mobile devices.

At the end of this step-by-step tutorial, you'll know how to create a professional-looking video gallery for your WordPress site. Your visitors will be able to watch videos directly within the WordPress video gallery, as well as search and filter to easily find their ideal videos.

WordPress video library tile layout

Document Library Pro creates a WordPress video gallery in a choice of gallery layouts. The table layout lists each video on its own row of a searchable, filterable table. The grid layout displays each video within a tile, similar to Netflix.

You can use this WordPress video gallery plugin to embed any type of video into your WordPress site. This includes:

  • Any video hosting service YouTube, Vimeo, Dailymotion, Animoto, Blip, Cloudup, CollectHumor, Facebook videos, Flickr videos, TED talks, VideoPress, etc.
  • Types of video Long videos, short video snippets, promotional video, product demonstrations/reviews/unboxings, stock footage, educational videos, event coverage, how-to video tutorials, interviews, presentations, video commentary, vlogs, webinars.
  • All video genres Animations, behind-the-scenes footage, drone footage, movies, and films, non-fiction videos.

The videos in the gallery will autoplay in an online video player, directly on the video gallery page. You can also display videos on a separate WordPress page for each video, or allow users to click through to watch on video platforms like YouTube or Vimeo.

This WordPress video gallery plugin also lets users search, sort, and filter the gallery from the front end. As a result, visitors can quickly find the video(s) they’re looking for.

You can list all your videos in a single gallery, or you can list different videos on different pages on your WordPress site. It's super flexible and with over 50 options, it's the perfect WordPress video gallery plugin. The all-in-one plugin also provides a user-friendly player interface that lets you add SEO-optimized video galleries quickly.

1. Install the video gallery plugin

The first step to creating your WordPress video gallery is to install the Document Library Pro plugin. You need this in order to add WordPress tutorial videos and display them in a video gallery online. It will work on any WordPress website and any theme.

After installing the plugin, go to the settings page and enter the license key from your 'Getting Started' email. Next, go to the 'Document Libraries' tab and choose how you want your video galleries to look. Pay particular attention to these options:

  • Columns - There are lots of available columns. As a minimum, I recommend these for a WordPress video gallery: title, content:Watch Online. The title column will display the video name, and the content column will show the embedded video player. You can see that I added :Watch Online after the name of the content column. This will appear as the column header, so change this to anything you like. If you want people to be able to download videos - or click through to watch them like a YouTube video gallery - then add a link column too.
  • Clickable columns - If you want people to be able to click on the name of a video to watch it on a separate page, then leave this as it is. Add none to disable these links and keep people on the main WordPress video gallery page.
  • Shortcodes - Enable this option. This is essential in order for the main WordPress video gallery page to display embedded video players.
  • Filters - Choose 'Custom' and add doc_categories and/or doc_tags, depending on how you're planning to structure the video gallery. This will add a categories filter dropdown and/or a tags filter dropdown above the video gallery. It's a quick way for people to find specific types of video, for example by genre or year.
  • Lazy load - Enable this if you're listing lots of videos in the gallery. It loads each page of videos one at a time, which improves page load times.

2. Add videos to the gallery

Now the overall structure of your WordPress video gallery is in place, it's time to start adding videos and/or video playlists.

If you want individual videos to appear in their own row of your WordPress gallery as below, then you'll need to add each one as a separate 'Document' post. You can do this in the 'Documents' section of the WordPress admin.

WordPress video gallery individual video.
A WordPress video gallery with 1 video per row

If, however, you're planning to create video playlists then you'll need a separate Document post for each playlist, but not each video:

WordPress video gallery playlist
A video playlist in a WordPress video gallery

Note that you'll be able to include a combination of individual videos and playlists in your WordPress video gallery. For each 'Document', add either one or more videos. I'll tell you how to do this next.

Use these steps to add each video or playlist to the gallery:

  1. Go to Documents → Add New in the WordPress admin.
  2. Add a title for the video, plus any other information such as categories, tags, or an excerpt (which is useful for adding a short video description or summary).
  3. Next, embed your video in the main content area using one of the following 3 methods:
Method 1 - Embed a video from YouTube or Vimeo

The most reliable way to add a video to your WordPress video gallery is to first host it on a third-party video platform. YouTube and Vimeo are the most popular, but you can embed from any of the video services in this list. (It's fine to use other video platforms too or use self-hosted videos, but instead of just pasting the URL, you need to get the embed code and paste it into the 'Text' view on the Add/Edit Document screen.)

Using a specialist video host is a great choice because:

  • It will save space on your web hosting account.
  • Dedicated video hosts automatically create multiple versions of your videos behind the scenes. This means that your videos will play for more people, whatever technology or device they're using to access your website. You don't have to worry about writing any fancy code to check the user's device or serve alternate versions of your videos - it all happens automatically.
  • You get lots of extra features from specialist video hosts such as view counters, social sharing, annotations, mobile-friendly cards, monetization through advertising, etc.
  • If you use a public video website such as YouTube then people can also find your videos directly via the host. This will help to increase your traffic. If you'd rather your WordPress video gallery not be publicly available on the hosting site, then I'd recommend Vimeo. Vimeo has more privacy settings and you can protect Vimeo videos so they can only be viewed on your domain.

If you're embedding WordPress tutorial videos from one of the files in this list, you just need to embed the URL of your video directly into the post. To do this, view your video on YouTube, Vimeo, social media platform, or whichever site you're using, and copy the URL from the address bar at the top of your browser. To help you find the video URL, I've circled it in the screenshot below:

Where to find YouTube URL for WordPress video gallery

Then, simply paste the URL into the content area of your WordPress post. WordPress will instantly convert it into an embedded video player.

Method 2 - Upload the video directly to the media library

If you prefer, you can host videos directly on your WordPress website and embed the media files:

  1. Click the Add Media button above the WordPress toolbar and upload your video file (e.g. MP4 or MOV).
  2. Select the video in the WordPress media library.
  3. Make sure the Attachment Display Settings section is set to Embedded Media Player and click Insert into post.

Again, WordPress will automatically embed a watchable video into your post.

Method 3 - Create a video playlist

Finally, you can add entire video playlists to your WordPress gallery. These have to be hosted in the WordPress media library.

  1. Click Add Media above the WordPress toolbar.
  2. Click the Create Video Playlist option on the left. Note, this option will only appear if you already have video files in your media library. Upload some videos to WordPress if not.
  3. Tick all the videos you want to include in the WordPress video gallery playlist.
  4. Click the Create a new video playlist on the right.
  5. On the next screen, add the caption that should appear for each video. Tick the boxes to indicate whether to show the video list and images in the playlist. Then click Insert video playlist.

WordPress will embed the playlist directly into your page or post.

WordPress video playlist
Where will the video players appear on my website?

Whichever method you use to add your videos and playlists, they will appear in 2 locations in your WordPress video gallery:

  1. On the main video gallery page, within the 'content' section. (As we saw above, you can rename this column to anything you like.)
  2. If you haven't disabled the clickable columns, then people can also click the video name to access a separate page for each video or playlist. The embedded video player will appear on this page. https://barn2.com/kb/dlp-column-widths/

Now all your videos are ready to go, you're ready to display your WordPress video gallery! The good news is that most of this has already been done for you. All you need to do is check it, make any tweaks, and add a link to your website menu so that people can find the video gallery page.

You can also create additional video galleries if you need more than one.

Viewing the video gallery page

WordPress video grid

Click on the 'Pages' link on the left of the WordPress admin, and you'll see all your pages listed. One of these is called 'Document Library' and contains your WordPress video gallery. Rename this to something specific to videos, such as 'Video Library'.

Now view the page. You will see all your videos listed in a searchable table or grid with whichever settings you chose in Step 1.

Go back to the settings page and make any changes to tailor the video gallery to your requirements. You may also want to edit the WordPress video gallery page directly and add some options to the shortcode which has been added to the page. For example, there's a shortcode option that lets you change the column widths. I'll provide more information on customization options for the video sizes next.

Changing the size of each video

If you are using the table view then the best way to customize the size of your embedded video players is to adjust the column widths. The videos will automatically adjust to fit the available space.

By default, the Document Library Pro WordPress video gallery plugin sets the column widths automatically based on the content of each column. But for a WordPress video gallery, you might want to make the video player column wider so that people can see your videos more easily.

To customize the column widths in the video grid, you need to add width="" to the shortcode. Between the quotation marks, you can add a number for each column to represent the percentage of the table each column will occupy. Note the numbers must add up to 100% and be separated by commas. In the example below, the 4 columns will take up 40%, 15%, 30%, and 15% of the table, respectively:

[doc_library columns="content:Watch Now,title,excerpt:Description,category" widths="40,15,30,15"]

(Note: In this shortcode, I have set the columns option to show you that the number of columns matches the number of widths. However, it's easier to set the columns on the WordPress gallery plugin settings page.)

The first column (content) gets 40% of the table width – the biggest width to give more space for the embedded video player. The second column (title) gets 15% as the video titles don't need much space. The third column (excerpt) is slightly wider to allow for more text. The final column (category) is also quite narrow.

WordPress video library

Play around with the widths in your own video gallery to get the column sizes working as you want them.

Creating multiple video galleries

By default, all your videos are listed in one new gallery. If you prefer, then you can list different videos like WordPress training videos on different parts of your site.

You can add a video gallery to any post or page on your WordPress website, or even within a text widget.

Go to the page/post/widget where you want to add the gallery. In the main content area, add the following shortcode:

[doc_library doc_category="music"]

This will list all videos from the 'music' category. Edit the shortcode to include whichever category of videos you want to list in the gallery like WordPress training videos. You can then add as many shortcodes as you want, wherever you want.

The great thing about using Document Library Pro as your WordPress video gallery plugin is that it's not just for videos. You can get even better value for money by using it for other purposes elsewhere on your site. For example:

To use it for multiple purposes, go to Documents → Categories and create categories for each use case. For example, you might have a 'Video' category with various sub-categories for your video genres, and a 'Documents' category with sub-categories for your document types. You can then use the [doc_library category="videos"] shortcode lists different types of resources in different places on your site.

Once you've installed this WordPress video gallery plugin, you can use it as many times as you like. Be creative and get more for your money by using Document Library Pro in different ways!

woocommerce video gallery plugin example
A WooCommerce video store powered by the WooCommerce Product Table plugin

It is also possible to create a WooCommerce video gallery for an eCommerce site. Each video would be a 'product' and would be listed in a table with a preview of the video. People can watch the preview and then click a 'Buy' button to purchase the video - either as a digital download or a physical DVD.

To do this, you need to use our other plugin - WooCommerce Product Table. It has similar features to Document Library Pro but works with the free WooCommerce plugin so that you can actually sell your WordPress training videos online.

Now that you know how to create a fully featured, fully responsive WordPress video gallery, it's time to get creative. To get started, download the Document Library Pro plugin.

  • 100% flexible.
  • List any type of video.
  • Quick 10-minute setup.
  • Expert support and documentation.
  • Free 14-day trial - love it or you pay nothing!

Follow the steps in this tutorial to set up your WordPress video gallery in no time at all. Don't forget it's simple to make the exact video gallery you want, so have a play around and check out the knowledge base for even more ideas.