Einstellungen Website

Um die "Einstellungen Website" zu öffnen, klicke oben rechts innerhalb des Website-Editors auf das Zahnrad .

Website-Thema

Der Reiter "Website-Thema" ist in die Bereiche "Hauptfarben", "Boxen", "Kontraste" und "Linien und Rahmen" unterteilt, in welchen wiederum nachfolgende Eigenschaften mit HEX-Codes angepasst werden können. In der Vorschau auf der rechten Seite kannst du dabei deine Anpassungen überprüfen.

Hauptfarben

• Die Buttons werden in der Primärfarbe dargestellt.
• Die Sekundärfarbe wird lediglich bei den Überschriften der einzelnen Bausteine wie bspw. Programm, Location, Anmeldung, etc. angewendet.
• Die Haupt-Hintergrundfarbe bezieht sich auf die einzelnen Bausteine - ohne Boxen oder gesetzte Kontraste.
• Darüber hinaus kannst du die Farbe des Haupttextes hinterlegen, welche sich auf die Fliesstexte bezieht.

Boxen

• Der "Hintergrund rund um die Boxen" bezieht sich auf jene Bausteine, welche die Inhalte in zusätzlichen Boxen darstellen. Dazu gehören z. B. die Bausteine "Anmeldung" und "Programm" (Layout 1 & 2). 
• Die Farbgebung für den "Hintergrund in der Box" kann ebenfalls individuell definiert werden.
• Aktivierst du den Toggle "Flache Boxen", wird die Box ohne Umrandung ("Schatten") dargestellt. Durch die Umrandung wird die Box optisch etwas abgehoben.

Kontraste

Um die Kontraste auf der Website anzuwenden, aktiviere bitte zunächst den Toggle. In dem sich nun öffnenden Bereich kannst du folgende Einstellungen vornehmen:

• Mithilfe des Feldes "Kontrast Hintergrundfarbe" kannst du den Kontrast für all jene Bausteine definieren, in welchen der Toggle "Kontraste" aktiviert wurde. Mehr Infos findest du in den jeweils gewünschten Bausteinen. Standardmässig gilt dies insbesondere für den Header (Layout 2) sowie den Footer.
• Damit auch die Schrift in den jeweiligen Bausteinen, bei welchen der "Kontrast Hintergrund" angewendet wurde, gut lesbar ist, kannst du die entsprechende Farbe im Feld "Kontrast Textfarbe" definieren.

Linien und Rahmen

• Über den Regler unter "Radius Button-Rahmen" hast du die Möglichkeit, einzustellen, wie abgerundet die Ecken deiner Buttons dargestellt werden sollen. Ist der Regler ganz links, sind die Buttons eckig, je weiter der Regler nach rechts verschoben wird, desto abgerundeter werden die Buttons dargestellt.
• Der Regler unter "Linienstärke" ermöglicht dir, die Rahmenlinie deines Buttons dicker darzustellen. Die Einstellung wirkt sich ebenfalls z.B. auf die Trennlinie im Anmeldeformular oder die Linien des Programmes aus. 

Website-Grid 

Der Reiter "Website-Grid" bietet dir die Möglichkeit, die Abstände beispielsweise ausser- oder innerhalb der einzelnen Bausteine sowie zwischen diesen zu verändern. Dabei kannst du zwischen einer horizontalen und vertikalen Ausrichtung unterscheiden.

Auf der Skala, im Bereich "Desktop & Tablet Grid" stehen dir dabei Werte zwischen 0 und 12 zur Verfügung. 0 suggeriert dabei den kleinsten Abstand, während 12 den grössten Abstand darstellt.

