> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.popupmaker.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 a Button Element in a popup?

# Button element creation

You have some offers that you wish to show inside a popup and need to include a button for redirection, for showing a coupon code or something else? 
Create the popup with a content you wish and add a button element with a bunch of customization options - all to your needs!
To start the creation of a Button element, you should click on **"Insert Button Element"** button in your editor page.(arrow on the left)
On the right side of the page you'll see a bar of your Button Element options. (arrow on the right)


![Button Element Options](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/button-element-options_1pxni4g.png)

Let's check all the options for customization!


# How to customize the button click behavior? | Click Behavior


![Customize Button Click Behavior](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/customize-button-click-behavio_14rrlzb.png)

You can select the behavior of the button click and choose what you want to happen as a result.

* Select a URL to which the users may be redirected after the button click.

* Add a text, a coupon code for example, that may be copied after the button click.

* Close the popup after the button click.

* If you have a Spinner element in your popup, you can spin it with the button click.

* You can open another popup after the button click of your initial one.

* Display a modal asking for permission to send push notifications after the button click.


# How to customize the Design of the form? | Content & Style


![Customize Design Of The Form](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/customize-design-of-the-form_wifgq0.png)

* Add the button text.

* Set up the Sizing and positioning of the Inputs and the Button.

* Add a Gradient color for the button if you wish.

* Add a Background image for the button if you wish.

* Any customization is possible with the styling of the form.