Best Uses of Ninja Tables For WooCommerce

features of table plugins for WooCommerce

Your customers want your WooCommerce shop so organized and ordered that they don’t need to click or scroll much. The default WooCommerce grid layout makes it difficult since all products have separate blocks. That’s why you need table plugins for WooCommerce business.

You can’t create a product table with the WooCommerce plugin that’s supposed to show products in a tabular format. Integration with a table plugin presents all the necessary details of a particular product. And in a table, the details will be in a row, so it’s much easier to follow.

Ninja Tables is such a plugin that integrates with WooCommerce to help create awesome customizable and SEO-friendly product tables!

Let’s chalk out a few topics to discuss.

Grid-style vs table format

First of all, here’s how a WooCommerce store looks in the grid style.

WooCommerce product grid formtat
Default WooCommerce Product Grid Format

We’ve used dummy data as an example.

As you can see, each product has separate blocks with only some details.

  • Image
  • Name
  • Price
  • “Add To Cart” button

Customers can’t see their cart and can’t select multiple amounts of the same product from here.

However, a table-style product presentation gives you everything you need in one place.

WooCommerce product tables online
WooCommerce Product Table Format

Here’s what the table columns show.

  • Image
  • Name
  • Category
  • Price
  • Quantity
  • Buy (Add to cart button)

Needless to say, this dummy table is made with Ninja Tables.

But this is not the only use of this table plugin.

From product organizing to table designing, everything is easy as a pie when it’s Ninja Tables!

Top features of table plugins for WooCommerce: Ninja Tables

It’s not just the looks that matter. If you’re using a table plugin to showcase your Woo products, ease of use matters the most.

Best table plugins for WooCommerce should have some unmissable features to customize a product table.

Coloring and designing the table

One of the best uses of Ninja Tables is the color customization option.

Throw bright colors in the table row, column, texts, header, footer, border, background, and even search bar.

You can play with the color palette all you want because Ninja Tables “Design” tab offers unlimited colors!

customize WooCommerce product table color
Color Customizing WooCommerce Product Table

Using the free version, you can pick among 14 different combinations in the “Predefined Schemes” tab. But “Custom Scheme” gives you full control of color customization.

The “Table Design” tab has lots of other options like bordered table, hover row, hide, sticky header, pagination, etc.

Integration with form plugins

WordPress forms and table plugin integrations are useful features for any business, let alone WooCommerce.

Ninja Tables integrates with Fluent Forms and opens many doors for online business.

This integration lets you-

  • Create tables with form entries
  • Embed forms in the product table

A WooCommerce shop might need the latter of the two so that customers can fill up a form directly from the product table.

Embed Fluent Forms in WordPress table
Forms in WordPress Tables

Learn about connecting Ninja Tables with Fluent Forms.

Customize default WooCommerce features

When you color a product table, the default buttons like “Add to cart,” “View Cart,” and “Checkout” stay the same purple color.

But Ninja Tables gives you the freedom to change the colors of everything!

You just need a little CSS code trick for some and simple text-changing for others.

1.

By default, WooCommerce “Add to cart” button is purple and white.

Change the button colors using this code-

.nt_button_woo {
background: ____ !important;
color: ____ !important;
}

Insert the RGB color code or color name in the blank spaces and change the button color.

customize default WooCommerce features
Customize Default WooCommerce Button

We’ve used yellow as the button background and magenta for the button text.

2.

Change the “Add to cart” button text from the column without coding.

change WooCommerce buy button
Change the “Add to cart” Button Text

Maybe make the buy button more catchy with texts that trigger FOMO!

3.

Like the buy button, you don’t need coding to change the “View Cart” and “Checkout” buttons.

WooCommerce checkout
Default Checkout Button

Import-export

Nobody wants to repeat the same stuff. Maybe you already have a product table ready, but you want to show the table on another website.

No need to create a table from scratch again. Ninja Tables will export and import a CSV or a JSON file of the table for you.

Learn more from our article on table data import.

Single-click contact

This feature is necessary for WooCommerce product sellers. Customers get to contact the sellers right from the table- via call or email.

Ninja Tables’ “Transform Value” feature lets you turn plain text into hyperlinks with a simple HTML code and auto-generated shortcodes.

Add a new “Call Now” column to the product table first and drop the code in the Transform Value window.

Ninja Tables Value Transformation
Transform Text Value to Links

<a href=”{{row.call_now}}”>Call Now</a>

