Adding a Form to your Popup

Collecting leads are a great way to use Pagecloud Popups and Banners. You can collect newsletter signups, contact information, quote requests, and more using Pagecloud forms. 

Types of forms

Your popup editor comes equipped with several form templates you can customize to fit the overall design of your popup or banner, and include all the fields you need. Some templates include: 

  • Contact
  • Estimate
  • Newsletter signup 
  • Event registration
  • and much more! 


Add a Pagecloud Form to your Popup

  1. Click on the "Forms" tab within the Left Toolbar
  2. Drag a form onto your page.
  3. Click "Save" and "View Live" to see the form in action on your page.


Editing your form

You can customize your form in just a few clicks! Add fields, customize your text, and style your submit button.

Adding a new field

Current form input fields include: 

  • Single Line Text
  • Multi Line Text
  • CheckBox
  • Radio Button
  • Email
  • Dropdown

To add a new form field: 

  1. Select the form on your page.
  2. Click "Edit Form". 
  3. Select the "Add Field" tab in your Edit Menu. 
  4. Drag the desired field onto the form. 
  5. Rearrange the order of the fields by dragging them. 
  6. Click "Done" in the upper section of the form.

Duplicate or Remove Input Field

  1. Select the form on your page.
  2. Click "Edit Form". 
  3. Select the input field to duplicate or remove.
  4. Select the duplicate or delete icon on the right side of the input field.  
  5. Click "Done" in the upper section of the form.
  6. Click "Save" and "View Live" to see your new form field.

Change the Text of the Form

  1. Select the form on your page.
  2. Double click on the text you would like to change.
  3. The Edit Menu will appear with the "Style" tab selected.
  4. Here you can adjust the font, spacing, colour and other text styles.
  5. Click "Done" in the upper section of the form.
  6. Click "Save" and "View Live" to see the new text on your form.


Change the Layout of a Form

  1. Select the form on your page.
  2. Click "Edit Form".
  3. Rearrange the order of the fields by dragging them.
  4. Resize the form by dragging the left and right resize handles.
  5. Click "Save" and "View Live" to see the form in action.


Layout Form Fields in Multiple Columns


  1.  Select the form on your page.
  2. Click "Edit Form".
  3. Click and drag a form field from your Edit Menu to the left or right another form field. 
  4. The form fields will be place beside one another. 
  5. Click "Save" to confirm the changes on your page.


Name your Form


  1. Select the form on your page.
  2. Click "Edit Settings" in the upper section of the form.
  3. Enter a name for your form. This will help in viewing the form submissions.
  4. Click "Update Settings", then click "Save" to save the changes.


Change Email Address of Form Submissions


While your form submission will be available in your dashboard in your Inbox, you can add an email for submission notifications.

  1. Select the form on your page.
  2. Click "Edit Settings" in the upper section of the form.
  3. Add in the email address to be notified of form submissions
  4. Enter the new email address that will receive form submissions.
  5. Click "Update Settings", then click "Save" to save the changes.


Add Spam Prevention to Pagecloud Forms


Spam prevention is automatically included on all new Pagecloud forms using the ReCaptcha Service. 

The ReCaptcha service includes a badge at the bottom left of your page on any page that uses a Pagecloud form. 

This notifies users the form is protected with the ReCaptcha service. 


User Icon

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!