> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.popup-builder.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Use the Popup Builder Button Inside the Popup

The **Popup Builder Button** is a perfect way to insert the button inside the popup by choosing the relevant action for the button.

The feature is available with most of popup types and can be found within the WordPress default HTML editor.

### Steps to create the Popup Builder Button with the Classic Editor

* From your WordPress Dashboard open the Popup Builder and choose the appropriate popup type ( for instance we used the HTML popup type).

* Switch to the **Visual** tab of the WordPress default HTML editor and click on the **Popup Builder Button**.


![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot8_1n8xurg.png)


### Steps to create the Popup Builder Button with the Gutenberg Editor

* After choosing the appropriate popup type, click on the **+** sign next to the block, then on the **Browse all** button.

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot10_1v9raql.png)

* From the **Text** section select the **Classic block** and press the **Classic Edit**.

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot11_esz4ev.png)
* Click on the **Popup Builder Button**.

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot12_1mxt5wn.png)

### Steps to customize the Popup Builder Button

The following options are available within the button no matter editor you are using.


![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot9_1qeamdz.png)

1. **Title**: set the appropriate title for the button
2. **Custom Button Styles**: set the width and height, border width, radius, color, background color, hover background color and text color for the button.
3. **Button events**: choose the event for the button to be performed after it has been clicked. The available options are:

* Copy to clipboard
* Redirect to URL
* Open Popup
* Hide Popup

4. Click the **Insert** to put the button inside the popup or **Cancel** if you do not want to show the button inside the popup.

**The result**:



![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot15_jej5fa.png)