Choose how to submit the form

Select the button, give it a label such as Send Enquiry, and choose Send Contact Form via Email. This action collects the selected fields and asks your web server to deliver the message. Use Advanced Form Submission when a service or your own script supplies the processing URL and method.

Button action menu with Send Contact Form via Email selected.

Set email delivery

Enter the recipient in To Email Address and set the email heading and subject. Configure From Email Address and the sending method for the hosting service that will handle the form.

Choose Email via web server or Use Custom SMTP Server. For SMTP, enter the account and server settings supplied by your mail provider. Test delivery on the published PHP-enabled host and check that the expected fields arrive.

Use Form Elements Collected to select which inputs this button submits. This is useful when the page has more than one form.

Send Contact Form via Email settings for recipients, collected fields and email format.

Form Elements Collected

This section of the style panel will list all the form elements Sitely finds on your page, and gives you the option of submitting them as part of this submit button, or, maybe leaving some of them to be submitted by another button. Whatever your choice, you will simply check the boxes against all the form elements you want submitted. This is a really useful feature of Sitely as it allows great flexibility in how you construct pages for information gathering.

In most web development applications, forms are constructed as separate elements in which all the form fields must be contained. This gives rise to the normal style of most web forms as a box containing fields and a submit button. While this is how most people design forms, there are use-case scenarios where this may not be the ideal solution. For example, an educator may be setting online exams or coursework for students. In this situation, the educator may want to present the course material in a way similar to printed coursework. It may start with a subject overview, a few worked examples, followed by a few exercises for the student to complete. In this scenario, the student would work through the online page, answering questions and completing the exercises as they progress. When they reach the end of the page, they can add their name and other details and submit their work with a simple button.

Because Sitely scours the entire page looking for all the form elements that students may complete on their journey, they can all be gathered up and sent as a results email to the educator. This familiar approach to training material is often difficult to achieve in other web builders without having specially coded pages, but in Sitely, it’s a breeze.

Show the result and reuse styles

Choose a thank-you page or popup for successful submission. Test required fields, error messages, keyboard focus and the success response on the host.

Save Preset on a styled control to reuse its appearance on another control of a compatible type. Keep the form’s labels, variable names and collected fields specific to the form.

Advanced Form Submission

There are some situations where you may wish to use a third party form processor, or maybe use a customised form script on your own server. For these situations, you can use the Advanced Form Submission option. This allows you to enter the URL of the form processing service or script and set a method of submission (Get or Post) These options will be given to you by the service provider or script developer. Simply enter the information in this section and choose the form elements you want to submit.