---
title: "How to Add Buttons in WordPress?"
url: https://qa.nexterwp.com/docs/add-button-in-wordpress/
date: 2024-03-01
modified: 2026-04-14
author: "Aditya Sharma"
description: "Button is an important element to increase user engagement on a website. The buttons can be used as a call to action button, and you can send users wherever you..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/03/How-to-Add-Buttons-in-WordPress_-1024x519.jpg
word_count: 413
---

# How to Add Buttons in WordPress?

## Key Takeaways

- Utilizes the Button block from Nexter Blocks to enhance user engagement on WordPress websites.
- Requires the Nexter Blocks plugin to be installed and the Button block activated via Nexter u2192 Blocks.
- Offers styling options under the Style tab, including typography, text color, and custom CSS classes.

Button is an important element to increase user engagement on a website. The buttons can be used as a call to action button, and you can send users wherever you want.

With the Button block from the Nexter Blocks, you can easily add buttons to your WordPress website.

[LIVE BLOCK LINK](https://qa.nexterwp.com/nexter-blocks/blocks/wordpress-button/)

## Required Setup

- Make sure the default WordPress Block editor is active. 

- You need to have the [Nexter Blocks ](http://wordpress.org/plugins/the-plus-addons-for-block-editor/)plugin installed and activated.

- Make sure the Button block is activated. To verify this, visit Nexter → Blocks → and search for Button and activate. 

## Learn via Video Tutorial

https://www.youtube.com/watch?v=vr9cT9_9EYY

## How to Activate the Button Block?

Go to 

- **Nexter **→ **Blocks **

- **Search **the block name and** turn**** on the toggle**.

![](https://qa.nexterwp.com/wp-content/uploads/2024/03/Nexter-Blocks-Button-Activation-5-1024x361.png)

## Key Features

- **Add icon/image **- You can easily add an icon or image to the button.

## How to Use the Button Block?

Add the Button block to the page, then in the **Title** section under the **Content** tab, you can add the button text. 

But if you are using the [PRO version of the Nexter Blocks](http://theplusblocks.com/pricing?utm_source=tpag&utm_medium=docs&utm_campaign=text), you can add dynamic content by clicking on the cylindrical icon at the end of the field.

From the **Link** field, you can add a custom link to the heading. Similar to the title section, you can add a link dynamically by clicking on the cylindrical icon.

You can align the button for different devices from the **Alignment** section.

Then, from the **Icon Type** field, you can add an icon or image to the button. 

When enabled, from** Icon / Image**, you can add an icon or image.

Depending on the selection, you’ll get different options to add the image or icon.

***Suggested Read:** [How to Add Read More Button in Blog Posts in WordPress](https://qa.nexterwp.com/docs/add-read-more-button-in-blog-posts-in-wordpress/)*

## How to Style the Button Block?

To style the Button block, you’ll find all the options under the **Style** tab.

**Button** - From here, you can manage the button typography, text color, background color, border, padding, image or icon size and more.

![](https://qa.nexterwp.com/wp-content/uploads/2024/03/button-style-1.png)

**Advanced** - From here, you can customize the block further. 

- **HTML anchor** - Here, you can add an anchor name to link directly to the block within the page.

- **Additional CSS class(es) **- Here, you can add a custom CSS class to finetune the style by using your own custom CSS.

Advanced options remain common for all our blocks, you can explore all it options from here.

[View Advanced tab tutorial.](https://qa.nexterwp.com/docs/add-advanced-tab-in-wordpress/)

***Suggested Read: **[How to add Login Button in WordPress Header Menu](https://qa.nexterwp.com/docs/add-login-button-in-wordpress-header-menu/)*