Contact Form Overview

ProPhoto includes an integrated, slide-down contact form. Its customizable form fields allow you to collect the specific information that you desire from your visitors. When the form is submitted, the information will be sent directly to you in an email. It is not a separate page, and cannot be used as such. If you need a totally separate page for your contact form, create the page in WordPress and use a plugin to add form fields to that Page.

contact-form-screenshot

An example of a simple ProPhoto Contact Form with a widget of text on the left, and the default fields at the right

Editing the Contact Form content

The area to the left of your contact form is customized using widgets. You must either edit the widgets found in the “Contact Form” group found at the top-right of your WordPress Widgets screen, or otherwise drag any widget you would like to use from the left over to this area on the top-right.

To watch a short video to help you understand generally how to work with WordPress widgets, see here:

Styling the Contact Form content

Setting the Email Address

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Contact Form" > "General Options"

By default, ProPhoto uses the Email in the WordPress “Settings” > “General” screen for sending submitted contact forms.

In WordPress, the “Settings” > “General” screen, E-mail address field

If you want to use a different Email address to receive your contact form info, you can enter that Email address here.  Be aware that you can only enter one Email address into this field.

ProPhoto customize area for alternate Contact Form Email address

How can I set up a linkable text Email address?

Drag a ProPhoto text widget to the “contact form content area” in “Appearance” > “Widgets” and paste in the appropriate code, which will have the structure show here.

Adding the Menu Link

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Menu" > "Primary/Secondary/Vertical nav menus"
(when using the "Special link type" menu item option)

Navigation Menu Links

The Special link type will show/hide the ProPhoto Contact Form in the Header Area of any page the visitor is viewing. Start by creating a new navigation menu item in the “Menus” area of ProPhoto. Remember that the mobile site menu area is in “ProPhoto” > “Customize” > “Mobile” > “Footer Menu”.  After creating a new menu item, click to edit the menu item settings:

Contact Form link settings in Menu Item popup window

You must select the “Special link types” option, and use the dropbox to pick the “Show hidden contact form” selection.

To learn more about working with ProPhoto Navigation Menu content, please see the Menus Overview.

Call To Action links

The ProPhoto Call To Action tools make it simple to add custom links below each blog Post or Page of your site so visitors can take action like share your Post on popular social media websites, or even to send a Contact Form message to you.

Select the “Contact Me” option for an automatic Contact Form link

Click here to learn more about the Call To Action features of ProPhoto.

Manually linking to the Contact Form

Creating a manual link with a URL of simply this will scroll to the top of the currently-being-viewed page and open the Form:
#contact-form
Like this if you’re working in your page/post editor screen and you highlight some text and click the ‘link’ toolbar button:

This will slide the Contact Form open where ever it is used

This will slide the Contact Form open where ever it is used

When linking to your ProPhoto site from another site, you can link to a specific page of your site, and then slide open the Contact Form. To do that create a link to the page and add “#contact-form” to the end of the address. For example, this would visit a “Book A Session” Page you’ve made on your site and then slide the Contact Form open above the page’s content:
http://mycoolsite.com/book-a-session/#contact-form

This only works when linking to your contact from from outside your site. You cannot create an internal link to a separate page and have the form slide open.

Editing the Contact Form fields

 
This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Contact Form" > "Form Fields"

ProPhoto’s built-in contact form provides you with several different field types to add to your form. Adding the right input fields to your form allows you collect the information from your potential clients that is most relevant to you.

Form Field Basics

Before we look at the different types of form fields, there are a few things to know about how your fields are displayed. First, all form fields are stacked vertically in the order that they are entered. Secondly, your form must have at least a “Name” field and an “Email” field selected, and they must both be set as required fields. These fields are required by ProPhoto to process a contact form submission and so that you will know the name and Email address of the person contacting you so that you can reply to them.

Unfortunately, there is not a simple way to reorder the fields.  To put them in a different order, you would need to edit each field that needs to be changed to a different type.

Here are the field types that you can choose from within your form: (a maximum of 25 form fields)

Off

contact field off

Pretty self-explanatory, a field set to off will not show up in your contact form at all.  ProPhoto will display only one “off” field in your admin area, but when you change to a different type, another empty ‘off’ field will appear.

Email

contact field email

An Email field shows up in your form as a single-line input field for entering text.  Any description text will be displayed immediately above the input area.

