Einrichtung

Erste Schritte im Überblick

1

/homepage/sbs_homepage1_de.png

Internetpräsenz einrichten

2

/homepage/sbs_homepage2_de.png

Corporate Design einstellen

Vorbereitung

Bevor Sie mit der Gestaltung Ihrer Website beginnen, sollten Sie erst einmal die grundlegenden Einstellungen vornehmen oder überprüfen. Haben Sie allen Benutzern die nötigen Rechte verliehen, damit an der Website gearbeitet werden kann? Wie sieht es mit der Domainverwaltung aus, schließlich soll die Website irgendwann auch im Live-Betrieb genutzt werden? Und sind die Öffnungszeiten korrekt eingepflegt, die im Fußbereich der Website angezeigt werden?

Rechte für das Modul Website definieren

Vor der Nutzung definieren Sie, welcher Mitarbeiter mit welchen Rechten Zugriff auf die Website erhalten soll. Nachträgliche Änderungen der Rechte sind jederzeit möglich. Folgende Rechte sind für den Umgang mit dem Modul Website möglich:

Für das Modul Website verfügbare Rechte, die den jeweiligen Zugriff der Benutzer regeln:

Recht Beschreibung
Corporate Design Grundeinstellungen wie Schriftart Design, Logo etc. für die Internetpräsenz und Buchungsformular vornehmen.
Soziale Dienste verwalten Soziale Netzwerke (z. B. Facebook) können hinzugefügt und mit gastronovi Office verknüpft werden.
Internetpräsenz Die Internetseite darf bearbeitet werden.
Termine verwalten Erlaubnis, Termine und Neuigkeiten zu verwalten.
Galerienverwaltung Galerien erstellen und Fotos einstellen.
Umfragen verwalten Erstellen von Umfragen, Anpassungen vornehmen.

Bitte beachten Sie, dass nach Freischaltung von weiteren Modulen bzw. Änderungen an den Benutzerrechten involvierte Benutzer sich ab- und wieder anmelden müssen, damit die aktualisierten Rechte systemseitig Anwendung finden.

Was ist eigentlich eine Domain?

Stellen Sie sich vor, dass das Internet wie eine riesige Stadt ist. Jedes Haus in dieser Stadt hat eine einzigartige Adresse, damit die Post weiß, wo sie hin muss. Im Internet ist das genauso: Jede Website hat eine eigene, einzigartige Adresse, die Domain genannt wird. Eine Domain ist wie ein Name für Ihre Website. Anstatt einer komplizierten Zahlenkombination, die niemand sich merken kann (IP-Adresse), hat deine Website einen einfachen, leicht zu merkenden Namen, wie zum Beispiel www.meineadresse.de.

Wieso ist eine Domains wichtig?

Domains sind aus verschiedenen Gründen wichtig:

  • Einfache Erreichbarkeit: Eine Domain macht Ihre Website für Besuchende leicht zugänglich. Sie müssen sich keine Zahlen merken, sondern können einfach Ihren Firmennamen oder ein passendes Stichwort in den Browser eingeben.
  • Markenbildung: Die Domain ist ein Teil Ihrer Marke. Ein guter Domainname kann dazu beitragen, dass Ihre Marke bekannter und wiedererkennbarer wird.
  • Professionalität: Eine eigene Domain wirkt professioneller als eine kostenlose Subdomain (z.B. meinefirma.kostenlos.de). Es zeigt, dass Sie es mit Ihrer Online-Präsenz ernst meinen.

Verwaltung der Domain

Die Domain-Verwaltung in Bezug auf gastronovi Office umfasst verschiedene Aufgaben, die mit Ihrer Domain zusammenhängen. Dazu gehört zum Beispiel: die korrekte Verknüpfung in gastronovi Office, die Einrichtung der DNS-Weiterleitung beim Hoster, die Veröffentlichung Ihrer Website-Inhalte und schließlich die Prüfung, ob die Domain korrekt verknüpft ist.

Korrekte Verknüpfung der Domain

Für das Modul Website muss die Domain (Internetadresse) wie hier beschrieben auf den gastronovi Webspace (Webseitenspeicher) zeigen.

Zuerst müssen die Domain und ggf. die Zusatzdomains im back Office an den entsprechenden Stellen hinterlegt werden. Danach können Sie Ihre Website mit allen Inhalten veröffentlichen. Dadurch wird die Webseite generiert, auf dem Webspace gespeichert und aufgrund der Domain-Weiterleitung für Ihre Gäste aufrufbar.

Führen Sie für jede Domain, über die Ihre Webseite erreichbar sein soll, die folgenden Schritte aus:

1. Grundeinrichtung im back Office

Geben Sie in gastronovi Office unter Grundeinrichtung > Unternehmenseinstellungen im Feld Internetseite die Domains ein. Wenn es sich um die Hauptadresse handelt, tragen Sie diese unter Internetadresse ein, z. B. www.meineadresse.de. (Hier sollte immer nur eine einzige Domain eingetragen werden.) Unter Zusatzdomains können Sie eine oder mehrere zusätzliche Domains eintragen. Wenn es sich um mehrere Einträge handeln sollte, tragen Sie diese kommasepariert ein. Alle eingetragenen Zusatzdomains leiten automatisch auf die Hauptadresse um (Code 301), z. B. meineadresse.de.

Die hier gemachten Änderungen sind i. d. R. erst nach etwa 24 Stunden wirksam.

2. Erstellung einer DNS-Weiterleitung beim Hosting-Anbieter

Erstellen bzw. korrigieren Sie die DNS-Konfiguration der Domain bei Ihrem Hoster.

Beachten Sie unbedingt: Die Methode mit der Umleitung der Domain erfordert, dass Ihr aktueller Hosting-Anbieter eine Änderung Ihres DNS-Eintrags erlaubt.

  1. Bitte ändern Sie bei Ihrem aktuellen Provider den DNS „A-Record“-Eintrag für die Domain auf folgende gastronovi Office-IP: 62.113.234.3, z. B. meineadresse.de.

