Contact Form

The Contact Form addon provides additional form fields for the Contact Form widget.

View the Contact Form addon demo.

Requirements

To make use of this addon, go to PluginsSiteOrigin Widgets and ensure the SiteOrigin Contact Form widget is activated. Next, go to SiteOriginPremium Addons and activate the Contact Form addon.

Usage

Global Settings

To edit the Contact Form global settings, go to SiteOriginPremium Addons, locate the Contact Form addon, and click the Settings button. There you’ll find the following settings:

Datepicker min year
Select the minimum year that can be chosen in the datepicker.

Datepicker max year
Select the maximum year that can be chosen in the datepicker.

Use WordPress date format
Optionally enable to use the WordPress date format in the datepicker field. The WordPress date format is selected at SettingsGeneralDate Format.

Widget Settings

The below additional settings are those added by the SiteOrigin Premium Contact Form addon. To view the complete documentation for the Contact Form widget, please, see the Widgets Bundle documentation page.

Datetime Picker Field

If you’d like users to select a date, this field is recommended. Initially, the datetime picker will look like a regular text field, when the user clicks the text field a calendar will pop up allowing a date to be selected. Once a date is clicked, the date text is inserted into the form field. Two of these fields could be used for a range, one field for the start date and another for the end date. Booking forms are just one example that comes to mind.

Datetime Options

The following datetime options are provided:

Show Date Picker
Enable to show the date picker.

Calendar Always Visible
Enable to have the calendar always visible. If disabled, the calendar will appear as a popup when clicking in the date field.

Date Picker Label
Enter a label for the field.

First Day of the Week
Select the first day of the week. Choose between Sunday or Monday.

Disable
Optionally disable the field for weekends or weekdays.

Disable Dates
Specify specific dates, date ranges or weekdays to disable. Dates should be of the format YYYYMMDD e.g. 20160806 and date ranges should be separated by a hyphen e.g. 20160902-20160918. Weekdays should be the first three letters of the day e.g. Mon, Wed, Fri. Multiple dates, ranges and days should be separated by a comma e.g. 20160825,20160902-20160918,Sun,Fri.

Show Time Picker
Enable to show the time picker

Time Picker Label
Enter a label for the field.

Use 24h format
Enable to use the 24h format for your time picker.

Disabled Times
Specify disabled times. Ranges should be specified with a dash and multiple ranges should be separated with a comma. E.g. 5:00pm-8:00am,1pm-14:30.

Hide Disabled Times
If enabled, time ranges from the Disabled Times field won’t be displayed.

Location Field

The location field lets users choose a location. A user address field might be a common application of this field.

Location Options

The following location options are provided:

Show Google Map
Clicking on the map will guess the closest address and the map will try to display the address entered into the text input.

Default location
Choose the Google map default location.

Autoresponder

Enable the Use autoresponder checkbox to setup your autoresponder.

From name:
The name of the person the automatic response email will come from.

From email:
The email address the automatic response email will come from.

Response email subject:
The email subject to be used.

Response email message:
The responder email message body.