Need to add a form created with Contact Form 7 in Elementor without using additional plugins?
Here are the steps to add a form Contact Form 7 in Elementor:
- Create the form contact form 7 that you want to place on the page created with Elementor.
- Copy the Contact Form 7 shortcode.
- change with Elementor the page on which you want to place the form created with Contact Form 7.
- Drag and drop the Shortcode widget onto the page.
- Paste the Contact Form 7 shortcode in the settings of the Shortcode widget.
- Save your changes.
Now let's take a detailed look at each of these steps.
See also How to add a WPForms form on an Elementor page
STEP 1: Create the form with Contact Form 7
First, create the form using the Contact Form 7 plugin that you want to place on a page using Elementor.
Once the form is created, go to Contact> Contact forms and copy the shortcode of this form.
STEP 2: Add the form to the page using Elementor
Once you've copied the form shortcode, edit the page with Elementor that you want to place this form on, once Elementor is active, scroll down and drag and drop the Shortcode widget onto the page.
Now paste the form shortcode into the "Enter your shortcode" field on the left widget settings panel.
The Contact Form 7 should appear on the page. Save your changes.
And that's all !
This is how you can add a form created with the Contact Form 7 plugin to a page using Elementor. Your form will look basic. But you can customize it if you want.
Get Elementor Pro Now!
Discover also some premium WordPress plugins
You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.
We offer you here some premium WordPress plugins that will help you do that.
1. Advanced Floating Sliding Panel
Advanced Floating Sliding Panel is a WordPress Plugin which allows you to display controllable windows in minutes.
It provides you with a range of functionalities, including shortcodes, a "builder" theme and the possibility of using it with third-party advertising services. Among its features, you can count: a vertical scrolling tab, a horizontal scrolling tab, multiple tabs that can be displayed at the same time, an unlimited number of tabs and much more.
Download | Demo | Web hosting
2. WordPress Plugin Reviewer
The Reviewer is a WordPress Plugin which allows you to quickly and easily insert reviews and comparison charts into your posts, pages, and custom post types. If you need to create a great summary of a review or just want to create a powerful and simple user review collection system, this plugin is what you are looking for.
The flexible structure of the latter allows you to collect any type of opinion or criticism. All you need to do is create a form template and insert it into your posts or pages. Users and visitors will be able to leave their opinions there.
It also offers different customizable themes so that you can adapt your reviews and comparison tables to the look and feel of your website.
Download | Demo | Web hosting
3. tactile
Tactile is a WordPress menu and header solution for smartphones, created using Google's Material Design design principles. Its header design is extremely clean.
It has subtle and thoughtful animations, and at the same time offers plenty of customization possibilities, which in turn make this WordPress Plugin suitable for any website.
You will be able to quickly change the colors of each element, add a background pattern, modify the animations, show or hide different elements and so on ...
Download | Demo | Web hosting
Other recommended resources
We also invite you to consult the resources below to go further in the grip and control of your website and blog.
- How to add a photo of an author on WordPress
- How to update your WordPress themes bought on Themeforest
- How to create a segmented circular menu using Divi Blurbs
- How to display the date of an article update
Conclusion
Here ! That's it for this tutorial. Hope you get to add Contact Form 7 in Elementor. feel free to share the tip with your friends on your social networks.
However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.
But, in the meantime, tell us about your Comments and suggestions in the dedicated section.
...