1. Web Design
  2. WordPress
  3. Elementor

How to Create an Elementor Contact Form for WordPress

Scroll to top
Read Time: 2 min

Being able to get in touch is one of the most common goals for your website users. In this video, you’ll learn how to use Elementor along with popular WordPress plugin Contact Form 7 to make a contact form for your website.

How to Build a Contact Form with Elementor

In this tutorial I’ll show you how to use the Pro version of Elementor to create a contact form. In case you don’t have access to Elementor Pro I’ll also demonstrate two ways of creating contact forms using the free version. Let’s get started!

Our Elementor Contact Form

During this tutorial we’ll be building the following contact form:

contact form in elementorcontact form in elementorcontact form in elementor

What You’ll Need

All you need to build this form is a WordPress installation with Elementor installed, a basic understanding of how WordPress works, and a spare half an hour. You may also find the resources listed below helpful.

What We’ll Cover in this Tutorial

The following timestamps mark useful sections of the tutorial which you may want to revisit later on.

Premium WordPress Themes and Plugins 

Once you have your site set up, you’ll want to explore the thousands of WordPress themes on ThemeForest and WordPress plugins on CodeCanyon. Purchase these high-quality WordPress themes and plugins and improve your website experience for you and your visitors. 

WordPress plugins on CodeCanyon.WordPress plugins on CodeCanyon.WordPress plugins on CodeCanyon.

You’ve Built a Contact Form for WordPress!

If you followed along you should now be looking at your own Elementor contact form for WordPress. I hope you’ve seen how easy it is to work with Elementor (even the free version is a great visual builder) and feel confident enough to have a go on more designs yourself.

Stay tuned for more practical tutorials coming soon, and don’t forget to check out more Elementor resources on Tuts+!

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.