Contact form creation

Contact form popup is a great way to keep in touch with your users. Provide help, or additional info letting them contact you.
To start the creation of a Contact form, you should click on "Insert Contact Form Popup" button in your editor page.(arrow on the left)
On the right side of the page you'll see a bar of your Contact Form Element options. (arrow on the right)



Now, let's check them one by one!

There are 3 sections in the Subscription popup element options: Content, Design, Settings

How to customize the form fields? | Content

You can Disable (Off) and Enable (On) the fields in the Contact form

You must enable at least one of the following 2 fields: Email, Phone

Customize the Texts of each field.

Make the fields Required.

All the fields are draggable so you can move their position with simple dragging.

How to cusomize the Design of the form? | Style

Set up the Sizing and positinoning of the Inputs and the Button.

Add a Gradient color for the button if you wish.

Add a Background image for the button if you wish.

Any customization is possible with the styling of the form.

How to manage form submission details? | Settings

Select the form behavior after the subscription. Show a message, Redirect, Close the popup, etc.

Specify an email to receive the contact details.

There are also some custom functions you may use for the form submission:



Contact Form Events - you may use our "before" and "after" form submission JS events in order to process certain actions depending on our form submission.

How to manage the contact details?

You can see the contact details of your users in the Contacts section of your Popup Maker account.

Export the list of your contacts via the "Export List" blue button on the left side of the Contacts screen.

Updated on: 05/11/2020