Docly

How to add a button in woo product table

Estimated reading: 1 minute

Sometimes you may need to add a button to your product table. In this tutorial, I will show you how to add a button and give that button a link. Let's start.

To add a button we need to use 'Content' column. In the 'Content' column we can add HTML and that's how we will add the button.

First, we need to activate the content column.

Now we will add HTML for the button.

<a href="https://codeastrology.com/" class="button">Click me!</a>

In content column click on "Text" section and add the code.

Here we added a class (button) so can design this button as well. See the example below.

.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #4CAF50;
  color: white;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

Now let's see how it looks in the table.

You can use WooCommerce shortcode as link.

Share this Doc
CONTENTS