How To Use Contact Form 7 With Avada

17/03/2020

Contact Form 7 is one of the most popular form plugins for WordPress, and it is well integrated with Avada. Let’s look at how you install and use this plugin on your Avada website. Read on, and watch the video for a visual overview.

For privacy reasons YouTube needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept

Installation

To install Contact Form 7, simply head to the Avada > Plugins page, mouse over Contact Form 7, and click install. This will install and activate the plugin with one click. This places the Contact Menu on the sidebar of the WordPress dashboard.

Installing Contact Form 7

Settings

Once Contact Form 7 is installed, you will find a sample form under Contact > Contact Forms. All settings for the plugin are found in the actual forms themselves.

Contact Form 7 > Contact Forms

Using The Plugin

Whether you add a New Form, or edit the sample form, you come to the Form Editor, and here, there are four tabs to help you configure your form and its settings.

Form

The first tab is Form. Here, you create the form template with use of form tags. The sample form is a basic contact form with fields for Name, Email, Subject, a Message area, and a Send button. You can add further form fields by clicking on and configuring the corresponding Form Tag Generator button above the form template area.

On the right hand side, you will see links to the Contact Form 7 FAQs, Docs and Support Forums.

Contact Form 7 > Form Tab

Mail

Once you have completed your form fields, you can configure the form as a whole in the Mail tab. this tab configures where the form is sent, and the content the mail will have. You can also use mail tags in this template to customise how the mail appears.

The ‘To’ email address can be any email address, but the ‘From’ email address should be one on the same domain as the form. In the Message Body, you can edit the template, and add any of the [your-name] [your-email] [your-subject] [your-message] mail tags to control the content.

Contact Form 7 > Mail Tab

Messages

The Messages Tab is where you configure the various messages the form can give off in certain situations. There are default values in all of them, but you can, of course, customize these to whatever you like.

Contact Form 7 > Messages Tab

Additional Settings

There is a final tab called Additional Settings, where you can add customization code snippets. This is for advanced users, and is not at all required for the forms to work. Follow the Additional Settings link on the tab for more information.

At the top of every tab is the specific contact form shortcode. This is one way you can add your form into your content. Of course, you can also use the Contact Form 7 Element as well.

Contact Form 7 > Additional Settings Tab
Contact Form Example

Conclusion

Contact Form 7 is one of the most popular form plugins for WordPress. If you need something more complex, that can handle conditional logic for example, then check out Gravity Forms, but for a quick standard contact form, it’s easy to use and integrates well with Avada. Check it out. You can’t go wrong.