Articles on: Popup Maker Elements

How to use a Contact form?

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

Was this article helpful?

Share your feedback

Cancel

Thank you!