Bitte nehmen Sie die Änderung NUR bei dem „A-Record“ vor, der für die Auslieferung aller gewünschten Domains zuständig ist. Nehmen Sie bitte KEINE Änderungen in dem „MX-Eintrag“ vor. Wenn Sie die DNS-Änderung ebenfalls für den „MX-Eintrag“ vornehmen, können ggfs. eingehende E-Mails für Ihre Domäne nicht mehr empfangen werden!

  1. Setzen Sie auch den „A-Record“-Eintrag der www.-Unterdomain auf dieselbe gastronovi Office-IP, selbst wenn Sie diese Unterdomain nicht nutzen!, z. B.: www.meineadresse.de. Das gilt selbst dann, wenn Sie keine Zusatzdomains im Back Office konfigurieren.

  2. Bitte entfernen Sie den „AAAA-Record“-Eintrag für die Domain.

  3. Bitte entfernen Sie den „AAAA-Record“-Eintrag für die www-Subdomain.

Die Änderungen werden erst nach ca. 48 Stunden überall im Internet wirksam.

Wenden Sie sich bei weiteren Fragen bitte an Ihren aktuellen Provider/Administrator.

Website veröffentlichen

Sie können Ihre Website mit allen Inhalten nun veröffentlichen, falls noch nicht erfolgt. Danach ist die Website über die Domain aufrufbar und nicht mehr nur über die interne Vorschau-Seite.

Überprüfung der Verknüpfung zur Domain

Finden Sie heraus, ob die Domain auf den gastronovi Webspace zeigt, indem Sie das Tool DIG nutzen. Damit kann geprüft werden, wohin eine Domain zeigt.

Hier finden Sie eine online verfügbare Version: https://toolbox.googleapps.com/apps/dig

So prüfen Sie die Verknüpfung

  1. Im Feld Name ist die exakte Domain einzugeben, so wie in den Unternehmenseinstellungen.
  2. Im Reiter A muss hinter der Domain IN A 62.113.234.3 stehen.
  3. Der Reiter AAAA muss leer sein.
  4. Wenn hier nichts oder eine andere IP (Zahl) steht, zeigt die Domain noch nicht auf den gastronovi Webspace.

Das gilt sowohl für die Domain als auch die www.-Unteradresse.

/homepage/homepage_domain_dig.png

FAQ – Domainverwaltung

1. Was, wenn die Domain auf gastronovi zeigt, aber die Website dennoch nicht angezeigt wird?

Es kann sein, dass die Website noch nicht generiert wurde. Das kann verschiedene Ursachen haben:

1.1 Sind die Domains im back Office hinterlegt?

Bitte prüfen Sie die Angaben in der Grundeinrichtung und nehmen Sie diese ggf. wie oben beschrieben vor.

1.2 Ist die Internetseite im back Office aktiviert?

Bitte prüfen Sie in gastronovi Office unter „Marketing > Internetpräsenz“, ob der entsprechende Regler aktiviert ist.

1.3 Die Einstellungen in gastronovi Office sind korrekt, aber es wird trotzdem keine Website angezeigt?

Wenn Sie die Punkte 1. und 2. überprüft haben und alle Einstellungen korrekt sind, kann dennoch der Fall eintreten, dass die Website noch nicht generiert wurde. Warten Sie noch einmal ca. 1 Stunde und prüfen Sie anschließend erneut die Anzeige der Website.

Sollte die Website weiterhin nicht angezeigt werden, dann informieren Sie bitte unseren Support: support@gastronovi.com.

2. Wird die Website mit einem Zertifikat ausgeliefert?

Ja. Sicherheit ist uns wichtig, daher liefern wir Ihre Webseite vorübergehend mit einem gastronovi Zertifikat aus, bis das System ein Zertifikat für ihre Domain erstellen und aktivieren konnte. Diese Übergangsphase kann bis zu 24 Stunden dauern.

Die Öffnungszeiten, die Sie im back Office einstellen, werden automatisch auf Ihrer Website ausgegeben. Neben den regulären Öffnungszeiten können Sie auch Ausnahmen angeben, die Ihre Gäste über abweichende Zeiten informieren, wenn zum Beispiel Feiertage mit geänderten Öffnungszeiten oder Betriebsferien anstehen. Zudem können Sie auch einzelne Einträge Ihrer Öffnungszeiten gruppieren, um eine "Happy Hour" oder andere Specials zu markieren.

Wiederkehrende Öffnungszeiten

Platzieren Sie die Öffnungszeiten Ihres Betriebs auf Ihrer Webseite.

Feiertage & Abweichungen

Natürlich können auch Ausnahmen, wie Betriebsferien oder Schließtage aufgrund von Feiertagen, abgebildet werden.

Verwaltung

Sowohl für Ihre Öffnungszeiten als auch für die definierten Ausnahmen können thematische Gruppierungen erstellt werden, zum Beispiel für Happy Hour-Zeiten oder ähnliches.

Haben Sie weitere Sprachen aktiviert, können die Gruppierungen zudem übersetzt werden.

Für eine Übersicht aller Öffnungszeiten bzw. Ausnahmen können Sie sich die Liste exportieren und drucken.

Grundwissen: Website-Gestaltung

Vorab sollten Sie sich ein wenig Grundwissen zum Website-Baukasten aneignen, damit Ihnen die Entscheidungen im Gestaltungsprozess leichter fallen. Lesen Sie hier Informationen zu den auswählbaren Themes, nützliche Tipps zu Bildformaten, Empfehlungen zu passenden Schriftartkombinationen und Schriftgrößen sowie alles Wichtige zum Thema Komponenten.

Die 3 Themes

Im Baukasten stehen Ihnen aktuell drei Themes (Dark, bzw. Dunkel, Light, bzw. Hell, Custom) zur Auswahl, die alle unterschiedliche Aspekte vereinen. Zur Veranschaulichung können Sie hier einen Blick auf die unterschiedlichen Themes werfen. Das hilft Ihnen sicher bei der Festlegung für Ihre eigene Website.

In den beiden Themes Dark und Light sind die grundlegenden Farben bereits festgelegt. Das Dark-Theme wird von dunklen Farben, sprich Schwarztönen, dominiert. Das Light-Theme ist heller und erstrahlt in Weißtönen. Diese beiden Themes setzen auf einen klaren Kontrast von Schrift und Hintergründen. Alles ist für eine gute Lesbarkeit und Übersicht konzipiert. Mit diesen schlichten, zeitlosen Themes können Sie im Prinzip nicht daneben liegen.