Of course, the table cells need the contact numbers of each seller first. The auto-generated shortcode will fetch the numbers into the code, turn them into clickable links, and prompt a call directly from the table when you click.

turn texts into hyperlinks
Click Contact from Table

Changing table background for different occasions

This part of Ninja Tables lets you have all the fun since designing and decorating are already quite fun in the table plugin.

Simply upload a background image to match the occasion’s vibe.

But it’s a workaround you can use with a little coding tweak.

#footable_parent_NT_ID .foo-table{
background-image: url(Preferred image link from dashboard);
}
.foo-table tbody tr td{
background: rgb(255 255 255 / 60%) !important;
font-size: 30px
}

background image in WooCommerce table
Upload a Background Image Into WordPress Table

We’ve added some summer vibes to this WooCommerce summer products table.

Change the colors and text sizes to match the background image or control the background image opacity.

Apply conditions to highlight specific cells

Getting customers’ attention is the top priority for WooCommerce product sellers. Other than coloring the table and background images, highlighting specific table cells help with that.

And this feature comes in handy for the products you want people to focus on more. The highlighted cell can be price or reviews.

apply conditions to table cells
Apply Conditions to Table Cells

Custom filters

No matter how much time you give customers for sale, there will always be someone who waits till the last minute!

Use Ninja Tables’ custom filter feature to let last-minute buyers search for what they want just by filtering the product table.

add filter to table data
Filter Table Data

Responsiveness

Ensuring maximum table responsiveness to fit any device ensures a user-friendly layout.

Not everyone uses a desktop to scroll and buy online. So, you need to make the product tables responsive to all screen sizes.

Ninja Tables also comes with a “Stackable Table Configuration” that makes table rows stack on top of another, creating separate tables for each product.

Ninja Tables responsiveness
Make Ninja Tables Responsive to All Devices

Enable the checkboxes and make the table responsive.

Custom CSS/JS

This feature might be for advanced users and experts in coding. But we’ve already shown you some easy CSS tricks to customize Ninja Tables.

Go to the “Custom CSS/JS” window and paste or write the codes you want for the respective table id.

Unlimited columns and data

Add as many rows, data, and columns as you want in Ninja Tables WooCommerce product table.

Click the “Add New Column” tab and customize it with the other tabs that come along with the table features.

Unlimited columns in Ninja Tables
Add Unlimited Columns to WooCommerce Tables

Drag and drop elements

A recent massive update added a totally new dimension to creating tables with Ninja Tables. You can create tables by dragging or dragging some elements like star ratings, lists, ribbons, etc.

Import a WooCommerce products table into the table builder and drag the “Rating” element to add stars to the table.

You can choose the star color, size, or amount.

drag and drop table builder Ninja Tables
Drag-and-Drop Table Elements

Also, you can drop the “Ribbon” element on a product that’s on sale.

Merge cells

A table with lots of data might give customers lots of details about a product, but sometimes multiple cells with the same data seem repetitive.

You can merge adjacent cells in Ninja Tables (rowspan or colspan- Doc) that contain the same data.

merge table cells containing same value
Join Multiple Adjacent Cells into One

How does Ninja Tables help WooCommerce?

A tabular format of data presentation goes easy on the eyes. Besides, modern-day people are losing their attention span. It’s best to grab their attention with a clean and arranged product table that has EVERYTHING organized.

That’s why Ninja Tables is the perfect product table plugin for you if you’re running a WooCommerce online store.

You can show all the details of products in one row. For example, image, name, price, stock, quantity, reviews, sale time, a short description, buy button, ratings, forms, and many more information.

Then again, this plugin gives you the flexibility to customize every feature!

Ninja Tables– Easiest Table Plugin in WordPress

Conclusion

Table plugins for WooCommerce businesses are responsible for user-friendly and customer-friendly layouts. Ninja Tables checks all the boxes!

Get the free version from WordPress.org and try out some features. But unfortunately, WooCommerce isn’t available in the free version.

After discussing all the features above, we don’t think you need more time to decide about getting the pro version!

The price range is within your reach and gives you many customization options too.

Ninja Tables price (USD)
Annual
Lifetime
Single site $49
Single site $199
Agency $99
(Upto 20 websites)
Agency $399
(20 sites)
Unlimited sites $199
Unlimited sites $599

Use this plugin to make your customers happy and boost WooCommerce sales.

Learn how to create all types of tables with Ninja Tables.

Similar Posts

6 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *