Contact Form

This addon provides additional form fields for the SiteOrigin Contact Form widget.

To insert a SiteOrigin Contact Form widget, click the Add Widget button in Page Builder and use the Widgets Bundle link in the left menu to view the SiteOrigin Widgets Bundle widgets, there you’ll find the SiteOrigin Contact Form widget. You can also insert the Contact Form widget by clicking Add Widget and then using the search form at the top of the left menu.

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

The below additional form fields are provided by this addon. View a demo of these additional fields.

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.

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.

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. Week days should be the first three letters of the day e.g. Mon,Wed,Fri. Multiple dates, ranges and days should 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.


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.

Google Maps API Key
Enter your Google Maps API key. Your map may not function correctly without one. For instructions on how to obtain a Google Maps API key, see Google’s help post: Get a Key/Authentication.



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.