Add a Contact Us Form app to your website

The default Contact Us Form and questions The Contact Us Form app provides a simple, effective way to get basic information about site visitors that you can track over time. The app creates a default form that you can customize, looks well-integrated into your public website, and adds a dynamic method for building a list of customers. Anyone who visits the site can enter data in the form. The data is stored in a Submissions list within the Contact Us app and you can manage this data similar to other SharePoint lists.

What do you want to do?


Learn more about the Contact Us Form App

You can use the Contact Us Form app to easily and quickly build up a list of interested visitors and potential customers that can help you analyze demographics, drive marketing campaigns, improve sales, and grow your business.

As you can see, there are a default set of questions, but you can customize the form to change a question or add more questions. Each question in the form corresponds to a column in the Submissions List located within the Contact Us Form app. The following table shows the available columns.

Default columns Other columns …
First Name Full Name City Mobile Number Notes
Last Name Company State/Province Business Phone Last Name Phonetic
Email Job Title ZIP/Postal Code Home Phone First Name Phonetic
Comments Address Country/Region Fax Number Company Phonetic

You can even add your own custom columns and choose specific column types, such as Choice and Yes/No.

Each time a visitor enters data into the form and submits it, a new item is added to the Submissions list. Peruse the list, take a few moments to answer questions, and start building customer relationships. Over time, you can build up a list of customers or frequent visitors to help with other business activities, like mass mailings, customer profiling, and tracking site popularity. To support these activities, you can do more with the Submissions list, like create an alert, export the data to Excel, add additional columns, and create views.

 Caution    It’s possible to create more than one Contact Us form with different questions, for example on different web pages of the same website. However, there is a chance that data can be lost if two site visitors simultaneously fill out and submit these different Contact Us forms. To avoid potential loss of data, only create one Contact Us form for a website.

 Note    The Contact Us Form app is designed to gather contact information. If you need a more general form-based solution (surveys, questionnaires, RSVPs, sign-up sheets, and so on) consider using Excel forms which is available on OneDrive. For more information, see Send a form to collect information in an online spreadsheet.

Top of Page Top of Page

Add the Contact Us Form App to your website

  1. On your website, click Settings SharePoint Online Public Website Settings button and choose Site contents.
  2. Click Add an App, and then click SharePoint Store.
  3. Under Categories, click Public-facing Websites, search for and locate the Contact Us Form app, and then click Add It.
  4. Log in with your Microsoft Account (such as myemail@Outlook.com), and then confirm the download operation. For more information about Microsoft Accounts, see Add an app from the SharePoint Store.
  5. On the Do You Trust Contact Us Form? dialog box, click Trust It. To work properly, this app requires additional permissions to site resources.
  6. Navigate back to the Site Contents to see the new app icon at the top of the apps list.
  7. To open the Contact Us Form app, click the app icon.

Top of Page Top of Page

Add the Contact Us form to a web page

  1. Navigate to the web page where you want to add the Contact Us app. Although you can add the app to any web page, the default Contact us page is a natural candidate.
  2. Click the Page tab, and then in the Edit group, click Edit.
  3. Place your cursor on the web page where you want Contact Us form to appear.
  4. Click the Insert tab, and then under Parts, click App Part, click Contact Us Form, and then click Add.

Top of Page Top of Page

Customize the form questions and confirmation message

You can just use the default questions and confirmation message, but you probably want to customize the form to suit your needs.

  1. At the bottom of the form, click Edit Form.
  2. Do one or more of the following:

Modify a question

   
  1. Click the question, and then click the Properties button.
  2. In the Edit Question dialog box, enter the changes you want.

The form properties dialog box

  1. When you are finished, click Done.

Add a question

   
  1. At the bottom of the form, Click Add a Question, and then select from the list of questions. At the top of the list, click Custom.
  2. In the Edit Question dialog box, enter the changes you want. Make sure you provide a unique name and select an appropriate Response Type.

Adding a custom column

  1. When you are finished, click Done.

Remove a question

   
  1. Click the question, and then click the Properties button.
  2. At the bottom of the Edit Question dialog box, click Delete Question.
  3. When the confirmation prompt displays. click Yes.

Edit the Confirmation message

   
  1. At the bottom of the form, click Edit Confirmation.

Changing the confirmation message

  1. Enter a message, and then click Save.

 Tip    You can change the title from “Contact Us” to something else such as, “Join Our Mailing List”. Click the Web Part menu, click Edit Web Part, in the Web Part pane make the change in the Title box, and then at the bottom of the Web Part pane, click OK.

Top of Page Top of Page

Manage the Submissions list

The Submissions list is on a site contained within the Contact Us Form app, and contains many of the features available to native lists on your website or team sites, but not all of them.

 Warning    If you or someone else deletes the Contact Us App from your site, the Submissions list is also deleted. It’s a good idea to frequently back up the Submissions list. You can use the Export to Excel command to save the data.

  1. To navigate to the Submissions list, on your website, click Settings SharePoint Online Public Website Settings button, choose Site contents, and click the Contact Us Form app tile.
  2. On the Contact Us Form page, under Form Answers, click the icon or click Contact us.
  3. The Submissions list appears.
  4. You can manage the list like any list. Here are some general suggestions:

 Note    When trying to set a list alert, you may receive a message stating that an e-mail address is not available. First, check the user profile of the e-mail entered in the Users box under Send Alerts To in the Submissions - New Alert dialog box to make sure the profile contains a valid e-mail address. You also may need to wait a while and try again because the user profile may not be synchronized yet with the Office 365 directory service. For more information, see Manage SharePoint Online user profiles from the SharePoint admin center.

  1. To navigate back to the website, click the breadcrumb link at the top of the page.

Top of Page Top of Page

Learn more

See Public Website help for Office 365.

Top of Page Top of Page

 
 
Applies to:
SharePoint Online Website