Das Custom-Theme bietet mehr individuellen Spielraum und lässt sich nach Ihren Bedürfnissen gestalten, da weniger vorgegeben ist. Der Kreativität sind hier kaum Grenzen gesetzt, es lässt sich munter kombinieren. Hier liegt die Lesbarkeit und Übersicht der Website letzendlich in Ihren Händen und bedenken Sie den Mehraufwand durch zusätzliche Gestaltungsmöglichkeiten.

Bildformate

Im Website-Baukasten kommen unterschiedliche Bildformate zum Einsatz, je nach Einsatzort des Bildes. Damit die Bilddateien korrekt dargestellt werden, können Sie sich an die folgenden Vorgaben halten. So ist garantiert, dass immer genau der richtige Teil im Blickfeld der Betrachter steht.

Die Bildformate im Überblick

Einsatzbereich Min. Maße (px) Min. Maße (px) x2 Ausschnitt Safearea
Logo zentriert (1) 170 x 140 340 x 280 scale to fit Volle Auflösung
Logo linksbündig (1) 225 x 100 450 x 200 scale to fit Volle Auflösung
Titelbild Startseite 1920 x 940 3840 x 1880 crop Safearea
Titelbild Inhaltsseite 1920 x 450 3840 x 900 crop Safearea
Bild mit Text - landscape 470 x 248 940 x 496 crop Volle Auflösung
Bild mit Text - portrait 248 x 330 496 x 660 crop Volle Auflösung
Bild ohne Text - landscape 700 x 369 1400 x 737 crop Volle Auflösung
Bild ohne Text - portrait 525 x 700 1050 x 1400 crop Volle Auflösung
Bild - Full Width 1920 x 450 3840 x 900 crop Safearea
Hinweisfenster 570 x 300 1140 x 600 crop Volle Auflösung
2-spaltig - landscape 570 x 300 1140 x 600 crop Volle Auflösung
2-spaltig - portrait 525 x 700 1050 x 1400 crop Volle Auflösung
3-spaltig - landscape 370 x 230 760 x 400 crop Volle Auflösung
3-spaltig - portrait 340 x 453 680 x 906 crop Volle Auflösung
4-spaltig - landscape 285 x 150 570 x 300 crop Volle Auflösung
4-spaltig - portrait 270 x 360 540 x 720 crop Volle Auflösung
Galerie - Vorschaubild 970 x 604 1940 x 1208 crop Volle Auflösung
Speisekartenkategorie 370 x 198 740 x 396 crop Volle Auflösung
Speise 770 x 345 1540 x 690 crop Volle Auflösung
Aktuelles - Bild 770 x 405 1540 x 810 crop Volle Auflösung
Kontakt 370 x 230 740 x 460 crop Volle Auflösung
Galerie-Bilder Hoch-/Querformat Hoch-/Querformat Original (2) Volle Auflösung
Galerie-Detail Hoch-/Querformat Hoch-/Querformat Original (2) Volle Auflösung
Link 330 x 212 680 x 425 crop Volle Auflösung

