1. Home
  2. Docs
  3. Gossh Framework
  4. Template pages
  5. Contact Form Page

Contact Form Page

This page contains an AJAX contact form which visitors of your website can use to contact you.

To make one page contain a contact form you have to do some settings. When you create (or edit) your page, you should find the field Template and in it to choose the Contact form page option. After that immediately your page will contain a contact form.

Setting your e-mail address

You can set the e-mail address to which to send the messages in the Gossh Options » General Settings » Contact Form » Email to which to send contact form message field.

Setting a sender e-mail address

You can set the e-mail address to which to send the messages in the Gossh Options » General Settings » Contact Form » Email sender field.

Yahoo has recently published a DMARC policy of reject, meaning that all the emails that are sent from Yahoo emails, but not from the Yahoo servers, should be rejected by the email providers. This means that if your site visitor sets a Yahoo email and this email is set as a sender, you may not be able to receive the email (depending on the email provider that you use to receive the messages). Therefore, please make sure to set your custom email address in this field (such as noreply@domain.com, non-Yahoo address), so that you can make sure that you will receive all the emails from Yahoo users.

Data collection consent checkbox

Version 1.9.6 of the Gossh framework introduces a data collection consent checkbox option in the contact forms. When enabled, a checkbox requesting consent for storing and using the visitor’s personal data (that they submit with the contact form), will be added to the contact form. When the option is enabled, the checkbox will be required, which means that the visitor will need to check this box in order to send the message.

You can enable the checkbox in the Gossh Options » General Settings » Contact Form section. All you need to do is enable the checkbox in the “Enable data collection consent checkbox” field and set the checkbox message in the “Data collection consent message field”.

For GDPR compliancy, you must also mention if you will send or share the data with any 3rd-parties and which.

When this option is enabled and the person checks the checkbox, the following text will be added to the email message: Consent given: yes

Setting captcha

Having CAPTCHA enabled for your form will prevent sending spam emails by robots, just by asking the users to click on the checkbox.

The theme uses the Google reCAPTCHA service for the captcha feature. In order to enable reCAPTCHA for the theme, apply the following settings in the Gossh Options » General Settings » Contact Form section:

  • Select “ON” in the “Enable CAPTCHA” field.
  • Register API keys and set your generated site and secret keys in the “reCAPTCHA Site Key” and “reCAPTCHA Secret Key” fields.
    You can very easily generate these keys here. You would need to login with a Google account – if you don’t have one, you can easily create one. After you log in, you will be able to generate the API keys for your site.
  • (Optional) You can change the reCaptcha widget theme in the “reCAPTCHA Widget Theme” option
  • (Optional) Changing the language: The reCaptcha widget will automatically detect the user’s language. If you prefer to explicitly set a language to be loaded, you can enter the corresponding language code in the “reCAPTCHA Language Code” field – you can find the full codes reference here.

Setting the page layout

For this page you can select the layout to be Right Sidebar, Left Sidebar or Full Width. You can do this by setting the custom field Page Layout of the page:

Selecting a sidebar

By default this page template uses the Default Sidebar. If you would like to use another sidebar, you can create one in the Gossh Options » General » Sidebars section and after that you can set the custom field Sidebar and select the sidebar that you have just created. To customise it you have to go to the Appearance » Widgets and find the selected sidebar. You can drag and drop widgets from the left into it.

Setting a slider to the page

You can select the type of header on the page in the Page Slider/Header custom field of the page. In this field you can select between Fade slider, Content slider and None.

– If you select a slider, you can read about how to create and setup the slider in the Sliders section. Applying a custom background color and background image to the page header.

You can read about how to apply a custom background color and background image to the page header in the Changing the default background color and image section.

Was this article helpful to you? Yes No

How can we help?