• Outer Margin: Über diese beiden Schalter legst du unter "Horizontal" fest, wie gross der äussere Abstand der Bausteine, sprich vom Website-Rand zum Baustein sein soll. Unter "vertikal" definierst du, welchen äusseren Abstand die einzelnen Bausteine nach oben oder unten haben.
• Inner Margin: Über den Regler unter "Horizontal" hinterlegst du, welchen Abstand die Inhalte (z. B. Texte, Bilder oder Videos) links und rechts zum Bausteinrand haben. Mithilfe des Schalters unter "Vertikal" kannst du den Abstand innerhalb der Bausteine nach oben und unten anpassen.
• Padding zwischen Bausteinen: Dieser Regler bietet dir die Möglichkeit, einzustellen, wie gross der Abstand zwischen den einzelnen Bausteinen auf deiner Website sein soll. Anders als beim Outer Margin ("Vertikal") wird der Abstand hierbei jedoch nicht für die Bausteine Navigation, Header oder Footer übernommen.
• Inhaltsbreite: Definiere die Breite deiner Website. Hierfür stehen dir drei Pixelgrössen (960px, 1280px und 1920px) zur Verfügung. Mit der Option "Nicht limitiert" wird die Breite der Website nicht beschränkt. Standardmässig wird die Breite mit 1280px definiert.

Für das "Smartphone Grid" stehen dir analog zur Desktop- und Tablet-Version die folgenden Einstellungsmöglichkeiten zur Verfügung:

• Outer Margin (horizontal & vertikal)
• Padding zwischen Bausteinen

In der Vorschau auf der rechten Seite kannst du dabei deine Anpassungen überprüfen. Um zu sehen, wie die Abstände in der mobilen Version aussehen, wechsle mithilfe der Smartphone-Icons im Vorschau-Bereich ganz rechts zur mobilen Ansicht.

Mit Klick auf den Button "Auf Standard zurücksetzen" kannst du die von dir vorgenommenen Einstellungen zurücksetzen. 

Website Typografie 

Öffne den Reiter "Website Typografie", um deine Schriftstärke- und -grösse sowie Zeilenhöhe zu definieren und Custom Fonts für deine Website zu hinterlegen. 

• Überschrift 1 bezieht sich auf den Eventnamen im Header-Baustein.
• Überschrift 2 beeinflusst die Überschriften der einzelnen Bausteine (z. B. "Freitext", "Referenten", "Location" etc).
• Überschrift 3 bezieht sich bspw. auf die Adresse der Location oder die Vor- und Nachnamen der Referenten.
• Fliesstext bezieht sich auf jeden Text in den Freitext- oder Beschreibungsfeldern, wie z. B. die Referententitel und Beschreibungen oder die Anfahrtsbeschreibung unter "Location".

Bei der Schriftstärke kannst du im Dropdown für deine Überschriften (1-3) sowie den Fliesstext zwischen fein, normal, fett und extra-fett wählen. 

Die Schriftgrösse kannst du ebenfalls über das Dropdown definieren. Die Einheit ist pt, sprich point font. Über das Stiftsymbol hast du zusätzlich die Möglichkeit, die Schriftgrösse manuell zu hinterlegen.

Über die Zeilenhöhe kannst du den Abstand zwischen den einzelnen Zeilen definieren. Auch diesen Abstand kannst du über das Dropdown bestimmen.

Domain & SEO

Im Reiter „Domain & SEO“ hast du die Möglichkeit, den Namen und die Domain deiner Website anzupassen, Privatsphären-Einstellungen vorzunehmen, SEO-Inhalte zu definieren und deine Tracking-Codes zu hinterlegen.

Einstellungen

In der Kachel „Einstellungen“ findest du oben eine Vorschau deines Browser-Tabs. Darunter stehen dir folgende Konfigurationsmöglichkeiten zur Verfügung:

