---
title: "How to insert a Button inside a Cell of an Elementor Table?"
url: https://theplusaddons.com/docs/insert-button-inside-elementor-table/
date: 2023-03-06
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "A product or plan table converts better when each row has its own call to action, right next to the price. The Table widget from The Plus Addons for Elementor..."
image: https://theplusaddons.com/wp-content/uploads/2023/03/How-to-insert-a-Button-inside-a-Cell-of-an-Elementor-Table_-1024x536.jpg
word_count: 457
---

# How to insert a Button inside a Cell of an Elementor Table?

A product or plan table converts better when each row has its own call to action, right next to the price.

The **Table** widget from The Plus Addons for Elementor can add a button to any body cell, with its own text and link.

*To check the complete feature overview documentation of The Plus Addons for Elementor Table widget, [click here](https://theplusaddons.com/docs/table-elementor-widget-settings-overview/).*

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/data-tables/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Free** — this works in the free plugin; Pro is not needed.- **Widget to enable:** Table, switched on under **The Plus Addons > Widgets**.

## How to Add a Button to a Cell

- Add the **Table** widget and keep **Content Table** set to **Custom**.- Open **Table Body** and click the cell item that should hold the button. Its **Action** must be **Cell Content**.- On the **Content** tab, switch **Button** to **Show**.- Type the label in **Button Text** (default “Click here”) and the address in **URL/Link**. Open the link options of that field for **Open in new window** and **Add nofollow**.

![The Button switch set to Show on a Table Body cell, with Buy now as Button Text and a cart URL](https://theplusaddons.com/wp-content/uploads/2026/09/table-button.webp)

On the page, the button fills its cell like this:

![A product table on the live page with a Buy now button in the last column of each row](https://theplusaddons.com/wp-content/uploads/2026/09/table-result-button.webp)

## Add Custom Attributes

Turn on **Add Custom Attributes** to add attributes such as tracking data to the button link.

![Add Custom Attributes turned on with a data attribute typed in the Custom Attributes field](https://theplusaddons.com/wp-content/uploads/2026/09/table-button-attributes.webp)

- **With Pro active**, type the attribute the way it is written in HTML: `data-product="desk-lamp"`. In our test the Elementor style `data-product|desk-lamp` produced a broken attribute.- **In the free plugin**, use `key|value`, one per line. Attributes such as `onclick`, `id`, `class`, `href` and `style` are ignored.

![Example table with a button in each row of the last column](https://theplusaddons.com/wp-content/uploads/2023/03/table-content-button-demo.png)

## Link a Whole Cell Instead

To make the cell text itself clickable, fill in **Link** on the same Content tab instead of using a button. The link wraps the cell text and follows the same new window and nofollow options.

## Style the Buttons

Go to **Style > Table Body**. Below the row settings you find the **Button** options: **Button Padding**, **Button Width**, typography, text and background colours, border and radius, each with a hover state. The style applies to all buttons in the table.

## Limitations

- **Button Style** has one choice, **Style 1**: an outlined button. With Pro active it also had a shadow in our test; in the free plugin it had none.- Buttons are only available for the Custom source, not for CSV File, Google Sheet, Plus Form or SQL Query tables.- Header cells have no button option.

## Troubleshooting

### My custom attribute does not appear

Check the format for your edition above. With Pro, `name|value` does not work; write `name="value"`.

### The button does not open a new tab

Open the link options of **URL/Link** and tick **Open in new window**.

## Related Docs

- [Table widget settings overview](https://theplusaddons.com/docs/table-elementor-widget-settings-overview/)- [Insert images in table cells](https://theplusaddons.com/docs/insert-images-in-table-content-in-elementor/)- [Limit the number of rows in an Elementor table](https://theplusaddons.com/docs/limit-the-number-of-rows-in-elementor-table/)