How to Create an Overlay With Several Input Fields in the Overlay Editor


Picreel lets you add multiple input fields to a website overlay with just a few clicks.


Benefits of adding several input fields:


1. Collect more data in a single go

2. Enhance your marketing campaigns by using the collected data as per the requirements


Here’s what a website overlay with multiple input fields will look like:


Preview of a website overlay with several input fields


To create a website overlay with several input fields:

Step 1: In the ‘Edit Design’ section of a campaign, click ‘Fields & Text’ to open the drop-down menu.


Step 2.1: Click on the required overlay fields you wish to add and see a live preview on the right part of your screen.


Opening the Edit Design section of a campaign


For example, when you choose ‘All three fields,’ this is what the preview will look like:


Adding multiple fields in the website overlay


You can edit the placeholder content on the left panel.

If an overlay does not have the visual option to add fields, open the HTML/CSS box.


Step 2.2: To access advanced modifications of the offered designs, please, click on HTML/CSS Editor.


Opening the HTML/CSS Editor


Here, you may add additional fields, buttons, change fonts, sizes, etc.


Adding element in the HTML/CSS editor


Note: Seek the developer’s assistance for this step

Step 3: Click ‘Save’ to finalize changes.


You have successfully created an overlay with several input fields.



Was this information helpful?
© 2005 - 2023 ProProfs