How to edit the contact page in WordPress

How to Edit the Contact Page in WordPress

Do you want to edit and customize your WordPress Contact Page? Editing your Contact Page is yet another way to personalize a webpage to better reflect the contents of your website.

Often, your WordPress site will already have a Contact Page included, but the page usually needs some editing work to fit your needs.

But with WPForms, editing your Contact Page is simple. And we’ll show you how to do it!

Create Your Contact Form Now

Why Should I Edit an Existing Contact Page in WordPress?

If you’re utilizing a WordPress theme on your website, you likely already have a pre-built Contact Page. Many theme options include demo content that is imported to your site, so that your website can closely resemble the theme demonstration.

So, pages, posts, and other sample content might appear in your WordPress dashboard after activating your theme. You may decide, though, that you need to edit and change this content to better complement your website.

But what about the Contact Page? There is probably some kind of form on the page, which is important for allowing your website visitors to reach out to you.

Luckily, it’s incredibly easy to edit your Contact Page to suit your liking, while also utilizing a secure and reliable form to collect information on that page.

In this post, we’ll show you what to do about the pre-built Contact Page that comes with your theme, and how to create the Contact Page you really want.

How to Edit the Contact Page in WordPress

Follow these simple steps to edit your own Contact Page in WordPress.

1. Remove Forms From Current Contact Page

Like we mentioned, you might already have a Contact Page saved in your WordPress dashboard.

Go ahead and navigate to your Pages and select the Contact Page that’s currently used on your site to edit it.

Next, you’ll need to delete any forms that are already on it.

Selecting the content form block

Simply remove this form from the page.

Red arrow pointing to remove the contact form

Now you’re working with a clean slate and can add a customizable form to your Contact Page.

Be sure to Save your Contact Page to use it later.

Red arrow pointing to save button

2. Install WPForms

Next, you’ll need a new form to place on your already-existing Contact Page.

Since you want a form that’s highly customizable and that can be edited to coordinate with your website, you need to get one from WPForms.

WPForms is an easy-to-use drag-and-drop form builder plugin, and will make editing your Contact Page a breeze.

The WPForms homepage

So, first, Install and Activate the WPForms plugin.

You can download the plugin from our website here at WPForms, or you can add it as a plugin from your WordPress dashboard.

For additional help with installing WordPress plugins, here’s a step-by-step guide for beginners.

activate wpforms to use in divi contact builder

Keep in mind that the getting the plugin from your WordPress dashboard will start you off with WPForms Lite. This version of the plugin is great for creating contact forms, but if you want access to more features, you’ll need to upgrade.

We suggest purchasing WPForms Pro so that you can get all the features and addons you want. To learn more about the types of addons offered by WPForms, check out our documentation.

3. Select a Contact Form Template

With WPForms installed and activated on your WordPress site, you now have access to a selection of forms that are pre-made for you as templates.

Navigate to the WPForms tab in your dashboard and go to the Form Templates to get one of these templates.

Red box around WPForms tab

And keep in mind that with an upgraded license from WPForms, such as the very popular Pro Plan, you’re given access to hundreds of templates from the Library, along with other additional features.

Since you’re editing the Contact Page of your WordPress site, go ahead and select the Simple Contact Form template from this screen.

Red arrow pointing to simple contact form template

You’re now able to edit and customize this form template with our easy-to-use form builder, which you’ll find in the next step.

4. Customize Your Contact Form

Once you’ve selected a template, you’re taken to the drag-and-drop form building page.

The WPForms Simple Contact Form

We use the term ‘drag-and-drop’ to describe the form builder because that’s all it takes to build and edit your form.

You simply click on a field from the group on the left-hand side of the screen, drag it over to your form, and drop it where you want it.

For example, you may want to add a Multiple Choice field to your contact form to have your users choose from a selection of reasons for contact.

Adding a Multiple Choice field to a simple contact form

Just click on it with your mouse and drop it on your form. By dragging and dropping, you can add, remove, and reorganize the fields provided in your form template.

Then, to customize any of the fields you’re using on your form, just click on the field to open its editing options.

You can see how we’ve customized the Multiple Choice field in our example by editing the user choices like we mentioned above.

Editing the multiple choice field

With the many field options available with each template, coupled with the ability to further edit each field, your possibilities for a customized Contact Page are extensive and incredibly useful.

For details on how to create a custom contact form, see our tutorial on creating a simple contact form.

Don’t forget to Save your form when you are finished editing!

Red arrow pointing to save button

By saving your form, you’re then always able to find it among all your forms in your WordPress dashboard.

5. Embed Your Form in Your Existing Contact Page

Now you can place this form on a page you already have in your WordPress dashboard, and there are a couple of ways you can do it.

First, you can embed your form directly from the form builder.

After you’ve saved your form on the form building page, click the Embed button.

Red arrow pointing to embed button

When you’re asked where to embed your form, click on Select Existing Page.

Selecting an option to embed in a page

Now, select the page that you want this form embedded in.

In this case, you’ll embed your contact form in your Contact Page.

Selecting a page to embed form

Click the orange Let’s Go! button to go to your Contact Page with your form now placed on it.

Contact us page

Another way to embed the form of your choice on a page is to edit the page itself.

From your WordPress dashboard, open the Contact Page that you removed the other contact form from in step 1.

In the block editor, add the WPForms block to your Contact Page.

Red arrow pointing to WPForms block

Then select the form you want from the dropdown menu.

Selecting a form

When you select the Simple Contact Form that you recently saved, it will appear on your Contact Page.

Keep in mind that if you take the route of embedding your form directly from the form building page, then you don’t need to add it later with the block editor. You simply need to select the page from the form builder.

Like any WordPress page, you’ll need to Publish this page to take it live on your site.

And that’s it! You now know how to customize your contact form and Contact Page as extensively as you’d like, and personalize your website even further.

Create Your Contact Form Now

Visitors to your website have a great way to reach you thanks to the Contact Page, but you could make communication even more streamlined with chat options, if you like. Check out some additional reading on the best live chat software that you can implement on your site.

Next, Connect Your Forms to Brevo

Now that your Contact Page is customized to your liking, consider connecting your contact form to your Brevo account. Having your website forms automatically send data to your email marketing provider is super important to turn web visitors into paying customers. And luckily, it’s easy to do with WPForms.

Ready to build your form? Get started today with the easiest WordPress form builder plugin. WPForms Pro includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on Facebook and Twitter for more free WordPress tutorials and guides.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPForms is funded, why it matters, and how you can support us.

Kacie Cooper Stotler

Kacie is a writer and template creator for WPForms. She has been blogging on WordPress and writing about it since 2016. Learn More

The Best WordPress Drag and Drop Form Builder Plugin

Easy, Fast, and Secure. Join over 6 million website owners who trust WPForms.

Please enable JavaScript in your browser to complete this form.

2 comments on “How to Edit the Contact Page in WordPress

  1. Hi, i created rhe simple contact form, i tested and it say is working but i do not receive any message in my inbox. What setting should i check?
    Thanks

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.