Prefill Input Fields in Your Poper

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 Your Poper Popup:


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

Select the Input Field:


Identify the input field within your popup that you want to pre-fill. This could be a text input, email input, or any other type of input field.

Open Element Settings:


In the right-hand side settings panel for the selected input field, look for the "Prefill" option. This option should be a toggle switch or a checkbox.

Enable Prefilling:


Toggle the "Prefill" option to the "on" position. This will activate the pre-filling functionality for the input field.

Choose Prefill Method:


Once you've enabled pre-filling, you'll see additional options related to the prefill method. Poper offers three methods:
  1. Static Value: Use a fixed value that you want to pre-populate in the input field. Enter the desired value in the provided text field.
  2. URL Parameter: Extract a value from the URL parameters of the current page. Enter the name of the URL parameter you want to use (e.g., "utm_source").
  3. System Fields: Use system-provided information about the user's device or location. Select the desired system field from the available options (e.g., user's operating system, browser, IP address, or location).

Save and Test:


After configuring the prefill method and entering the necessary values, click the "Save" or "Update" button to apply the changes to your popup.

Test the popup to ensure the input field is pre-filled correctly based on the chosen method.

    • Related Articles

    • 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) ...

    • 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 ...

    • 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: ...

    • 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 ...

    • What are system fields in integration field mapping?

      When integrating Poper with external services, you may need to map various fields to ensure that the data collected through your popups is correctly sent to and processed by these services. Among these fields, some are known as system fields. These ...