Du kannst die Farb- und Design-Einstellungen deiner Website hinterlegen, deine Custom Fonts hochladen, eine andere Domain oder URL für deine Website definieren, sowie Tracking-Codes einbinden und die Google-Indexierung deaktivieren.
In diesem Artikel:
Website-Thema
Um die "Einstellungen Website" zu öffnen, klicke oben rechts innerhalb des Website-Editors auf das Zahnrad 
. Öffne nun den Reiter "Website-Thema" um die Farb- und Design-Einstellungen vorzunehmen.
Der Reiter "Website-Thema" ist indie 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 Widgets, welches die Inhalte in zusätzlichen Boxen darstellt. 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 den jeweiligen Widgets, 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 "Linien und 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 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 Breiter 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.
Bitte beachte:
Alle Anpassungen beziehen sich auf alle Widgets. Es besteht aktuell nicht die Möglichkeit Änderungen nur für spezifische Bausteine vorzunehmen.
Website Typografie
Öffne nun 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. 
Bitte beachte:
Deine Schriften können mithilfe des Dateimanagers in den Formaten .ttf, .woff oder .woff2 in evenito hochgeladen werden.
Achtung!
Aus Sicherheitsgründen können einige Inhalte im Bearbeitungsmodus des Website-Editors nicht angezeigt werden. Die Darstellung extern hinterlegter Schriftarten kann variieren. Alle Inhalte können jedoch korrekt über die Vorschau-Funktion und die veröffentlichte Website dargestellt und verwendet werden.
- Ü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".
Bitte beachte:
Wenn ein Teilnehmer die Website öffnet, versucht diese, die Schriftart zu finden, die in dem verwendeten Browser verfügbar ist. Die Reihenfolge ist hierbei in der Regel
- (falls hinterlegt) die eigene/hochgeladene Schriftart
- Raleway
- Roboto
- Helvetica Neue
- Serifenlos
In einem jedem Beschreibungsfeld im evenito Backoffice und auch auf der Event-Website kannst du beispielsweise deine Überschriften passend zu den hier hinterlegten Einstellungen auswählen. Im Dropdown der Schriftgrösse wird dir genau angezeigt, welche Grösse mit beispielsweise welcher Überschrift aus diesen Einstellungen korrespondiert.
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 im Dropdown bestimmen.
Bitte beachte:
Die Grösse für die Desktop-Ansicht kann grundsätzlich auch für alle anderen Endgeräte, sprich Tablet und Smartphone übernommen werden. Du möchtest keine individuellen Anpassungen vornehmen, dann deaktiviere die Schalter unter "Tablet" und "Mobile".
Möchtest du neben der Desktop-Ansicht beispielsweise noch die Tablet-Ansicht individualisieren, dann klicke zunächst auf den Dropdown "Endgerät" und aktiviere anschliessend den Schalter unter "Tablet". Definiere nun die oben angeführten Angaben. Diese Einstellungen der "Tablet"-Ansicht werden nun auch für die mobile Ansicht übernommen. Den Schalter für die mobile Ansicht bleibt dabei deaktiviert.
Du möchtest nur die Desktop-und Mobile-Ansicht individualisieren, aber nicht die Tablet-Darstellung? Dann aktiviere den Schalter unter "Mobile" und deaktiviere den Toggle unter "Tablet". Somit werden für die Tablet-Ansicht die Einstellungen der Desktop-Darstellung übernommen und für die mobile Darstellung die individuell hinterlegten Angaben.
Domain
Gehe auf den Reiter „Domain“ in den Website-Einstellungen, um den Namen und/oder die Domain deiner Event-Website anzupassen.
Im Textfeld unter "Name" kannst du den Website-Namen, welcher im Browser-Tab angezeigt wird, anpassen. Bestätige deine Änderungen mit "Speichern & schliessen".
Im Feld "URL" und "Domain" kannst du die URL deiner Website anpassen, sowie die Domain, welche du verwenden möchtest, auswählen. Hast du deine Website bereits veröffentlicht und möchtest nachträglich noch Änderungen an der URL vornehmen, so ziehe zunächst die Veröffentlichung der Website zurück, damit die bisherige URL offline geht und nicht mehr erreichbar ist.
Die URL der Website setzt sich standardmässig aus zwei Teilen zusammen.
- Der erste Teil "URL" 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 "URL" frei gelassen werden. - Der zweite Teil "Domain" beinhaltet die allgemeine Sub-Domain. Sofern mehr als eine Domain im Zuge der Implementierung hinterlegt wurde, kannst du im Dropdown die gewünschte Domain für deine Website auswählen. Weitere Informationen zur Verifizierung einer Domain findest du in diesem Artikel.
Bestätige deine Änderungen mit "Speichern & schliessen". Damit die Änderungen übernommen werden veröffentliche deine Website nun erneut.
Wurde die Website bereits veröffentlicht, wird hier der von dir für die Website festgelegte Veröffentlichungs-Zeitraum angezeigt.
Setze den Standard-Tag und hinterlege ein Favicon
Um den Standard-Tag zu setzen öffne die "Einstellungen Website". Klicke hierfür oben rechts innerhalb des Website-Editors auf das Zahnrad 
und gehe zum Reiter "Domain". Rechts im Feld "Einstellungen" befindet sich ein Toggle für die Aktivierung der "Standard-Website".
Der Standard-Tag ist entscheidend für die korrekte Anwendung des Platzhalters "persönlicher Anmeldelink" [[event.register]]. Wird dieser Platzhalter in deinen Nachrichten eingesetzt, führt er den Teilnehmer auf jene Website, auf welcher der Standard-Tag gesetzt ist. Bei der Verwendung des Platzhalters muss der Standard-Tag hinterlegt sein, damit die Verlinkung zur Event-Website funktioniert.
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.
Um ein eigenes Favicon zu hinterlegen, welches im Browser-Tab angezeigt wird, klicke bitte auf das Stift-Symbol bei "Favicon" auf der rechten Seite im Bereich "Einstellungen". Du kannst nun das gewünschte Favicon über deinen Dateimanager hochladen und hinterlegen. Achte hierbei bitte auch auf die empfohlenen Bildgrössen.
Hinterlegst du hier kein eigenes Favicon, wird dieses Symbol 
im Browser-Tab neben deinem hinterlegten Website-Namen angezeigt.
Bestätige deine Änderungen mit "Speichern & schliessen". Damit die Änderungen übernommen werden veröffentliche deine Website nun erneut.
SEO & Tracker
Google-Indexierung (de)aktivieren
Wenn du sicherstellen möchtest, dass deine Event-Website nicht auf Google auffindbar ist, kannst du hier den Toggle im Bereich "Suchmaschinen" aktiveren.
Bitte beachte:
Diese Einstellung muss hinterlegt werden, bevor du die Website das erste Mal veröffentlichst. Anderenfalls wird deine Domain noch einige Zeit auf Google auffindbar sein, bis der Cache geleert wird.
Thumbnail und Anzeigentext (SEO) definieren
, um zu den "Einstellungen Website" zu gelangen. Wähle im nächsten Schritt den Reiter "SEO und Tracker" aus.- Bild: Thumbnail, welches in deinem geteilten Beitrag angezeigt werden soll
- Name: Beispielsweise der Name des Events
- Beschreibung
Tracking-Codes
Um die Bewegungen auf deiner Event-Website zu tracken hast du die Möglichkeit Tracking-Codes zu hinterlegen. Klicke im Website-Editor bitte zunächst oben rechts auf das Zahnrad 
, um zu den "Einstellungen Website" zu gelangen. Wähle im nächsten Schritt den Reiter "SEO und Tracker" aus.
Auf der rechten Seite im Bereich "Tracking-Codes" stehen dir drei Optionen zur Verfügung um Tracking-Codes zu hosten.
Achtung!
Diese Funktion kann nur von Usern mit der Rolle "Administrator" genutzt werden!
- Code Header
- Code Body
- Code Footer
Gehe dazu wie nachfolgenden beschrieben vor:
- Öffne dein bevorzugtes Tracking-Tool (z. B. Google Analytics).
- Suchen den Tracking-Code, welcher in die Website eingefügt werden soll und kopiere diesen.
- Wechsle zu den Website-Einstellungen in evenito, öffne den Tab "SEO und Tracker" und füge den kopierten Code an der gewünschten Stelle (Code Header, Code Body oder Code Footer) ein.
- Klicke auf "Speichern & schliessen" und veröffentliche die Website anschliessend erneut.
- 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.
Bitte beachte:
Aufgrund der Flexibilität und der breit gefächerten Einsatzmöglichkeiten bitten wir dich, diese Funktion mit Bedacht zu verwenden und nur Codes aus verifizierten Quellen einzusetzen.
Sollte die Website nach der Veröffentlichung nicht korrekt angezeigt werden, müssen zunächst alle Inhalte im Tracking-Code gelöscht werden. Anschliessend kann eine weitere Analyse erfolgen.