Create Websites with CHEETAH

Global Elements (2)

The footer as a customer-friendly page end

The footer is usually the last thing a visitor sees on the website, but it is still very important. There are always visitors who scroll down a web page very quickly and thus get to the footer without paying the expected attention to the main part. There they sometimes pause for a while, for example to find out who the website is from (imprint). For this reason alone, you should definitely pay some attention to the design of the footer.

The following information belongs in the footer:

1. Copyright

Protects your website from plagiarism

2. Privacy Policy

It explains how you use and protect the personal data and other information of your visitors (keyword: GDPR)

3. Imprint

A mandatory field. It usually links to a corresponding page, which often also contains the privacy policy and disclaimer

4. Terms of use

Can, but need not, be used to set out general guidelines for use of the website

5. Disclaimer

If needed, it belongs in the footer...

Other components of a page footer can be menu structures for simplified navigation or a simple contact area for contacting (phone, email address, newsletter subscription, contact form). Also a button bar for social networks always looks good in the footer area.

Animated header areas


You may have noticed the "Modify on scroll" button when assigning a header to a website. This is an interesting function that can be used to create so-called "animated headers". These are headers whose appearance changes as soon as you scroll the corresponding page.

For this you obviously need two headers, which are (usually colored) differently. Furthermore, you should fix the header on the page so that it does not disappear upwards when scrolling down the page ("Sticky Header" - property "Fixing" of the header banner).

Once both header variants are ready, go to the settings page of the website and assign both headers (for this, of course, the "Modify on scroll" switch must be set to "On" so that the corresponding selection drop-down box for the second header variant is displayed). Now you just have to save the settings and republish the page.

The republished page will still show the first header - as it did before the changes. However, as soon as you scroll the page, the second header will appear translucent below it and will be pushed up further and further until the first header has disappeared and is thus completely replaced by the "second" header. If you reverse the scrolling direction, the same happens in reverse order, of course.

Note: There are an infinite number of ways to create animated headers. Therefore, I can only advise you to try out different variants with different effects on a test website.

Create popups for a web page

Opinions are often divided among web users about the use of so-called pop-up windows on websites. Some consider them to be useful visual elements for presenting content in a targeted manner - others simply consider them to be annoying... But the latter doesn't have to be the case if you design popups in such a way that they offer real added value for the viewer, for example by displaying useful information when needed. Because "helpful" is not "annoying"!

For example, you can use popups to

- point out new features on a website ("What's new?")

- draw attention to future events - e.g. a webinar

- provide more detailed explanations - e.g. about a particular product

- direct users to subsequent pages with a "call to action


- simply display a contact form.

Design popups

On the project page ("Home") of your web project you will find the entry "Pop-ups" in the left side menu in the section "Global elements" above the entries "Headers" and "Footers". These menu items will take you back to the "Cheetah" web page editor, but it is now configured so that you can use it to design a pop-up. Again, the procedure is largely intuitive. First, click on the "CREATE NEW POPUP" button and assign a unique name for it (e.g. "Contact Form 1"). Of course, you can also copy an already existing popup window or change its name afterwards (3-dot menu, entry "Settings"). Afterwards, the "Edit" button will take you to the editing mode as usual, where you can then design the popup in the same way as you would design a normal web page. Only its width is fixed and cannot be changed.

The following screenshot shows a contact form created as a popup according to a banner template in a few minutes in the "Cheetah" Sitebuilder:

TB Amazon