How to add and configure a contact form

A contact form is a very useful element of a website, allowing visitors to quickly get in touch with the site owner. In this article, we will show you how to add such a form to your site in a few steps using the Sitejet Builder editor.

To place a contact form on the page, simply click the Forms icon visible in the left sidebar, then select the Contact Form element and drag it to the desired location on the page.

To quickly change the appearance style of the added form, double-click on it in the main program window. This will open its options. In the Style tab, several pre-prepared appearance variants are available. Simply click the one you choose for its settings to be applied. If you want to customise the form's appearance in more detail, you can use the options available in the left sidebar.

The form added in the manner described above consists of several most commonly used fields. If you need to add new fields to it, such as a dropdown list or checkboxes, you can do so by clicking the Forms icon in the left sidebar and dragging the selected field to the appropriate place in the form within the main editor window.

Each individual form field can be customised. Simply double-click its label in the main editor window to open the settings panel. Depending on the selected field type, the available settings may vary. In addition to elements such as the field name or available options to choose from, here you can also decide whether filling in the field is required to submit the form.

After adding the form to the page and configuring its fields, it is still necessary to set the form submission options. Double-clicking the form element in the main editor window will open the settings panel, providing access to the following options:

General Section
• Title - form name

Messages Section
• Success Message - the message that will appear after the form is successfully submitted
• Redirect - the page to which the user will be redirected after submitting the form
• Webhook - an advanced option allowing notifications to be sent via webhook
• Error Message - information displayed in case of a failed attempt to send the message with form data

Email Section
• Send Email - check to send email messages with form data
• Attach CSV File - option to attach a CSV file containing the form data to the sent message
• Recipient - the email address to which the form data will be sent, e.g., the site administrator's address
• Sender - the sender's email address for messages sent with form data
• Subject - the subject of the email message with form data
• Email Text - additional content for the message with form data