email-screenshot copy

This field can be set as required or optional, but your form MUST contain at least one Email field that is set to ‘required’. This Email will be used at the primary contact Email address and will be used as the “reply to” address in the Email sent to you when the form is submitted.  If for some reason you have more than one Email field in your contact form, ProPhoto will use the first one as the primary contact Email address.

Name

contact field name

A name field shows up in your form as a single-line input field for entering text.  Any description text will be displayed immediately above the input area.name-screenshot copyThis field can be set as required or optional, but your form MUST contain at least one name field that is set to required. This name will be used at the primary contact name in the Email sent to you when the form is submitted.  If you have more than one name field in your contact form, ProPhoto will use the first one as the primary contact name.

Text (single line)

contact field single

A text field shows up in your form as a single-line input field for entering short snippets of text.  Any description will be displayed immediately above the input area. text-screenshot copy

Text fields can be required or optional.

Text Area (multi line)

contact field message

A text area is a larger, multi-line input field for entering longer messages that can contain paragraphs of text.  Any description will be displayed immediately above the input area.textarea-screenshot copy

Checkbox

contact field checkbox

A checkbox field displays a small, checkable box followed by some descriptive text.  The text for a checkbox should describe some true/false value that the visitor will be selecting.checkbox-screenshot copyAdding several checkbox fields in a row allows you to create groups of selectable items where more than one option can be selected.checkbox-multi-screenshotCheckboxes will show up in your contact form Emails as a line showing your checkbox text, followed by “checked” or “not checked”.  Checkboxes cannot be ‘required’.

Multiple Choice

contact field multiple

A multiple choice field is a group of  options where only one option in the group can be selected.  They are displayed as a series of clickable buttons, each followed by their entered value.  You can add as many choices as you want by adding the text for each multiple select button on its own line in the  provided text area (as shown above).

multiple choice buttons aligned horizontally

multiple choice buttons aligned horizontally

If entered, multiple choice description text will be shown above your group of buttons.  The buttons themselves can be aligned either in a horizontal row, or stacked vertically.

multiple choice buttons aligned vertically

multiple choice buttons aligned vertically

NOTE:  The option at the top of your list will be ‘selected’ in the contact form by default, so this value will come through in your contact Email if the visitor doesn’t change their selection.

Dropdown Select

contact field dropdown

A dropdown select displays a dropdown menu allowing a single option to be selected. You can add as many options as you want by adding the text for each dropdown option on its own line in the  provided text area (as shown above). Similar in functionality to multiple choice buttons, dropdown selects are best suited to a long list of options, because only the ‘selected’ option is seen after the visitor chooses an option.dropdown-select-screenshot copyDropdown selects can be optional or required.  A required dropdown adds the ability for you to add a alternate ‘first option’ which cannot be left selected by a visitor.

select-validate-fail-scree copy

A required dropdown select will be ‘invalid’ if another option is not selected by the visitor. This allows you to force visitors to choose an option for this field.

Date Selector

contact field date

A date selector is a field for collecting a date (year, month and day) from a visitor.  This field will be displayed as a plain text input with the description text displayed above.date-initial-screenshot copyWhen a visitor clicks in the field, a calendar is displayed below the field, allowing the visitor to select a specific date.date-screenshot copyOnce selected, the date will be entered into the text field in a numeric MM/DD/YYYY format.  Date fields can be required or optional.

NOTE: The calendar will appear slightly different in Google Chrome, which has its own specific calendar appearance.

Headline Text

contact field headline

Different from the other fields, headline fields aren’t inputs, but simple headline texts that can be inserted into your form.  They provide a way to divide groups of inputs, or to just add some additional descriptive text.headline-screenshot copyYou can also adjust the space above and below your headlines, overriding the “space below each form field” value set in the “ProPhoto” > “Customize” > “Contact Form” > “Appearance” > “Contact form field appearance” area.

Tracking Contact Form Traffic

Even though the integrated Contact Form does not exist as it’s own Page on your site, ProPhoto is structured to give you the ability to track the visitors who interact with your Contact Form using events which can be tracked.

Firstly, you’ll need to setup your site with Google Analytics. We have a guide which explains an easy way to get this setup:

