{"id":2477,"date":"2025-03-22T06:38:50","date_gmt":"2025-03-22T06:38:50","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=2477"},"modified":"2025-03-22T06:39:03","modified_gmt":"2025-03-22T06:39:03","password":"","slug":"button","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/button\/","title":{"rendered":"Button"},"content":{"rendered":"

Call-to-Action<\/strong> buttons on your table are crucial to increase your conversion rates.<\/p>\n\n\n\n

WP Table Builder has a dedicated ‘Button’ element for creating beautiful and conversion-optimized buttons for your table. <\/p>\n\n\n\n

Let’s see how to add a button to the table. <\/p>\n\n\n\n

Just drag the ‘Button’ element and drop where you want to add the button.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Button Options<\/h2>\n\n\n\n

The ‘Button’ element has many options to make buttons look great and optimize for better conversions.<\/p>\n\n\n\n

You’ll see 4 tabs (General, Link, Icon, Label)<\/strong> under Button options.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Let’s see each option one by one. <\/p>\n\n\n\n

General<\/h3>\n\n\n\n

You’ll find all the basic options in the General tab<\/strong> below.<\/p>\n\n\n\n

Button Size<\/h4>\n\n\n\n

You can have buttons in different sizes (S, M, L, XL). <\/p>\n\n\n\n

Just select the button size from the left-hand side option. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Here’s an example of different sizes. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Full Width<\/h4>\n\n\n\n

If you enable the full-width option for the button, its width will increase. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Border Radius<\/h4>\n\n\n\n

The border radius determines the overall roundness of the button. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Button Color<\/h4>\n\n\n\n

You can change the button’s background color by inserting the color code or selecting the color from the color palette.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Button Hover Color<\/h4>\n\n\n\n

Button hover color lets you add color to your button when you hover over the button. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Text Color<\/h4>\n\n\n\n

Using the option, you can change the text color of the button. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Text Hover Color<\/h4>\n\n\n\n

Text hover color is used so your button changes text when the cursor hovers over the button. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Font Size<\/h4>\n\n\n\n

You can increase or decrease the button text size. It will also change the overall size of the button. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Scale on Hover<\/h4>\n\n\n\n

Scale on hover lets you set how much your button will scale out. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Button Alignment<\/h4>\n\n\n\n

You can change the button’s alignment.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Content Alignment<\/h4>\n\n\n\n

You can also choose the content alignment of the button. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Button ID<\/h4>\n\n\n\n

This option allows you to set the Button ID for your buttons. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Link<\/h3>\n\n\n\n

You can add a URL to your button and tag the link to open in a new tab and as a nofollow link.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Link Target<\/h4>\n\n\n\n

Link Target lets you set two options: Self & Blank<\/strong>. If you set the link target to Self,<\/strong> it will open the link on the existing page<\/strong>. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

But, if you set it to Blank<\/strong>, the link will open in a new tab<\/strong>. <\/p>\n\n\n\n

Icon<\/h3>\n\n\n\n

You can add an icon to the button to make the button more attractive. You can change the position and size of the button.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Label<\/h4>\n\n\n\n

Lable allows you to set a label for your button. You can also modify the label color and label text color. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n

\n\n

Hope this doc helped you to understand the usage of buttons in WP Table Builder. <\/p>\n\n<\/div>\n\n\n

If you have any questions, feel free to ask us via comment.<\/p>\n\n\n\n

<\/p>","protected":false},"excerpt":{"rendered":"

Call-to-Action buttons on your table are crucial to increase your conversion rates. WP Table Builder has a dedicated ‘Button’ element for creating beautiful and conversion-optimized buttons for your table. Let’s see how to add a button to the table. Just drag the ‘Button’ element and drop where you want to add the button. Button Options […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-2477","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-08","word_count":444,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/es\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/2477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/comments?post=2477"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/2477\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=2477"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=2477"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=2477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}