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)

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.


    • Related Articles

    • Default Phone Input Country in Poper

      Poper allows you to customize your phone input fields to enhance user experience. This guide will show you how to set a default country for your phone input, making it easier for visitors to enter their phone numbers. Steps: Access Your Poper Popup: ...
    • Make Elements Clickable in Poper

      Poper's popup builder just got more interactive! You can now transform various elements within your popups into clickable hotspots, creating engaging experiences for your visitors. This guide will show you how to make headings, subtext, boxes, and ...
    • Why Input IDs are Required for Input Fields in Popups & How To Add Them?

      Input IDs play a crucial role in identifying and organizing data collected from input fields within popups. Here's why they are essential: Data Organization Input IDs serve as unique identifiers for input fields, allowing collected data to be ...
    • Prefill Input Fields in Your Poper

      Poper allows you to pre-populate input fields within your popups, providing a more personalized and convenient user experience. This guide will walk you through the process of setting up pre-filled input fields. Steps to Prefill Input Fields: Access ...
    • How to connect custom fields from Poper to Mailerlite

      Mapping custom fields from Mailerlite to Poper allows you to synchronize data seamlessly between the two platforms. Follow these steps to map custom fields from Mailerlite to Poper: How to Create Custom Fields in Mailerlite: Access Mailerlite ...