Create Websites with CHEETAH

The most important design elements at a glance (21)

Simple contact forms

Since the goal of many websites is to initiate business contacts, corresponding contact forms are part of their basic equipment. This chapter is about "simple" contact forms, for which "Cheetah" offers some templates.

In contrast to the e-mail marketing forms, there is no connection to the "Mailingboss" e-mail autoresponder. For this purpose, the input forms of the category "E-Mail Marketing Form" are provided, which will be presented in the next chapter.

In the type of contact form discussed here, only contact information and messages that are explicitly entered into the form by the website visitor are sent to a predefined email address. Such a form could look like this in its native state (New - Contact form):

This template can be customized by you in a variety of parameters. As far as the appearance and color design of the form is concerned, you can find the corresponding properties after focusing the element in the right margin area of the web page editor (or the settings window). This primarily concerns the width and height of the button as well as its color (background) and label, the style of the input fields (color, height, border ...) as well as special animation effects that can serve as eye-catchers.

Tip: Try the offered animation effects and let them surprise you (and possibly your website visitors later).

To customize the actual functionality of the contact mask, you need to open the corresponding settings dialog in the element's header menu (gear icon, Edit fields). In this dialog box you will definitely have to enter the recipient's e-mail address (most likely their own). You can also specify a "subject". Furthermore, there is an option to redirect the visitor to another web page after successfully sending the message. All you have to do is enter the corresponding URL in the field provided for this purpose. In addition, you can specify special information texts that are displayed, for example, in the event of an error.

In the lower part of the dialog, you can configure the individual input fields of the contact form individually, add further input fields or delete those that are not required, and change their order:

Overall, the configuration options are sufficient to include an appealing contact form in a website that also looks good on the smartphone.

Note: Don't forget to try the contact form before publishing the website!

And here you can see another example of a horizontally arranged contact form:

GDPR solution for contact forms

You must implement the following points in relation to the General Data Protection Regulation for contact forms:

  • The website must have an SSL certificate (HTTPS)

  • The website must send the emails via SMPT or TLS

  • You must include a privacy policy

And maybe write in your contact forms what you intend to do with the data and how long you will store it - or just explicitly refer to your privacy policy, where everything is written anyway (e.g. via a link in the contact form description)...

TB Amazon