Skip to main content
All CollectionsCampaignsStyling
How to make input fields as required in Poper? (Checkbox, Input, and Phone elements)
How to make input fields as required in Poper? (Checkbox, Input, and Phone elements)
Karan Bhakuni avatar
Written by Karan Bhakuni
Updated over a month ago

Poper allows you to designate specific input fields as mandatory, ensuring visitors provide crucial information before submitting the form. This guide will walk you through the process of making input fields (like text, checkbox, and phone number) required within your Poper popups.

Making Input Fields Required:

Access Your Poper Popup:

Log in to your Poper dashboard and open the specific popup you want to modify.

Select the Input Element:

Identify the input field (text, checkbox, or phone number) you want to make required. If it doesn't exist, add a new one using the "Add" button and selecting the appropriate element type.

Open Element Settings:

Once the desired element is selected, look for the settings panel on the left side of the editor.

Enable "Required" Setting:

Locate the "Required" option within the element's settings. This setting is usually represented by a toggle switch or a checkbox. Ensure this option is turned "on" or checked.

Verify Default Behavior:

By default, most input elements in Poper are already set as "required." However, it's always good practice to double-check this setting to ensure it's enabled for the fields you want to be mandatory.

Additional Considerations:

Form Submit Action:

To enforce the "required" setting effectively, make sure the button or element that triggers the form submission has the "Form Submit" action assigned to it.

Browser Validation:

Most modern browsers support HTML5's "required" attribute, which provides visual cues (like an asterisk) to indicate mandatory fields. Poper likely leverages this feature for input validation.

Saving and Testing:

Save Your Popup:

Once you've configured the required fields, click the "Save" or "Update" button to apply the changes.

Test the Popup:

It's essential to test your popup to ensure the required fields function correctly. Try submitting the form without filling in the required fields to verify that the form submission is blocked or an error message is displayed.

By following these steps and considering the additional tips, you can effectively implement required fields in your Poper popups, ensuring that essential information is captured from your visitors.

Did this answer your question?