(1): Immer mit Außenabstand anlegen. Der empfohlene Abstand liegt bei 15 px an jeder Seite. (Tatsächlich kann der nötige Abstand von Datei zu Datei variieren und die Angaben sind ohne Gewähr. Korrigieren Sie entsprechend nach, wenn die Darstellung nicht optimal erscheint.

(2): Die Datei wird automatisch auf eine Miniaturansicht skaliert.

Weitere Informationen zu den Begriffen crop und safearea finden Sie weiter unten.

Hier finden Sie eine grafische Übersicht zu den Bildformaten und können diese als Vorlage herunterladen:

Logo zentriert (Abstand blau markiert)

Logo linksbündig (Abstand blau markiert)

Titelbild Startseite (Safearea rot markiert)

Titelbild Inhaltsseite/Unterseite (Safearea rot markiert)

Bild mit Text - landscape

Bild mit Text - portrait

Bild ohne Text - landscape

Bild ohne Text - portrait

Bild - Full Width (Safearea rot markiert)

Hinweisfenster

2-spaltig - landscape

2-spaltig - portrait

3-spaltig - landscape

3-spaltig - portrait

4-spaltig - landscape

4-spaltig - portrait

Galerie - Vorschaubild

Speisekartenkategorie

Speise

Aktuelles - Bild

Kontakt

Link

Safearea

Als Safearea (deutsch: Schutzbereich) bezeichnet man den Bereich innerhalb einer Grafik, der, wenn diese auf einer Website zum Einsatz kommt, garantiert sichtbar und lesbar ist. Indem Sie sich also an die Vorgaben der Safearea halten, stellen Sie sicher, dass keine Informationen verloren gehen.

Hintergrund des Einsatzes der Safearea ist die Tatsache, dass Homepages auf vielen unterschiedlichen Endgeräten mit unterschiedlichen Auflösungen betrachtet werden, sodass überall eine andere Darstellung erfolgt. Die Safearea garantiert aber, dass die wesentlichen Informationen, die innerhalb des Bereichs liegen, immer im Fokus stehen und nicht abgeschnitten werden.

Safearea - Titelbild Startseite

Hier sehen Sie die Angaben zur Safeare für das Titelbild. Nur im rot markierten Bereich dürfen primäre Bildinhalte und Texte platziert werden, wenn Sie sichergehen wollen, dass diese nicht verloren gehen.

Safearea - Bild (Full Width)

Hier sehen Sie die Angaben zur Safearea für das Titelbild, wenn Sie ein Bild mit voller Breite (Full Width) darstellen möchten. Nur im rot markierten Bereich dürfen primäre Bildinhalte und Texte platziert werden, wenn Sie sichergehen wollen, dass diese nicht verloren gehen.

Begriffserklärung: Ausschnitte

Als Cropping (deutsch: Abschneiden, Stutzen) wird das Beschneiden von Bildrändern zum Zwecke der Bildformatänderung bezeichnet. Dadurch wird verhindert, dass Ränder entstehen oder das Bild in irgendeiner Weise verzerrt werden muss.

Zur Veranschaulichung sehen Sie hier in grau dargestellt das Originalformat des Bildes. Der rot markierte Bereich ist die Zielformatierung, die durch das Cropping erreicht werden soll. Das Bild wird also auf volle Breite und Höhe skaliert.

Als scale to fit (deutsch: Skalierung nach Maß) wird die Erweiterung des Bildausschnitts bezeichnet, sodass kleinere Bildformate passend untergebracht werden können. Dadurch wird die Verzerrung und das Beschneiden eines Bildes vermieden.

Zur Veranschaulichung sehen Sie hier in grau (überlagert von rot) das Originalformat des Bildes. Der rot markierte Bereich ist der Bildausschnitt, der angezeigt wird. Das Originalformat des Bildes bleibt unberührt und wird in das gewünschte Format eingefügt. Dabei entstehen keine Verzerrungen oder Abschnitte an den Rändern.

Schriftarten – Empfohlene Kombinationen

Die folgenden Kombinationen empfehlen wir Ihnen für Ihre digitalen Auftritte:

Überschrift Fließtext
Alato Lato
Arvo Lato
Cardo Libre Franklin
Encode Sans Roboto
Inika Cardo
Lato Montserrat
Lato Sintony
Montserrat Kanit
Montserrat Source Sans Pro
Montserrat Source Serif Pro
Noto Sans PT Serif
Noto Sans Roboto
Noto Serif Lora
Nunito Lora
Open Sans Lato
Open Sans Source Serif Pro
Ovo Quattrocento
Permanent Marker Lato
Permanent Marker Montserrat
Permanent Marker Roboto
PT Sans PT Serif
Raleway PT Sans
Raleway Roboto
Roboto Slab Roboto
Roboto Lato
Roboto Lora
Roboto Condensed Lato
Rubik Source Sans Pro
Rufina Tinos
Source Sans Pro Source Serif Pro
Vollkorn Judson
Vollkorn Nunito
Walter Turncoat Raleway
Yeseva One Josefin Sans
Yeseva One Roboto

Schriftgrößen

Die Schriftgrößen werden automatisch und dynamisch an das jeweilige Endgerät angepasst, um eine optimale Lesbarkeit und Übersicht zu garantieren. Sie müssen somit keine Schriftgrößen festlegen. Die folgenden Informationen dienen rein zur Veranschaulichung und zum Verständnis.

Bereich Schriftschnitt Desktop Tablet Mobil
H1 Bold 70 70 35
H2 Bold 35 35 25
H3 Bold 25 25 20
Fließtext Regular 16 16 15
Zusatztext Regular 14 14 12
Button Bold 16 16 16
Navigation (mobil) Bold - 40 30

Komponenten

Keine Vorlage

Wenn Sie keine Vorlage auswählen, wird der Inhalt schlicht textbasiert dargestellt und das Bild erscheint unter dem Text.

Aktionskarten

Wenn Sie die Vorlage Aktionskarten ausgewählt haben, wird der Inhalt automatisch generiert. Es werden alle aktiven Aktionskarten, abhängig der gesetzten Gültigkeit in den jeweiligen Karten, angezeigt. Gibt es mehr als eine Aktionskarte, werden die einzelnen Einträge als Kacheln angezeigt – inklusive des Gültigkeitszeitraums, sodass die Besucher der Website direkt den Überblick erhalten, welche Karte in welchem Zeitraum gültig ist.

Aktuelles

Wenn Sie die Vorlage Aktuelles ausgewählt haben, wird der Inhalt automatisch generiert. Es werden all Ihre Termine & Neuigkeiten präsentiert, außer Sie beschränken die Präsentation über die Angaben, dort können Sie Kategorien auswählen oder die Anzeige auf nur Termine, nur Neuigkeiten oder Termine und Neuigkeiten beschränken.

  • Die Übersicht wird in Form von kleinen Kacheln dargestellt
  • Termine & Neuigkeiten werden durch Icons unterschiedlich markiert
  • Der Einleitungstext wird aus der Beschreibung gezogen

Bild – volle Breite

Wenn Sie die Vorlage Bild – volle Breite ausgewählt haben, wird ein Bild über die volle Breite der Website dargestellt.

Download

Wenn Sie die Vorlage Download ausgewählt haben, können Sie eine Datei bereitstellen, die von Ihren Besuchern heruntergeladen werden kann.

Mehrspaltig

Wenn Sie eine der mehrspaltigen Vorlagen auswählen, wird der eingegebene Text in der gewählten Anzahl der Spalten dargestellt und Sie können pro Spalte ein Bild festlegen.

  • Sie haben die Wahl zwischen zweispaltig, dreispaltig und vierspaltig
  • Es empfiehlt sich, für alle Spalten entweder ein Bild oder kein Bild festzulegen, damit die Spalten bündig und symmetrisch verlaufen
  • Wählen Sie bei der Bilddarstellung zwischen Querformat (landscape) oder Hochformat (portrait)

Galerie-Diashow

Wenn Sie die Vorlage Galerie-Diashow ausgewählt haben, wird (nur) die ausgewählte Galerie als Diashow angezeigt.

Galerie

Wenn Sie die Vorlage Galerie ausgewählt haben, wird der Inhalt automatisch generiert und sämtliche Galerien werden angezeigt.

  • Darstellung in einer Mosaikform
  • Alle Formate sind erlaubt
  • Die Bilder werden automatisch möglichst in einem Block dargestellt und sortiert
  • Detailansicht ist über das Anklicken des Bildes abrufbar (inkl. Titel und Beschreibung)

Angaben

Über die Angaben können Sie steuern, welche Galerien angezeigt werden sollen. Hier können Sie einen oder mehrere Parameter angeben, um die angezeigten Galerien zu filtern. Legen Sie eindeutige Galerien fest, zeigen Sie alle Galerien einer Kategorie oder nur die relevanten Einträge. Kombinieren Sie die Angaben untereinander, um die Auswahl weiter zu beschränken.

Galerie

Wenn Sie eine Galerie festlegen, wird nur die ausgewählte Galerie angezeigt.

Kategorie

Sie können eine Kategorie auswählen und alle Galerien, die dieser Kategorie zugeordnet sind, werden angezeigt.

Relevanz

Wenn Ihre Galerien in den Einstellungen mit einem Datum versehen sind, können Sie hier eine zeitliche Relevanz in Tagen angeben. Alle Galerien, die in die festgelegte Zeitspanne fallen, werden angezeigt (z. B. alle Galerien der letzten 30 Tage).

Gibt es aktive Galerien, bei denen kein Datum gesetzt wurde, werden diese unabhängig einer gesetzten Relevanz immer angezeigt.

HTML

Wenn Sie die Vorlage HTML ausgewählt haben, können Sie HTML-Inhalte auf Ihrer Website einbinden.

  • Binden Sie bequem einen beliebigen HMTL-Inhalt in Ihre Website ein

Karte

Wenn Sie die Vorlage Karte ausgewählt haben, wird der Inhalt automatisch generiert. Es wird eine Karte auf Ihrer Seite eingebunden, die den Standort Ihres Betriebs zeigt. (Der Standort wird aus den Unternehmenseinstellungen übernommen.)

Bitte prüfen Sie vor dem Einbinden und Aktivieren ggf. die Angaben unter Impressum und Datenschutz, da es sich hier um einen externen Inhalt über einen Drittanbieter handelt. Es kann sein, dass Sie Ihre Datenschutzerklärung anpassen müssen.

Kontaktformular

Wenn Sie die Vorlage Kontaktformular ausgewählt haben, können Sie Ihren Besuchern ein Formular bereitstellen, über das Sie Rückmeldungen erhalten können. Zudem können Besucher den Newsletter abonnieren.

  • Darstellung ähnlich wie die allgemeine Kontaktseite (exkl. Standortkarte)
  • Felder sind individuell auswählbar
  • Möglichkeit zum Newsletter-Abo

Wenn Sie die Vorlage Link ausgewählt haben, können Sie auf weiterführende, externe Seiten verlinken. Ihre Besucher landen dann auf der gewünschten Seite, wenn Sie den Link anklicken.

  • Die verschiedenen Linkarten werden durch unterschiedliche Icons dargestellt

Mittagstisch

Wenn Sie die Vorlage Mittagstisch ausgewählt haben, wird der Inhalt automatisch generiert. Es werden kurze Vorschauen der Speisekarten im Kartenordner Mittagstisch angezeigt.

Störer

Wenn Sie die Vorlage Störer ausgewählt haben, können Sie eine Anzeige anschalten, die den Besucher der Seite "stört". Mit Text und Bild können Sie so auf etwas aufmerksam machen, dass Ihre Besucher auf keinen Fall verpassen dürfen.

Text mit Bild

Wenn Sie die Vorlage Text mit Bild links oder Text mit Bild rechts ausgewählt haben, können Sie einen Text verfassen und daneben ein passendes Bild platzieren.

  • Das Bild erscheint immer bündig auf der angegebenen Seite
  • Pflegen Sie nur den Text oder nur das Bild, wird der Inhalt zentral ausgegeben
  • Wählen Sie bei der Bilddarstellung zwischen Querformat (landscape) oder Hochformat (portrait)

Umfrage

Wenn Sie die Vorlage Umfrage ausgewählt haben, wird der Inhalt automatisch generiert. Ihre Besucher können an einer bereits erstellten Umfrage teilnehmen. Diese wählen Sie unter Angaben aus.

  • Optimierte Darstellung der Umbrüche
  • Die Seitenzahlen werden farbig dargestellt
  • Farbe der Eingabefelder entspricht jeweils der nicht genutzten Hintergrundfarbe (Corporate Design > Hintergrund 1 oder 2)
  • Captchas arbeiten unsichtbar im Hintergrund

Speisekarten & Vorschau Karte

Wenn Sie die Vorlage Vorschau Karte ausgewählt haben, wird der Inhalt automatisch generiert. Es wird speziell eine Karte präsentiert, die Sie unter Angaben auswählen.

  • Kategorien (1. Ebene) werden per Kachel dargestellt
  • Bilder werden nur dargestellt, wenn alle Kategorien Bilder haben (gilt nur für 1. Ebene)
  • Nach Auswahl der Kategorie, lässt sich über die Reiter die Kategorie wechseln
  • Hervorgehobene Rezepte werden ohne Bild dargestellt (farbig markiert)
  • Rezeptbilder können manuell geöffnet werden

Widget

Binden Sie über die Vorlage Widget das Widget auch an anderer Stelle auf Ihrer Website ein (neben der Reservierungsseite). Sie können auch einen direkten Einstiegspunkt festlegen, um gezielt inhaltlich zu arbeiten. Beispielsweise können Sie auf Ihren Online-Gutscheinverkauf hinweisen und entsprechend den Einstiegspunkt im Widget anpassen, damit die Gäste mit wenigen Klicks an der gewünschten Stelle landen.

YouTube-Video

Wenn Sie die Vorlage YouTube Video auswählen, können Sie einfach und bequem ein YouTube-Video direkt auf Ihrer Website einbetten.

Sämtliche Formulare und Umfragen sind mit einem CAPTCHA versehen, das unsichtbar im Hintergrund arbeitet, um den Schutz vor Spam und unbefugten Zugriff zu erhöhen.

Hier finden Sie weitere Visualisierungen, Beispiele und Tipps zum Website-Baukasten: Demoseite - Website-Baukasten

Und hier finden Sie unseren Quick Guide zum Thema Website & Digital Signage: gn-quick-guide-website-de.pdf

Erklärung der Oberfläche - back Office

Um sich im back Office zurechtzufinden, erklären wir Ihnen hier alle wichtigen Bestandteile, die Sie zur Pflege Ihrer Website benötigen.

Übersicht der Bereiche

Die Verwaltung der Website ist in drei Bereiche untergliedert, die Navigation, die Inhaltsblöcke und die Seiten-Einstellungen.

Seitenbaum

Auf der linken Seite befindet sich der sogenannte Seitenbaum. Hier finden Sie eine baumartige Inhaltsstruktur, in der Sie sämtliche Seiten vorfinden, die Teil Ihrer Website sind. Dazu zählen die intelligenten Seiten und Inhalte, sowie auch eigens erstellte Seiten & Inhalte.

Sie können innerhalb der Struktur navigieren, indem Sie mit der Maus auf einen Eintrag klicken, dieser wird anschließend grün markiert dargestellt. Nun kann diese Seite bearbeitet werden, sowohl der Inhalt als auch die Einstellungen, die für diese Seite gelten soll.

Um zu vorhandenen Unterseiten zu navigieren, können Sie auf das [+] vor der jeweiligen Seite klicken, anschließend werden Ihnen die Unterseiten angezeigt.

Inhalte

In der Mitte finden Sie die Inhaltsblöcke einer Seite. Wenn Sie im Seitenbaum eine Seite ausgewählt haben, sodass diese grün markiert dargestellt wird, sehen Sie hier die einzelnen Bestandteile, die zu der Seite gehören als farbig markierte Inhaltselemente. Sämtliche Blöcke werden in der Reihenfolge dargestellt, wie sie auch auf der Website erscheinen.

Editierbare Blöcke können über das Plus-Symbol ausgeklappt und bearbeitet werden. Sind die Blöcke in ihrer Reihenfolge verschiebbar, können die Positionen über die / verschoben werden.

Die Inhaltsblöcke werden in drei Kategorien unterteilt und sind jeweils farbig markiert. Weitere Informationen folgen unter Farben & Markierungen im nächsten Abschnitt.

Seiten-Einstellungen

Rechts befinden sich die Einstellungen der ausgewählten Seite. Wenn Sie im Seitenbaum eine Seite ausgewählt haben, sodass diese grün markiert dargestellt wird, finden Sie hier alle vorzunehmenden Einstellungen. Dazu gehören beispielsweise die Vergabe eines alternativen Titels, SEO-Daten (wie META-Titel und META-Beschreibung) und erweiterte Einstellungen, die je nach Seitentyp unterschiedlich ausfallen können.

In jedem Textfeld wird Ihnen eine empfohlene Zeichenanzahl vorgegeben, an der Sie sich orientieren können, um die optimale Lesbarkeit zu gewährleisten. Dieser Hinweis ist nur eine Hilfestellung, längere Texte werden trotzdem übernommen und dargestellt.

Farben & Markierungen

Seitenbaum

Die verschiedenen Seiten im Seitenbaum werden mit Symbolen markiert, um die Art der Seite zu markieren.

Symbol Farbe Beschreibung
Dokument Türkis Intelligente Seite
Ordner Grau Erstellte Seite

Durch Sie erstellte Seiten werden zusätzlich mit einer Statusanzeige versehen, die aus einem farbigen Punkt besteht, um den aktuellen Status der Aktivität anzuzeigen. Unterschieden wird dabei zwischen aktiv, aktiv (versteckt) und nicht aktiv.

Statusfarbe Beschreibung
Grün Die Seite ist aktiv geschaltet und taucht in der Navigation Ihrer Website auf.
Gelb Die Seite ist aktiv geschaltet, jedoch taucht sie nicht in der Navigation Ihrer Website auf und ist nur über einen direkten Link oder eine Verlinkung zu erreichen. (versteckt)
Rot Die Seite ist nicht aktiv geschaltet und taucht gar nicht auf Ihrer Website auf.

Inhalte

Um die Bearbeitung zu vereinfachen und jederzeit die Übersicht wahren zu können, werden die Inhaltsblöcke in drei Farbkategorien unterteilt.

Farbe Beschreibung
Dunkelgrau Teilweise veränderbare Inhaltselemente, wie z. B. die Navigationsleiste oder die Kopfzeile
Türkis Nicht veränderbare, intelligente Inhaltselemente, die sich automatisch aus Daten in gastronovi Office generieren
Hellgrau Vollständig veränderbare Inhaltselemente, wie z. B. Text mit Bild oder Vorschau Speisekarte

Grundlegende Einstellungen: Corporate Design

Nachdem Sie nun die Grundlagen kennengelernt haben und alle Vorbereitungen getroffen haben, können Sie mit der eigentlichen Gestaltung beginnen. Beginnen Sie zuerst mit den allgemeinen Designeinstellungen im Corporate Design, wie die Auswahl des Themes, Anpassung der farblichen Gestaltung und alles rund um die Schriftarten und -größen.

Grundeinstellungen

Vorlage auswählen

Falls noch keine Vorlage ausgewählt sein sollte, wählen Sie das Mastertemplate.

Aktuell können Sie lediglich das Mastertemplate auswählen. Weitere Einstellungen zur Gestaltung können Sie über das Theme steuern.

Theme

Das Theme ist die entscheidende Komponente bei der Gestaltung Ihrer Website. Es handelt sich dabei um das visuelle und funktionale Grundgerüst einer Website, das das Layout, die Farben, Schriftarten und viele andere Gestaltungsaspekte bestimmt. Durch die Auswahl des passenden Themes entscheiden Sie, wie sich Ihr Webauftritt für Ihre Gäste anfühlt. Suchen Sie sich eins der drei vorgegebenen Themes aus und passen Sie die Gestaltung an Ihre Bedürfnisse an, um Ihre Philosophie auch auf den virtuellen Bereich zu übertragen.

Auswahl des Themes

Wählen Sie eines der drei verfügbaren Themes aus – Custom, Dark oder Light.

Legen Sie die allgemeine Farbgebung fest. Die Farben, die sie hier zentral festlegen, können optional für alle weiteren Bereiche übernommen werden.

Legen Sie das allgemeine Schriftbild fest. Die Schriften, die sie hier zentral festlegen, können optional für alle weiteren Bereiche übernommen werden.

Website, Newsletter, Mini-Seiten & Script

Die Navigationsleiste ist immer präsent beim Besuch der Website und dient zur Orientierung und Navigation. Hier werden alle Seitentitel angezeigt, die sich einzeln anklicken lassen, um direkt zur ausgewählten Seite zu gelangen.

Und so nehmen Sie die Einstellungen vor:

Weiterführende Artikel zum Corporate Design:

Startseite, Seiten & Inhalte gestalten

Haben Sie alle Einstellungen im Corporate Design festgelegt, ist der Grundstein für Ihre neue Website gelegt. Jetzt beginnt die inhaltliche Gestaltung. Arrangieren Sie die Startseite Ihrer Website, kümmen Sie sich um die weiteren Seiten und füllen Sie diese mit Inhalten, um Ihren Internetauftritt zum Leben zu erwecken.

Die Startseite ist von enormer Wichtigkeit für eine Website, da die Gäste diese Seite zuerst zu Gesicht bekommen. Sie kann als Übersicht dienen und zu den wichtigsten Inhalten Ihrer Website verlinken, damit alles im Blick bleibt. Überzeugen Sie hier mit einem souveränen und anziehenden Auftritt, sodass Ihre Website insgesamt ein Erfolg wird.

Die Startseite, lässt sich im Gegensatz zu den anderen Seiten, etwas anders anpassen. Deshalb haben wir diese hier gesondert aufgeführt.

Die Startseite wird immer angezeigt und kann nicht einfach ausgeblendet werden. Diese Seite wird aufgerufen, wenn die allgemeine URL zu Ihrer Website aufgerufen wird – sie ist quasi der zentrale Landungsort. Über die Navigation sind alle weiteren Inhalte direkt für Ihre Gäste erreichbar. Die Navigation kann auch ausgeblendet werden, wenn Sie beispielsweise lieber mit einem Onepager-Konzept arbeiten möchten und alle Inhalte auf der Startseite dargestellt werden sollen.

Kopfzeile (Header)

Mit der Kopfzeile steuern Sie das Erscheinungsbild Ihrer Startseite. Hier sind die Einstellungen besonders, da es sich um die Startseite handelt. Es sind einige zusätzliche Einstellungsmöglichkeiten im Gegensatz zu anderen Seiten vorhanden und auch die Darstellung ist abweichend.

Seiteninhalt

Die Startseite kann auch inhaltlich weiter angepasst werden, je nach Bedarf.

Widget als Seiteninhalt hinzufügen

Neben der generellen Nutzung des Widgets auf der Reservierungsseite, können Sie das Widget auch gezielt als Seiteninhalt einsetzen und sogar einen Einstiegspunkt auswählen, um die verschiedenen Services prominenter zu bewerben und Ihren Gästen den Einstieg in die Nutzung zu erleichtern.

Entscheiden Sie, ob Sie einen ausführlichen Footer oder eine komprimierte Version mit den nötigsten Informationen auf Ihrer Startseite darstellen möchten.

Unter intelligenten Seiten verstehen wir an dieser Stelle, dass diese Seiten vom System vorgegeben sind und systemseitig automatisch mit Inhalten gefüllt werden. Diese Inhalte werden aus dem gepflegten Datensatz im gastronovi back Office gezogen. Die Seite Speisekarte zeigt beispielsweise alle gepflegten, gültigen und aktiven Karten an. Darüber hinaus können Sie die Seiten zusätzlich mit eigenen Inhalten füllen.

Entscheiden Sie, ob die Seite in der Navigationsleiste auftauchen soll. Davon ausgeschlossen sind die Willkommen-Seite, Kontakt, Impressum & Datenschutz, Auf dem Laufenden, Sitemap und die Suche. Alle anderen Seiten können Sie ein- und ausblenden.

Kopfzeile

Legen Sie fest, wie die Kopfzeile jeder intelligenten Seite aussehen soll. Passen Sie das Seitenbild, die Beschreibung der Seite und die Art der Darstellung an. Und wenn Ihnen der vorgegebene Titel nicht gefällt, vergeben Sie einen Alternativtitel für die Seite.

Seiteninhalt

Viele der intelligenten Seiten können mit eigenen Inhalten ergänzt werden. Lassen Sie Ihrer Kreativität freien Lauf und ergänzen Sie die automatisch generierten Inhalte mit eigenen Informationen und Daten aus Ihrer digitalen Handschrift.

Sie erkennen die intelligenten Seiten daran, dass sie im back Office immer mit einem Dokument-Symbol dargestellt werden. Im Gegensatz dazu werden eigene Seiten mit einem Ordner-Symbol dargestellt.

Drittanbieter-Tool für Reservierungen nutzen

Sie können auf der intelligenten Seite ein externes Reservierungstool anbieten, statt die interne Lösung von gastronovi Office zu verwenden. Das Tool wird über einen HTML-Code eingebettet, den Sie in der Seite hinterlegen müssen.

Reservierungsseite mit Einstiegspunkt

Sie können für die intelligente Seite Reservierung einen Einstiegspunkt festlegen, der beim Laden der Seite automatisch geladen wird.

Widget als Seiteninhalt hinzufügen

Neben der generellen Nutzung des Widgets auf der Reservierungsseite, können Sie das Widget auch gezielt als Seiteninhalt einsetzen und sogar einen Einstiegspunkt auswählen, um die verschiedenen Services prominenter zu bewerben und Ihren Gästen den Einstieg in die Nutzung zu erleichtern.

Die Fußzeile wird automatisch aus den Daten auf Ihrer Website generiert und unterteilt sich in verschiedene Spalten – abhängig der Inhalte.

Mein Restaurant

Hier werden wichtige öffentliche Angaben aus den Unternehmenseinstellungen zusammengetragen, sodass diese über jede Seite auf Ihrer Website einsehbar sind. Dazu gehören beispielsweise die hinterlegte Adresse und sämtliche Kontaktdaten, wie Telefonnummer und E-Mail-Adresse.

Öffnungszeiten

Haben Sie Öffnungszeiten angegeben, werden diese hier angezeigt. Dazu gehören neben den wiederkehrenden Öffnungszeiten auch Ausnahmen oder abweichende Zeiten, damit Ihre Gäste stets den Überblick haben, wann Sie zu erreichen sind.

Unternehmen

In dieser Spalte ist eine Link-Sammlung zu finden, die auf weitere Unterseiten auf Ihrer Website verlinkt. Dazu gehören in erster Linie Impressum & Datenschutz, da Website-Betreibende dazu gesetzlich verpflichtet sind, diese leicht erreichbar bereitzustellen.

Außerdem wird hier die Kontakt-Seite, die Newsletter-Seite (falls vorhanden) und die Sitemap verlinkt.

Sitemap

Eine Sitemap ist eine hierarchisch strukturierte Darstellung aller Einzeldokumente einer Website, die sowohl die Seitenhierarchie als auch ihre Verknüpfungen zeigt. Sie funktioniert als Analyse- und Planungsinstrument für Website-Betreibende und spielt eine wesentliche Rolle in der Suchmaschinenoptimierung, indem sie Suchmaschinen dabei unterstützt, die Website effizient zu durchsuchen und zu indexieren.

Die Sitemap wird via gastronovi Office automatisch generiert und aktualisiert, sobald Sie Änderungen an Ihrer Website vornehmen.

Social

An dieser Stelle sind die Sozialen Netzwerke verlinkt, damit Ihre Gäste schnell auf weitere Kanäle zugreifen können, z. B. Facebook.

Fußzeile anpassen

Entscheiden Sie, ob Sie einen ausführlichen Footer oder eine komprimierte Version mit den nötigsten Informationen auf Ihrer Seite darstellen möchten.

Unter eigenen Seiten verstehen wir an dieser Stelle, dass diese Seiten von Ihnen erstellt wurden und manuell mit Inhalten gefüllt werden. Diese Inhalte sind auf die vorgegebenen Komponenten limitiert und können mit Informationen gefüllt werden. (Einige Komponente ziehen sich auch automatisch Inhalte aus dem gepflegten Datensatz im gastronovi back Office.)

Sie können eigene Seiten erstellen und diese mit Inhalten füllen, aber auch diverse Unterseiten erstellen und diese ebenfalls mit eigenen Inhalten füllen. Zudem haben Sie Möglichkeit eine intelligente Seite als Unterseite zu verschieben. Umgekehrt ist das nicht möglich.

Geben Sie Ihrer Website eine persönliche Note, indem Sie zu den intelligenten Seiten und Inhalten eigene Seiten und Inhalte erstellen. Ihrer Kreativität sind dabei kaum Grenzen gesetzt.

Seite erstellen

Zu Beginn besteht Ihre Website nur aus intelligenten Seiten. Die Website kann durch eigene Seiten ergänzt werden.

Unterseite erstellen

Eine Unterseite kann auf zwei Arten erstellt werden. Entweder Sie erstellen die Unterseite direkt in der gewünschten Seite oder Sie verschieben eine bereits vorhandene Seite als Unterseite.

Entscheiden Sie, ob die (Unter-)Seite in der Navigationsleiste auftauchen soll. (Denken Sie daran, dass Unterseiten, die nicht in der Navigation auftauchen, nur über eine direkte Verlinkung geöffnet werden können.)

Kopfzeile

Legen Sie fest, wie die Kopfzeile jeder intelligenten Seite aussehen soll. Passen Sie das Seitenbild, die Beschreibung der Seite und die Art der Darstellung an. Und wenn Ihnen der vorgegebene Titel nicht gefällt, vergeben Sie einen Alternativtitel für die Seite.

Seiteninhalt

Nachdem Sie Ihre (Unter-)Seite erstellt haben, können Sie diese nun mit Leben füllen, indem Sie Inhalte generieren.

Sie erkennen die eigenen Seiten daran, dass sie im back Office immer mit einem Ordner-Symbol dargestellt werden. Im Gegensatz dazu werden intelligenten Seiten mit einem Dokument-Symbol dargestellt.

Widget als Seiteninhalt hinzufügen

Neben der generellen Nutzung des Widgets auf der Reservierungsseite, können Sie das Widget auch gezielt als Seiteninhalt einsetzen und sogar einen Einstiegspunkt auswählen, um die verschiedenen Services prominenter zu bewerben und Ihren Gästen den Einstieg in die Nutzung zu erleichtern.

Entscheiden Sie, ob Sie einen ausführlichen Footer oder eine komprimierte Version mit den nötigsten Informationen auf Ihrer Seite darstellen möchten.

Website veröffentlichen & aktualisieren

Der finale Punkt der Einrichtung ist die Veröffentlichung Ihrer Homepage und die Vorgehensweise, sollten Sie einmal Änderungen an einer bereits aktiven Website vornehmen möchten.

Website online schalten (Veröffentlichung)

Wenn Sie alle Einstellungen vorgenommen haben und alle Seiten und Inhalte gepflegt sind, können Sie Ihre Website live schalten.

Denken Sie daran, dass Sie die Domainverwaltung erfolgreich konfiguriert und abgeschlossen haben.

Tracking auf der Website

Sie können über die Website erfassen, wie viele Besuchende Sie auf Ihrer Website haben – die Daten werden in den Statistiken und auf der Startseite im back Office ausgewiesen.

Vorschau der Website ansehen

Sie können jederzeit Änderungen vornehmen und sich diese in einer Vorschau anzeigen lassen. Die Änderungen werden nicht sofort live geschaltet und sind in der Regel erst nach ca. drei Stunden für alle Website-Besucher sichtbar.

Änderungen sofort übernehmen

Sollten Sie Änderungen vorgenommen und diese per Vorschau überprüft haben, können Sie die Funktion Sofort übernehmen nutzen, um die gemachten Änderungen an der Website unverzüglich live zu schalten und für alle Besucher sichtbar zu machen.

Inhalte der Website auf externer Seite verlinken

Sollten Sie eventuell Inhalte Ihrer Website, wie beispielsweise eine Speisekarte, auf einer externen Website verlinken wollen, können Sie mit einem Befehl die Navigationsleiste und den Fußbereich der Seite ausblenden, sodass nur der eigentliche Inhalt dargestellt wird. Dazu hängen Sie folgenden Zeile an den gewünschten Link an: ?blank=1.

Zur Veranschaulichung:

Die Informationen sind allgemeiner Art und stellen keine Rechtsberatung dar. Das Supportportal erhebt keinen Anspruch auf Vollständigkeit. Änderungen bleiben ohne Vorankündigung jederzeit vorbehalten. Es wird an dieser Stelle darauf hingewiesen, dass die ausschließliche Verwendung der männlichen Form geschlechtsunabhängig verstanden werden soll.