• Tab-Vorschau & Name: Ganz oben siehst du die Vorschau deines Browser-Tabs. Den darin angezeigten Website-Namen kannst du im entsprechenden Textfeld direkt anpassen.
• Favicon hinterlegen/austauschen: Klicke auf das Stift-Symbol bei „Favicon“, um über den Dateimanager ein eigenes Icon hochzuladen. Achte hierbei bitte auf die empfohlenen Bildgrössen. Hinterlegst du kein eigenes Favicon, wird das Standard-Symbol im Browser-Tab neben deinem Website-Namen angezeigt.
• Standard-Website aktivieren: Über den Toggle aktivierst du den Standard-Tag für diese Event-Website.
  Der Standard-Tag ist entscheidend für die korrekte Funktion des Platzhalters „persönlicher Anmeldelink“ [[event.register]]. Wird dieser Platzhalter in deinen Nachrichten genutzt, führt er die Teilnehmenden automatisch auf jene Website, auf welcher dieser Toggle aktiv ist. Hast du mehrere Websites aufgesetzt, auf welchen ein Anmeldeformular zum Einsatz kommt, gilt es eine „Haupt“-Seite zu definieren und diese mit dem Standard-Tag zu versehen.
• Veröffentlichungszeitraum: Hier kannst du den aktuell eingestellten Zeitraum für die Veröffentlichung einsehen.
  • Hinweis: Dieser Zeitraum kann an dieser Stelle nicht direkt bearbeitet werden. Möchtest du ihn anpassen, kannst du dies tun, indem du die Website neu veröffentlichst.
    
    

Website-URL

In den Feldern "Subdomain" und "Domain" kannst du die URL deiner Website anpassen sowie die Domain, welche du verwenden möchtest, über das Dropdown-Menü auswählen. 

Die URL der Website setzt sich standardmässig aus zwei Teilen zusammen.

• Der erste Teil "Subdomain" ist eventspezifisch, in diesem Beispiel "event-website". Sofern die Domain mit einer Wildcard (*) registriert wurde, kannst du diesen Teil der URL selbst abändern. Er bedarf keiner weiteren Registrierung durch deine IT.
  Hast du lediglich eine spezifische Domain ohne Wildcard, so wird der Part unter "Subdomain" freigelassen.
• Der zweite Teil "Domain" beinhaltet die allgemeine Sub-Domain. Sofern mehr als eine Domain im Zuge der Implementierung hinterlegt wurde, kannst du im Dropdown-Menü die gewünschte Domain für deine Website auswählen. Weitere Informationen zur Verifizierung einer Domain findest du in diesem Artikel. 

Unter diesen beiden Punkten wird dir deine URL zusätzlich einmal vollständig angezeigt. 

Privatsphäre

Um sicherzustellen, dass deine Event-Website nicht auf Google auffindbar ist, kannst du hier den Toggle "Verhindere, dass Google diese Website indexiert" im Bereich "Sichtbarkeit in Suchmaschinen" aktivieren.

SEO

• Bild: Thumbnail, welches in deinem geteilten Beitrag angezeigt werden soll
• Name: Beispielsweise der Name des Events
• Beschreibung

Tracking-Code

Um die Bewegungen auf deiner Event-Website zu tracken, hast du die Möglichkeit, Tracking-Codes zu hinterlegen. Auf der rechten Seite im Bereich "Tracking-Codes" stehen dir drei Optionen zur Verfügung, um Tracking-Codes zu hosten. 

• Code Header
• Code Body
• Code Footer

Gehe dazu wie nachfolgend beschrieben vor:

1. Öffne dein bevorzugtes Tracking-Tool (z. B. Google Analytics).
2. Suche den Tracking-Code, welcher in die Website eingefügt werden soll, und kopiere diesen.
3. Wechsle zu den Website-Einstellungen in evenito, öffne den Tab "Domain & SEO" und füge den kopierten Code an der gewünschten Stelle (Code Header, Code Body oder Code Footer) ein.
4. Klicke auf "Speichern & schliessen" und veröffentliche die Website anschliessend erneut. 
5. Rufe die Event-Website auf und überprüfe in deinem Tracking-Tool, ob der Tracker funktioniert.

Neben dem Hinterlegen von Tracking-Codes besteht darüber hinaus die Möglichkeit, andere freie Codes zu hinterlegen. Ein weiteres Anwendungsbeispiel wäre bspw. die Integration eines eigenen Cookie-Managers.