Once Google Analytics is setup and receiving data from your site, you can use the Analytics website to review interactions with your Contact Form. To review this data, you’ll use the “Behavior” > “Events” area of the Analytics dashboard.

"Events" found in the Google Analytics site

“Events” found in the Google Analytics site

We suggest that you read about Events and Event Tracking on Google’s site to get a better understanding for how to use these features. Then, you can look for the ProPhoto Contact Form Event in your Analytics system and create views and reports to review what’s most important to you. This is an example of the Events > Overview area and the event you can look for and analyze:

Click to review the "ProPhoto Contact Form" Event specifics

Click to review the “ProPhoto Contact Form” Event specifics

By clicking to review your “ProPhoto Contact Form” Event Category, you can check out more specific Event information, like how many visitors viewed your Contact Form, versus how many sent a successful submission, versus how many had a failed submission. This example shows a terrible split – half of the Contact Form visits were submissions, but half only viewed the Contact Form and didn’t submit anything:

I should analyze these more closely to figure out why half my Contact Form visits are never sent!

I should analyze these more closely to figure out why half my Contact Form visits are never sent!

And, as with any metric, you can dig into specifics, like what device or browser was being used, where the users were estimated to be geographically, etc.

Sorry we’re unable to provide advanced tech support in explaining the Google Analytics tools – be sure to read their extensive help and watch their tutorial videos for lots more info about reviewing and analyzing the traffic on your site.

ProPhoto provides you with an integrated, slide-down contact form that you can use to collect information from your visitors. It is not a separate Page, and cannot be used as such. If you need a totally separate Page for your Contact form, create the Page in WordPress and use a plugin to add form fields to that Page.

The ProPhoto 4 contact form is available on the desktop site only.  However, the most recent ProPhoto version has a mobile compatible contact form. Consider upgrading for this feature.

The ProPhoto Contact Form has some default fields that visitors can fill in when sending a message so that you can require the specific information that you desire from your visitors. You can even add custom fields as necessary. When the form is submitted, the information will be sent directly to you in an Email.

contact-form-screenshot

An example of a simple ProPhoto Contact Form with a widget of text on the left, and the default fields at the right

The ProPhoto contact form will slide-down from the menu at the top of the page on which it is opened – any page the visitor is viewing. It is not a separate WordPress “page” – see note above.

Editing the Contact Form content

The area to the left of your contact form is customized using widgets. You must either edit the widgets found in the “Contact Form” group found at the top-right of your WordPress Widgets screen, or otherwise drag any widget you would like to use from the left over to this area on the top-right.

To watch a short video to help you understand generally how to work with WordPress widgets, see here:

Styling the Contact Form content

Setting the Email Address

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Contact Form" > "General Options"

By default, ProPhoto uses the Email in the WordPress “Settings” > “General” screen for sending submitted contact forms.

In WordPress, the “Settings” > “General” screen, E-mail address field

If you want to use a different Email address to receive your contact form info, you can enter that Email address here.  Be aware that you can only enter one Email address into this field.

ProPhoto customize area for alternate Contact Form Email address

How can I set up a linkable text Email address?

Drag a ProPhoto text widget to the “contact form content area” in “Appearance” > “Widgets” and paste in the appropriate code, which will have the structure show here.

Adding the Menu Link

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Menu" > "Primary/Secondary/Vertical nav menus"
(when using the "Special link type" menu item option)

Navigation Menu Links

The Special link type will show/hide the ProPhoto Contact Form in the Header Area of any page the visitor is viewing. Start by creating a new navigation menu item in the “Menus” area of ProPhoto. Remember that the mobile site menu area is in “ProPhoto” > “Customize” > “Mobile” > “Footer Menu”.  After creating a new menu item, click to edit the menu item settings:

Contact Form link settings in Menu Item popup window

You must select the “Special link types” option, and use the dropbox to pick the “Show hidden contact form” selection.

To learn more about working with ProPhoto Navigation Menu content, please see the Menus Overview.

Call To Action links

The ProPhoto Call To Action tools make it simple to add custom links below each blog Post or Page of your site so visitors can take action like share your Post on popular social media websites, or even to send a Contact Form message to you.

Select the “Contact Me” option for an automatic Contact Form link

Click here to learn more about the Call To Action features of ProPhoto.

Manually linking to the Contact Form

