This article explains how to configure and customize the Submit Button for optimal functionality and alignment with your form’s design.
About Submit Button
The Submit Button is a key element used exclusively within contact forms to allow visitors to submit their information or responses.
The submit button is specifically designed to send and submit form data. It cannot function as a button for redirecting to another link or as an add-to-cart button.
In GemPages, this element cannot function independently and must be added within a Contact Form or Newsletter Form element.
Submit Button Settings
Icon
- Add an Icon: Choose to include an icon (e.g., a paper plane, checkmark) to enhance the button’s visual appeal.
- Position & Spacing: Adjust the icon’s placement (left or right) and spacing relative to the text.
Size
- Width: Set the button’s width to make it stand out or fit seamlessly within the form layout.
- Height: Adjust the button height for better proportions.
- Padding: Customize padding for precise spacing between the button’s text and edges.
States: Normal/Hover
- Normal State: Customize the background color, text color, border, and button corners for the default state.
- Hover State: Adjust the hover effects to change the button’s appearance when a user hovers over it, such as modifying colors, borders, or corner styles.
Text
Edit the button text to reflect the action, such as “Submit,” “Send,” or “Subscribe.”
Customize the text’s font, size, color, and style to match your form’s branding.
Align
Align the button horizontally (left, center, or right) within the form to suit the overall layout.
