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 grundlegenen 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 Livebetrieb 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 (Teilbereich des Moduls Marketing) 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 (facebook, Twitter) 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.

Domainverwaltung

Eine Domain ist eine „Internetadresse“. Diese Adresse zeigt auf dem Webspace (Webseitenspeicher), wo die Inhalte der Webseite gespeichert sind. Diese Domain kann bei einem externen Domain-Hoster gebucht werden.

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

Die Domain muss im back Office in den Unternehmenseinstellungen unter dem Bereich Internetseite hinterlegt werden. Anschließend müssen Sie die Seite unter Präsentieren -> Internetpräsenz aktivieren. Dadurch wird die Webseite generiert, auf dem Webspace gespeichert und aufgrund der Domain-Weiterleitung aufrufbar.

Zeigt die Domain auf den gastronovi Webspace?

Mit dem Tool DIG kann geprüft werden, wohin eine Domain zeigt.

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

  1. Im Feld Name ist die Domain einzugeben.
  2. Wenn die Domain auf uns zeigt, muss im Reiter A hinter der Domain IN A 62.113.234.3 stehen.
  3. Wenn hier nichts oder eine andere IP (Zahl) steht, dann zeigt die Domain noch nicht auf den gastronovi Webspace.

/homepage/homepage_domain_dig.png

Bitte beachten Sie, dass Sie bei den Domains, die zu gastronovi zeigen, den Eintrag beim AAAA-Record entfernen müssen.

Was, wenn die Domain nicht auf den gastronovi Webspace zeigt?

Erstellen Sie eine DNS-Weiterleitung bei Ihrem Hoster

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

Voraussetzung:

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

Bitte ändern Sie bei Ihrem aktuellen Provider den DNS-Eintrag auf folgende gastronovi Office IP: 62.113.234.3

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. eingehenden E-Mails für Ihre Domäne nicht mehr empfangen werden!

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

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

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 folgende Ursachen haben:

1. Sind die Domains im back Office hinterlegt?

Bitte prüfen Sie in gastronovi Office unter "Einstellungen -> Unternehmenseinstellungen“, ob im Feld Internetadresse die Domain/-s korrekt eingegeben wurden.

In dem Feld Internetadresse: z.B.: www.meineadresse.de

und unter dem Feld Zusatzdomains: z.B.: meineadresse.de (ohne www)

Alle Zusatzdomains (mehrere Einträge können mit Komma separiert erfasst werden), werden automatisch auf die Haupt-Adresse umgeleitet (Code 301).

2. Ist die Internetseite im back Office aktiviert?

Bitte prüfen Sie in gastronovi Office unter "Präsentieren -> Internetpräsenz“, ob bei Online ein grüner Haken ist.

3. Wurde die Website schon generiert?

Wenn 1. und 2. korrekt sind, kann es sein, dass die Website noch nicht generiert wurde. Warten Sie 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.

4. 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.

Domain eintragen

Setzen Sie in den Unternehmenseinstellungen Ihre Internetadresse ein.

Öffnungszeiten

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 Kund*innen ü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.

Öffnungszeiten einstellen

Platzieren Sie die Öffnungszeiten Ihres Betriebs auf Ihrer Webseite.

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

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 - Titelbild

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

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

Keine Vorlage

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

2. 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.

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

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

Wenn Sie die Vorlage Galerie ausgewählt haben, wird der Inhalt automatisch generiert. Es werden all Ihre öffentlichen Galerien aufgezeigt, außer Sie beschränken die Präsentation über die Angaben.

  • 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)

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

Kontakt

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

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

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 und 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.

Inhaltsblöcke

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.

Inhaltsblöcke

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.

Vorlage & Tracking

Falls noch keine Vorlage ausgewählt ist, wählen Sie das Mastertemplate. Zudem können Sie entscheiden, ob Sie Tracking auf Ihrer Website betreiben möchten oder nicht.

Das Theme

Das Theme bildet das Grundgerüst für Ihre Website, auf der alle weiteren Inhalte, Komponenten und Details aufgebaut werden und ist damit elementarer Bestandteil. Vorab wird das Theme festgelegt und alle weiteren Einstellungen erfolgen anschließend, passend zur vorherigen Auswahl.

Was kann alles eingestellt werden? Hier eine Übersicht.

Im Footer werden Ihre Kontaktdaten und die Öffnungszeiten dargestellt. Zudem finden Sie hier Verlinkungen zum Impressum & Datenschutz, der Kontaktseite und, wenn vorhanden, sämtliche soziale Netzwerke, die Sie eingerichtet haben.

Was kann alles eingestellt werden? Hier eine Übersicht.

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 enorm wichtig für eine Website, da sie die erste Seite ist, die Besuchende zu sehen bekommen. Überzeugen Sie hier mit einem souveränen und anziehenden Auftritt, sodass Ihre Website zum 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 generelle URL Ihrer Website geöffnet wird.

Kopfzeile

Mit der Kopfzeile steuern Sie das Erscheinungsbild Ihrer Startseite. Hier sind die Einstellungen besonders, da es sich um die Startseite handelt. Es einige Einstellungsmöglichkeiten mehr und auch die Darstellung ist gesondert im Gegensatz zu den anderen Seiten Ihrer Website.

Seiteninhalt

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

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 intelligente 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.

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.

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.

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.

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:

Hilfreich?

Ja Nein
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.