Creating a manual link with a URL of simply this will scroll to the top of the currently-being-viewed page and open the Form:
#contact-form
Like this if you’re working in your page/post editor screen and you highlight some text and click the ‘link’ toolbar button:

This will slide the Contact Form open where ever it is used

This will slide the Contact Form open where ever it is used

When linking to your ProPhoto site from another site, you can link to a specific page of your site, and then slide open the Contact Form. To do that create a link to the page and add “#contact-form” to the end of the address. For example, this would visit a “Book A Session” Page you’ve made on your site and then slide the Contact Form open above the page’s content:
http://mycoolsite.com/book-a-session/#contact-form

This only works when linking to your contact from from outside your site. You cannot create an internal link to a separate page and have the form slide open.

Editing the Contact Form fields

 
This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Contact Form" > "Form Fields"

ProPhoto’s built-in contact form provides you with several different field types to add to your form. Adding the right input fields to your form allows you collect the information from your potential clients that is most relevant to you.

Form Field Basics

Before we look at the different types of form fields, there are a few things to know about how your fields are displayed. First, all form fields are stacked vertically in the order that they are entered. Secondly, your form must have at least a “Name” field and an “Email” field selected, and they must both be set as required fields. These fields are required by ProPhoto to process a contact form submission and so that you will know the name and Email address of the person contacting you so that you can reply to them.

Unfortunately, there is not a simple way to reorder the fields.  To put them in a different order, you would need to edit each field that needs to be changed to a different type.

Here are the field types that you can choose from within your form: (a maximum of 25 form fields)

Off

contact field off

Pretty self-explanatory, a field set to off will not show up in your contact form at all.  ProPhoto will display only one “off” field in your admin area, but when you change to a different type, another empty ‘off’ field will appear.

Email

contact field email

An Email field shows up in your form as a single-line input field for entering text.  Any description text will be displayed immediately above the input area.

email-screenshot copy

This field can be set as required or optional, but your form MUST contain at least one Email field that is set to ‘required’. This Email will be used at the primary contact Email address and will be used as the “reply to” address in the Email sent to you when the form is submitted.  If for some reason you have more than one Email field in your contact form, ProPhoto will use the first one as the primary contact Email address.

Name

contact field name

A name field shows up in your form as a single-line input field for entering text.  Any description text will be displayed immediately above the input area.name-screenshot copyThis field can be set as required or optional, but your form MUST contain at least one name field that is set to required. This name will be used at the primary contact name in the Email sent to you when the form is submitted.  If you have more than one name field in your contact form, ProPhoto will use the first one as the primary contact name.

Text (single line)

contact field single

A text field shows up in your form as a single-line input field for entering short snippets of text.  Any description will be displayed immediately above the input area. text-screenshot copy

Text fields can be required or optional.

Text Area (multi line)

contact field message

A text area is a larger, multi-line input field for entering longer messages that can contain paragraphs of text.  Any description will be displayed immediately above the input area.textarea-screenshot copy

Checkbox

contact field checkbox

A checkbox field displays a small, checkable box followed by some descriptive text.  The text for a checkbox should describe some true/false value that the visitor will be selecting.checkbox-screenshot copyAdding several checkbox fields in a row allows you to create groups of selectable items where more than one option can be selected.checkbox-multi-screenshotCheckboxes will show up in your contact form Emails as a line showing your checkbox text, followed by “checked” or “not checked”.  Checkboxes cannot be ‘required’.

Multiple Choice

contact field multiple

A multiple choice field is a group of  options where only one option in the group can be selected.  They are displayed as a series of clickable buttons, each followed by their entered value.  You can add as many choices as you want by adding the text for each multiple select button on its own line in the  provided text area (as shown above).

multiple choice buttons aligned horizontally

multiple choice buttons aligned horizontally

If entered, multiple choice description text will be shown above your group of buttons.  The buttons themselves can be aligned either in a horizontal row, or stacked vertically.

multiple choice buttons aligned vertically

multiple choice buttons aligned vertically

NOTE:  The option at the top of your list will be ‘selected’ in the contact form by default, so this value will come through in your contact Email if the visitor doesn’t change their selection.

Dropdown Select

contact field dropdown

