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:

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.

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

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.

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

Step 3: Click ‘Save’ to finalize changes.

You have successfully created an overlay with several input fields.