How to Build Contact us page using WP Forms and Elementor

The “Contact Us” page is an essential part of any website, allowing visitors to easily reach out to the website owner with any inquiries or concerns they may have. The page should be designed with care to ensure that it is user-friendly and easy to navigate, with a clear and concise layout. One popular tool for creating contact forms on WordPress websites is WPForms, a drag-and-drop form builder that allows users to create custom forms without any coding experience.

In this article, we will explore the benefits of using WPForms to create a “Contact Us” page on your WordPress website.

Why Use WPForms?

WPForms is a powerful form builder that provides a wide range of features to create custom contact forms. It is user-friendly and easy to use, even for those without any coding experience. WPForms also provides a range of templates to choose from, making it easy to create a contact form that suits your needs.

In addition, WPForms is fully responsive, meaning that it is optimized for mobile devices. This is particularly important, as an increasing number of users are accessing websites from their mobile devices. WPForms also provides a range of integrations, allowing you to connect your contact form with popular email marketing tools, payment gateways, and more.

Creating a Contact Form with WPForms

Creating a contact form with WPForms is a simple process. First, you will need to install and activate the WPForms plugin on your WordPress website. You can do this by navigating to the “Plugins” section in WordPress and searching for “WPForms.” Once you have installed and activated the plugin, you can start creating your contact form.

Step 1: Create a New Form

To create a new form, navigate to the WPForms section in WordPress and click on “Add New.” From there, you can choose from a range of templates or create a blank form.

Step 2: Add Fields

Once you have created your new form, you can start adding fields. WPForms provides a wide range of fields, including text fields, dropdown menus, checkboxes, and more. You can also customize each field to suit your needs.

Step 3: Customize Your Form

After you have added your fields, you can customize your form’s appearance and settings. You can choose from a range of themes, change the form layout, and add custom CSS to further customize the form.

Step 4: Configure Notifications

WPForms allows you to configure notifications to receive an email every time someone submits the contact form. This is a great way to keep track of inquiries and respond to them promptly.

Step 5: Embed Your Form

Finally, you can embed your contact form on your “Contact Us” page or any other page on your website. WPForms provides a shortcode that you can copy and paste into the page where you want the form to appear.

Best Practices for Creating a Contact Us Page with WPForms

When creating a “Contact Us” page with WPForms, there are several best practices to keep in mind. First, keep the form simple and easy to use. Only ask for information that is necessary, and make sure the form is easy to navigate and understand.

Second, provide clear instructions on how to fill out the form and what information to include. This will help to avoid confusion and ensure that users provide all the necessary information.

Third, make sure the contact form is easy to find. Ideally, it should be located on the main navigation menu or in a prominent location on the homepage.

Finally, make sure to test your contact form to ensure that it is working properly. Send a test inquiry to yourself and make sure that all the fields are working as expected.


Creating a “Contact Us” page with WPForms is a simple and effective way to provide users with a way to reach out to you with