an illustration of two people having a conversation about a website

Why, Where, and How to Add a Contact Form

Your site serves many purposes. Tt’s a place where people can learn about you and your business. It can also operate as an outlet to engage with fans, customers, and sales leads.

Many people rely on social media to interact with site visitors, and a good social media strategy is definitely important. However, social media isn’t always the best method of communication. In some scenarios, using a contact form to build direct relationships with site visitors gives you more control and flexibility.

Let’s take a look at some of the best places to put a contact form, and how to use Jetpack to create custom forms for your site.

Picking the best contact form location

Contact forms are more than outlets where people can send you private messages. You can also use them on landing pages, support pages, and as opportunities for people to ask questions about a product or service featured on your website.

To get the most out of your contact forms, identify what you expect to gain from having them. Here are some of the potential benefits:

  • Control over what your website visitors and subscribers see.
  • Followers can privately reach out to you without others seeing their comments.
  • Your visitors won’t have to navigate away from your site to talk to you.
  • You can curate contact information to keep in touch with site visitors in the future.

The following are prime locations that might increase the likelihood that a contact form is seen and filled out by a visitor:

On your homepage

When someone first comes to your site, you might want to present them with an opportunity to get in touch to find out more about your products or services. Having a form in a prominent location on your homepage will improve its conversion rate (that is, the percentage of users who fill it out).

In your sidebar

A simple form placed in the sidebar will show up in multiple locations on your site, according to the configuration of your widgets. This means that wherever people land when they first visit your site, they’ll always have access to your form.

You can embed a Jetpack contact form in your sidebar — just copy and paste the shortcodes.

On landing pages

Landing pages are where forms really earn their keep. A high-converting landing page will include opportunities for people to make purchases, ask a question, or share their contact information.

You may want to consider having a button on your landing page that redirects people to a second page where the form lives. Sometimes visitors prefer to click on a button rather than fill out a form on that initial landing page, so this might help to increase your conversion rates.

You can use custom graphics on your site, like this example, to direct visitors to a contact form on another page.

On your contact page

This is where many site owners place their forms. It’s important to have a dedicated contact page that includes a form for people to get in touch with questions or comments. But your contact page shouldn’t be the only place on your website where people can reach out.

Don’t skip the contact page — users expect one — but remember to include forms where they’re most visible, including your homepage, sidebar, and landing pages.

Creating flexible contact forms with Jetpack

With Jetpack, you can create custom forms for each page, and tailor each one for a specific purpose.

You can add a form using the page editor by clicking the Add Contact Form button.

Add a form to your site by clicking a single button.

You can specify the fields within your form, the email address that form submissions will be sent to, and more. Once you’re finished, simply save the page you’re editing and your form will appear, ready to be used.

Changing where your completed forms go

One great thing about Jetpack’s contact forms is that you can have many forms with many destinations. So if you have one form for sales and another for customer service, you can ensure that submissions from each are directed to the right email address.

By clicking the Edit icon in the form builder, you can edit the form and specify where submission emails go. You can also change these destination emails at any time (for example, if your sales department gets a new global inbox).

If you accidentally enter the wrong email address or delete an email, don’t fret — you can still see completed form submissions! Just visit the Feedback link to see your submissions, or export them to a CSV if you need to review them all at once.

Contact forms are powerful tools for making connections and increasing conversions

A form isn’t just a way to collect contact information. Adding thoughtful contact forms to your homepage, sidebar, or landing pages can increase engagement with your site visitors and maximize conversion rates.

Take some time today to consider what you want your forms to achieve, and plan out their locations accordingly to see your audience engagement increase.

Do you have any more questions about using contact forms? Let us know in the comments below — we’re always happy to lend a hand.

This entry was posted in Tips & Tricks and tagged , . Bookmark the permalink.

Explore the benefits of Jetpack plans

Compare plans in detail to see how Jetpack can help you design, market, and secure your WordPress site.

Compare plans

Comments

  1. eduard says:

    Sorry, sending submissions from websites with subdomains (http://prof.eisenrith.info or http://dr.eisenrith.info) to the Email-Adress of the website-owner does not work! Submissions can only be seen in “Feedback” direct on the website (not even awesome, who ckecks this daily?). Sending submissions from websites with regular (not sub-) domains like http://webtourist.info or http://hochschulforum.com to the email-adresses of the admins work fine.

    Another bug: Inserting a URL in the contact-form field-type “website” works only if it ist made very correctly with http://mywebsite.xyz and not with: mywebsite.xyz; (also not even awesome ;-(

    Like

    • Jeremy says:

      Submissions can only be seen in “Feedback” direct on the website

      I’m afraid I can’t seem to reproduce on my end, regardless of the domain or subdomain in use. Jetpack, like other contact form plugins, uses a function named wp_mail to send out emails. It’s the same function that is used by WordPress to send you comment notifications, or notifications about new users registering on your site.

      You can check if that function works properly by leaving a comment on your site and checking if you receive an email. Alternatively, you can use this plugin to check:
      https://wordpress.org/plugins/post-smtp/

      If you find issues with that function, you could use that same plugin to configure your WordPress installation to use a specific email service.

      If the function appears to be work properly, it means that Jetpack’s emails are filtered out before they can reach your inbox:

      • They can be filtered out by your server before they even get sent out; your hosting provider should be able to check their server email logs to find out if the emails were blocked.
      • They can be filtered out by your email provider. If you don’t find the emails in your spam folder, you might want to try to send out Jetpack emails to another email address, and see if you keep experiencing issues. You can do so by using this option in the contact form builder.

      Inserting a URL in the contact-form field-type “website” works only if it ist made very correctly with http://mywebsite.xyz and not with: mywebsite.xyz;

      That’s indeed to be expected. Jetpack relies on your browser to check the value entered in each field of the form. Browsers don’t recognize mywebsite.xyz as a valid site URL, since it lacks a protocol.

      Like

  2. cmdrkeene says:

    Where is the reference of the shortcodes to create forms?

    Like

    • Jeremy says:

      Jetpack relies on several shortcodes to create a working contact form; you’ll consequently want to use the interface in your post editor to build a form using all the correct shortcodes. You can then copy those shortcodes if you would like to use them somewhere else.

      Like

      • cmdrkeene says:

        Thanks — for some reason the divi builder was blocking the form UI from loading (visual editor otherwise seemed okay). But I just created it in a temporary page and then copied the codes to the divi-built page I wanted the form on, looks great.

        Liked by 1 person

  • Enter your email address to follow this blog and receive news and updates from Jetpack!

    Join 103,517 other followers

  • Our most popular posts

  • Browse by topic

  • %d bloggers like this: