BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Contact Form Widget for Elementor Pro

Build contact, quote and multi step forms inside Elementor.

Overview

What Contact Form does

Contact Form is a form builder inside Elementor with 20 field types, multi step forms and file upload. Each entry can be emailed to you, answered with an automatic reply, saved on the site, sent to a webhook, and followed by a message or a redirect. Use it for contact, quote, booking and feedback forms.

Demo

Live demo

The form is not shown here so it cannot be used to send spam.

Features

What it can do

  • 20 field types, including Email, Dropdown, Date, Consent Checkbox, File Upload, Password, Hidden and HTML.

  • Multi step forms with numbers, titles, a progress bar or dots.

  • File Upload fields with allowed file types, a size limit and a file count.

  • Entries saved under Bright Addons Pro > Form Entries, with CSV export.

  • Email to you, an automatic reply, a redirect, a webhook and a success message.

  • Product capture for quote forms: the entry records the product the form was sent for.

  • Google reCAPTCHA v2 checkbox, v2 invisible or v3, with your own keys.

  • Built in spam checks: hidden trap field, entry limit, minimum fill time, link limit, blocked words.

Use cases

When to use it

Contact page

Keep the default fields and enter your address in Send To.

Quote request

Add a Product field and link to the form with the product in the address, so each entry names the product.

Multi step enquiry

Add rows of the type Step to split a long form into short steps with a progress bar.

Job application

Add a File Upload field for a resume and save the entries on the site.

Setup

How to set it up

What you need: A site that can send email through WordPress mail (an SMTP plugin is recommended if your host does not send email from PHP). Google reCAPTCHA needs your own keys. Product price and SKU need WooCommerce.

  1. Drag the Contact Form widget onto the page and open the Fields section.

  2. Edit the rows in Fields: choose a Type, Label, Placeholder and Width, and switch on Required where needed.

  3. Give each field a Field ID such as name or email so you can use it as [name] in subjects and replies.

  4. For a multi step form, add rows of the type Step and set the Progress Display in Steps.

  5. In Actions After Sending, choose What Happens With an Entry, for example add Save entries on this site.

  6. Open Email to You and fill in Send To and Subject. Leave Send To empty to use the site admin email.

  7. Adjust Messages, Redirect and Spam Protection, then send a test entry on the live page.

FAQ

Questions and answers

Where are the entries saved?

Add Save entries on this site under What Happens With an Entry. Administrators then find them under Bright Addons Pro > Form Entries, where they can be read, deleted and exported as CSV.

How does the form stop spam?

A hidden trap field and a limit on entries per visitor are always on. You can add a minimum fill time, a link limit, blocked words and Google reCAPTCHA.

Does the form send data to other services?

Only if you set them up: a Webhook Address sends entries to that address, and a reCAPTCHA row with keys loads a script from Google and asks Google to check each entry.

Why does the email come from wordpress@ and my domain?

The sender must be an address of the site’s own domain, because mail servers reject mail that claims another domain. The visitor is set as Reply-To, so you can answer directly.

Bright Addons Pro

Get Contact Form with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.