Your forms allow you to collect information from your customers, and the last step of getting that information into your system is the submission button. The button element encourages your audience to take action, so customizing it to match your brand's look and tone will increase its efficiency. Let's learn how to do it!

Customizing The Button

The button element is added automatically upon creating a Form. To start customizing it, simply click the element to open its settings.

Themes

Use the Select Themes option to use premade templates to recolor your submission button.

Content

Enter the button text to start. Then adjust the font to your liking by selecting the typography, font size.

Toggle Enable Icon to add a small image to your button. Once you do, you can select the icon and its placement.

To add more text to the button, enable the Sub Text option, then type it in.

To customize your button's size, disable the Full Width option, then enter your desired width.

Aligment

Select how you want the button to be aligned in the form in this section.

Colors & Background

1. Background Color: Change the background color of your button with this option.
2. Text Color: You can adjust the text color in the button here. For example, the "Click to Sign Up" text
3. Sub Text Color: When you add a sub-text to your button, you can only adjust the color in the button here.

Border

1. Width: When you increase the border width, it increases the thickness of the border.
2. Radius: Adjusting the radius of your border curves the edges of the border; the higher the number you select, the curvier it becomes.
3. Color: To change the color of the border, click on this color icon.
4. Style: There are three (3) Different styles for your border. It could be a solid, Dashed, or Dotted border.

Padding

Adjust the space around your button in relation to other elements.

• Padding: These four toggle bars move the content to either the left, right, top, or bottom, depending on the toggle bar you click on.
• Margin Top and Bottom: You can adjust the top or bottom margin of your content by toggling its bars.

Shadow

Add a shadow effect to your button to make it pop by setting these details:

1. Color: This defines the color of your element's shadow.
2. Horizontal: This defines how far to the right the shadow will spread.
3. Vertical: This defines how far down the shadow will spread.
4. Blur: Use this option to soften the shadow.
5. Spread: Use this option to expand your shadow across all edges.

And that’s it! Simply save your form to set the changes, and you're done. With these steps, you can easily add and customize a button that not only looks great but also drives action.