Frequently Asked Questions

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)

image

Let's check all the options for customization!


Button Behavior

Select your popup behavior after the button is clicked.

  • Redirect Url

image
Add the URL of the page/site you want your users to be redirected to, when clicked on the button.


  • Copy To Clipboard



image
If this option is checked, a copyable text will be shown after the user clicks on the button.
Add any text you wish here, for example a coupon code, that the visitor can use after submitting the button.


  • Close Popup


image
If this option is checked, the popup will close after someone clicks on the button.


Button Styles

Customize the look of the button.

  • Label

image
Enter the text for your button.


  • Label Color


image
Pick a color for your button Label.


  • Font Size


image
Select the Font Size of the label of the button.


  • Font Styles


image
Make the label Bold, Italic or Underlined.



  • Width

image
Set the Width of the button, in percentages.


  • Height


image
Set the Height of the button, in pixels.


  • Color


image
Change the Color of your button, pick any color you wish!


  • Border Size


image
Customize the Border Size of the button, in pixels.


  • Border Radius


image
Change the Radius of the Borders of your button, in pixels.


  • Border Color


image
Change the Border Color of the button if you wish.


  • Padding


image
Add some Padding pixels to highlight the button.


  • Margin


image
Add some Margin pixels to highlight the button.


Button Hovering

Select colors that will be shown when someone hovers over the button.

  • Color


image
Select the color of the button when hovered over it.


  • Label Color


image
Pick a color for the label, that will be shown when hovered over it.


  • Border Color


image
Pick a color for the borders to show on hover.

Help Topics:


Last Updated 8 months ago