A dropdown select displays a dropdown menu allowing a single option to be selected. You can add as many options as you want by adding the text for each dropdown option on its own line in the  provided text area (as shown above). Similar in functionality to multiple choice buttons, dropdown selects are best suited to a long list of options, because only the ‘selected’ option is seen after the visitor chooses an option.dropdown-select-screenshot copyDropdown selects can be optional or required.  A required dropdown adds the ability for you to add a alternate ‘first option’ which cannot be left selected by a visitor.

select-validate-fail-scree copy

A required dropdown select will be ‘invalid’ if another option is not selected by the visitor. This allows you to force visitors to choose an option for this field.

Date Selector

contact field date

A date selector is a field for collecting a date (year, month and day) from a visitor.  This field will be displayed as a plain text input with the description text displayed above.date-initial-screenshot copyWhen a visitor clicks in the field, a calendar is displayed below the field, allowing the visitor to select a specific date.date-screenshot copyOnce selected, the date will be entered into the text field in a numeric MM/DD/YYYY format.  Date fields can be required or optional.

NOTE: The calendar will appear slightly different in Google Chrome, which has its own specific calendar appearance.

Headline Text

contact field headline

Different from the other fields, headline fields aren’t inputs, but simple headline texts that can be inserted into your form.  They provide a way to divide groups of inputs, or to just add some additional descriptive text.headline-screenshot copyYou can also adjust the space above and below your headlines, overriding the “space below each form field” value set in the “ProPhoto” > “Customize” > “Contact Form” > “Appearance” > “Contact form field appearance” area.



This particular option can be found by logging into your site's admin area and going to:
"Appearance" > "P3 Customize" > "Contact" > "General Options"

ProPhoto provides you with an integrated contact form that you can use to collect information from your visitors. The form has some default fields that you can add to and customize, in order to get the specific information that you desire from your visitors. When the form is submitted, the information will be emailed directly to you.
contact-form-screenshot

Setting the Email Address

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Contact Form" > "General Options"

By default, ProPhoto uses the Email in the WordPress “Settings” > “General” screen for sending submitted contact forms.

In WordPress, the “Settings” > “General” screen, E-mail address field

If you want to use a different Email address to receive your contact form info, you can enter that Email address here.  Be aware that you can only enter one Email address into this field.

ProPhoto customize area for alternate Contact Form Email address

How can I set up a linkable text Email address?

Drag a ProPhoto text widget to the “contact form content area” in “Appearance” > “Widgets” and paste in the appropriate code, which will have the structure show here.

Adding the Menu Bar Link

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Menu" > "Primary/Secondary/Vertical nav menus"
(when using the "Special link type" menu item option)

Navigation Menu Links

The Special link type will show/hide the ProPhoto Contact Form in the Header Area of any page the visitor is viewing. Start by creating a new navigation menu item in the “Menus” area of ProPhoto. Remember that the mobile site menu area is in “ProPhoto” > “Customize” > “Mobile” > “Footer Menu”.  After creating a new menu item, click to edit the menu item settings:

Contact Form link settings in Menu Item popup window

You must select the “Special link types” option, and use the dropbox to pick the “Show hidden contact form” selection.

To learn more about working with ProPhoto Navigation Menu content, please see the Menus Overview.

Call To Action links

The ProPhoto Call To Action tools make it simple to add custom links below each blog Post or Page of your site so visitors can take action like share your Post on popular social media websites, or even to send a Contact Form message to you.

Select the “Contact Me” option for an automatic Contact Form link

Click here to learn more about the Call To Action features of ProPhoto.

Manually linking to the Contact Form

Creating a manual link with a URL of simply this will scroll to the top of the currently-being-viewed page and open the Form:
#contact-form
Like this if you’re working in your page/post editor screen and you highlight some text and click the ‘link’ toolbar button:

This will slide the Contact Form open where ever it is used

This will slide the Contact Form open where ever it is used

When linking to your ProPhoto site from another site, you can link to a specific page of your site, and then slide open the Contact Form. To do that create a link to the page and add “#contact-form” to the end of the address. For example, this would visit a “Book A Session” Page you’ve made on your site and then slide the Contact Form open above the page’s content:
http://mycoolsite.com/book-a-session/#contact-form

This only works when linking to your contact from from outside your site. You cannot create an internal link to a separate page and have the form slide open.

Did you find this tutorial helpful? Thanks for helping us support our customers better! Yes No saving...

If you’ve searched the tutorials and can’t find what you need, please contact us. We’re here to help. Contact Us