Schmetterling Quadra. Leitfaden für Schmetterling Quadra.

Transkript

1 Schmetterling Quadra Leitfaden für Schmetterling Quadra Schmetterling Reisen GmbH & Co. KG Hauptstraße 131, D Geschwand T +49 (0) F +49 (0) technologie@schmetterling.de

2 1. Schmetterling Quadra Vorteile von Schmetterling Quadra Login Schmetterling Quadra Admin Bereich Webseite wechseln Favicon einfügen Passwort Bereich festlegen Statistik einsehen Seitentitel vergeben Seitenbeschreibung anlegen Keywords vergeben Inhalte verwalten Mediathek Gästebuch administrieren Vote administrieren Blog administrieren Soziale Netzwerke Hilfestellungen im Admin Bereich Checkliste zur Vollständigkeit Expertentipps Releases Webseite bearbeiten Bilder einfügen Layout wechseln und Hintergrund anpassen Seitenspezifische Suchmaschinenoptimierung Hilfe Header bearbeiten Navigation bearbeiten Neuen Navigationspunkt anlegen Fußnavigation bearbeiten Bestehende Module verändern Individuelle Angebote anlegen Banner einfügen Bildergalerie einfügen Blog anlegen Buchungsmaschine einfügen Schmetterling Quadra 2

3 3.15 PDF-Datei einfügen Deeplink einfügen Bahn Online Portal einfügen Formular anlegen GIATA Reisekataloge einfügen Gästebuch einfügen Home Button einfügen Allgemeine Kontaktbox einbauen TUI TRAVELStar Kontaktbox bearbeiten Neckermann Kontaktbox einfügen Newsbox anlegen Reiseführer anlegen Schnellsuche einfügen Systemangebote einfügen Text/Bild Inhalt einfügen Umleitung einbauen Verlinkung (I-Frame) einbauen Vote anlegen YouTube Video einfügen Nützliches Google Places Karte in die Homepage integrieren Stammdaten und Mitarbeiterdaten ändern Anwendungsbeispiel Wir über uns Seite erstellen Hilfe und Support 238 Schmetterling Quadra 3

4 1. Schmetterling Quadra Schmetterling Quadra ist ein Content Management System (CMS) zur Gestaltung Ihrer Homepage. Ein CMS ermöglicht es Ihnen Webseiten ohne HTML-Kenntnisse anzulegen und zu pflegen. Schmetterling Quadra ersetzt den bisherigen Homepagemanager und punktet mit einer einfachen Handhabung und modernem Design. Das neue System erfüllt dabei die Anforderungen, die Sie als Touristiker an ein solches System haben. Mit Schmetterling Quadra gestalten Sie einen optimalen und individuellen Webauftritt, perfektioniert durch touristische Elemente, die Sie per Mausklick in Ihre Webseite integrieren können. Bei der Entwicklung von Schmetterling Quadra war es uns wichtig, dass Sie Ihren touristischen Webauftritt ohne Vorkenntnisse gestalten können. Bearbeiten Sie Haupt- und Unterseiten ohne komplizierte Codes und wählen Sie per Mausklick aus, welche Elemente auf der Webseite letztendlich dargestellt werden sollen. Sie können Ihre eingestellten Texte, Bilder, Buchungsmaschinen etc. direkt auf der Homepage verschieben, bearbeiten und löschen und können das Ergebnis live auf Ihrer Seite betrachten. Der Namensgeber von Schmetterling Quadra ist der Schmetterling Vierpunkt-Flechtenbärchen (lithosia quadra). Vier Punkte trägt jedes Weibchen dieser Gattung neben sonst neutraler Färbung. Individuell Gestalten Sie Ihren Webauftritt individuell Visuell Überzeugen Sie mit visuellen Highlights Klar Arbeiten Sie mit einem klar strukturierten System Einfach Erstellen und Bedienen Sie alle Elemente einfach per Mausklick Ein optimaler Ausgangspunkt für Sie und Ihren Webauftritt, den Sie nun mit dem Homepagemaster Schmetterling Quadra anpassen können. 1.1 Vorteile von Schmetterling Quadra Mit Schmetterling Quadra genießen Sie beispielsweise folgende Vorteile bei der Erstellung und Bearbeitung Ihrer Homepage: Texte, Bilder und Angebote direkt auf der Seite einpflegen, ändern und löschen Viele unterschiedliche Homepagemuster Layouts, die auch für mobile Endgeräte geeignet sind Eigenes Titelbild der Webseite aussuchen und je nach Anlass wechseln Admin Bereich: Statistiken, Suchmaschinenoptimierung, Mediathek Alle Informationen und Verwaltungswerkzeuge für Ihre Homepage auf einen Blick In der Kontaktbox haben Ihre Kunden alle Kontaktdaten Ihres Büros immer vor Augen Newsbox: Alle Neuigkeiten um Ihr Reisebüro visuell aufbereitet IBEs und Deeplinks per Mausklick einfügen Versionsverwaltung für eigene Texte Schmetterling Quadra 4

5 1.2 Login Schmetterling Quadra Damit Sie Veränderungen auf Ihrer Schmetterling-Quadra Internetseite vornehmen können, müssen Sie sich zunächst in Schmetterling Argus 3.0 beziehungsweise in Ihre Profianwendung einloggen. Dort gelangen Sie in den Bearbeitungsmodus Ihrer Internetseite. Reisebüros, die bereits Schmetterling Argus 3.0 nutzen, finden die Anleitung zum Login im Anschluss. Die allgemeine Anleitung über die Profianwendung für alle anderen Büros finden Sie im zweiten Teil. Login über Schmetterling Argus 3.0 Wenn Ihr Büro bereits auf Schmetterling Argus 3.0 umgestellt ist, gehen Sie bitte folgenerdermaßen vor, um in den Bearbeitungsmodus von Schmetterling Quadra zu gelangen: 1. Geben Sie in die Adresszeile Ihres Internetbrowsers bitte ein. Wenn sich die Seite geöffnet hat, klicken Sie oben rechts auf Partner-Login. 2. Geben Sie in die anschließende Anmeldemaske bitte Ihre Zugangsdaten ein und klicken Sie danach auf Benutzer anmelden. Schmetterling Quadra 5

6 Hinweis: Sollten Sie Ihre Zugangsdaten nicht zur Verfügung haben, können Sie diese per Mail an anfordern. 3. Nach erfolgreichem Login befinden Sie sich nun in Ihrer Arbeitsoberfläche Schmetterling Argus 3.0. Der Zugang zu Schmetterling Quadra befindet sich unter dem Reiter Kommunikation. 4. Unter dieser Rubrik finden Sie unter anderem auch den Button Quadra. Indem Sie diesen Button anklicken, gelangen Sie zur Auswahl der Domain. 5. Nun sehen Sie eine Auflistung all Ihrer Domains, die bei Schmetterling gehostet werden. Die Internetpräsenz, die Sie bearbeiten möchten, klicken Sie bitte an. Schmetterling Quadra 6

7 Hinweis: Sollten Sie Internetseiten haben, die noch mit dem Vorgängersystem Homepagemanager 2 ausgestattet sind, bearbeiten Sie diese bitte nicht mit Schmetterling Quadra. Wählen Sie hier nur Seiten aus, die bereits auf Quadra umgestellt sind. 6. Nachdem Sie die Domain ausgewählt haben, befinden Sie sich im Admin Bereich Ihrer gewählten Homepage und Sie können mit der Bearbeitung beginnen. Login über die Profianwendung 1. Geben Sie in die Adresszeile Ihres Internetbrowsers ein. Nun öffnet sich Ihnen eine Anmeldemaske, in die Sie Ihre Zugangsdaten eingeben müssen. Um sich anzumelden, klicken Sie anschließend bitte auf den gleichnamigen Button unten rechts. Schmetterling Quadra 7

8 Hinweis: Sollten Sie Ihre Zugangsdaten nicht zur Verfügung haben, können Sie diese per Mail an anfordern. 2. Nach erfolgreichem Login gelangen Sie auf Ihre Profianwendung. Dort befindet sich unter anderem der Button Schmetterling Quadra. Hinweis: Dieser Button ist nur für Personen mit Admin-Status zu sehen. Sollen Angestellte Ihres Büros ohne Admin-Status die Bearbeitung der Seite vornehmen, ist dieses Anliegen schriftlich vom Inhaber an zu richten. 3. Ein Klick auf diesen Button führt Sie zur Auswahl der zu bearbeitenden Seite. Die Internetpräsenz, die Sie bearbeiten möchten, klicken Sie bitte an. Hinweis: Sollten Sie Internetseiten haben, die noch mit dem Vorgängersystem Homepagemanager 2 ausgestattet sind, bearbeiten Sie diese bitte nicht mit Schmetterling Quadra. Wählen Sie hier nur Seiten aus, die bereits auf Quadra umgestellt sind. 4. Nun sind Sie im Admin Bereich der Seite, die Sie ausgewählt haben und Sie können mit der Bearbeitung beginnen. Schmetterling Quadra 8

9 2. Admin Bereich Der Admin Bereich stellt den Hintergrundbereich Ihrer Homepage dar. Er dient in erster Linie der Verwaltung und Übersicht. Sämtliche Optionen, die Sie in dieser Plattform haben, werden im Anschluss beschrieben. 2.1 Webseite wechseln Wenn Sie mehrere Domains inklusive Ihrer Testlinks haben, können Sie im Admin Bereich die zu bearbeitende Seite jederzeit wechseln ohne Schmetterling Quadra verlassen zu müssen. 1. Im rechten Bereich wird Ihnen die Domain angezeigt, die Sie gerade bearbeiten. 2. Um eine andere Internetpräsenz zu bearbeiten, können Sie die Seite wechseln, indem Sie auf Webseite wechseln klicken oder auf die Domain im rechten Bereich. Schmetterling Quadra 9

10 3. Nun werden Ihnen wieder all Ihre Domains angezeigt. Diejenige, die Sie bearbeiten möchten, klicken Sie bitte erneut an. 2.2 Favicon einfügen Mit Schmetterling Quadra können Sie Ihrer Homepage ein vorgefertigtes oder ein individuelles Favicon hinzufügen. Ein Favicon ist ein Symbol oder ein Logo, welches in den Tabs der Browser vor dem Seitentitel angezeigt wird. Wenn Sie zum Beispiel öffnen, sehen Sie den gelb-roten Schmetterling, der hier als Favicon eingestellt ist. 1. Drücken Sie im Admin Bereich bitte auf den Button Favicon unter der Rubrik Webseite. 2. Nun gelangen Sie in eine Ansicht wo Sie im oberen Bereich eine Auswahl an vorgefertigten Favicons haben und im unteren Bereich die Möglichkeit haben ein individuelles Favicon einzufügen. Hinweis: Durch Klick auf das Fragezeichen über den vorgefertigten Favicons erhalten Sie eine Erklärung sowie Beispiele zum Favicon Standard-Favicon einfügen Eines der aufgeführten, speziell angepassten Bilder, können Sie als Favicon für Ihre Homepage einstellen. Dazu klicken Sie bitte das gewünschte Bildchen an und anschließend unten rechts auf Speichern. Schmetterling Quadra 10

11 Das gewählte Favicon ist nun in den Tabs der Browser links neben Ihrem Seitentitel sichtbar. Hinweis: Das Favicon wird im Admin Bereich nicht angezeigt, sondern nur, wenn Sie sich auf Ihrer Homepage befinden. Hinweis: Für Schmetterling Büros ist der gelb-rote Schmetterling voreingestellt, solange Sie kein anderes Favicon einstellen Individuelles Favicon einfügen Wenn Sie ein individuelles Favicon benutzen möchten, sehen Sie im unteren Bereich unter der Erklärung und dem Hinweis der unterstützten Dateiformate den Button Datei hochladen. Klicken Sie diesen an, sodass sich das Verzeichnis Ihres PCs öffnet. Schmetterling Quadra 11

12 Hinweis: Es ist nicht notwendig das Bild vor dem Hochladen auf genau die angegebene Größe zu ändern. Jedoch sollten sie zwingend darauf achten, dass ihr Bild quadratisch ist, da es andernfalls zu Verzerrungen kommen kann. Nachdem Sie ein Bild von Ihrem PC ausgesucht haben, öffnet sich Ihnen folgende Ansicht. Hier müssen Sie bestätigen, dass Ihnen die Rechte an den Inhalten zustehen und Sie müssen einen Urheber angeben. Wenn Sie diese beiden Angaben getätigt haben, können Sie das Bild an den Schmetterling Technologie Support senden, indem Sie den gleichnamigen Button unten rechts drücken. Im Anschluss daran erhalten Sie zur Bestätigung den Hinweis, dass das Bild erfolgreich hochgeladen wurde und vom Support Team geprüft wird. Schmetterling Quadra 12

13 Abhängig von der Qualität und Eignung Ihres hochgeladenen Bildes, bekommen Sie vom Technologie Support dann entweder eine worin bestätigt wird, dass Ihr gewünschtes Favicon ordnungsgemäß eingefügt wurde oder dass ein Einfügen nicht möglich ist und Sie ein neues Bild senden müssen. Dies ist vor allem dann der Fall, wenn das Bild nicht quadratisch ist und somit nur verzerrt dargestellt werden kann. 3. Wenn Sie ein Standard-Favicon eingefügt oder ein individuelles Bild hochgeladen haben und die Bearbeitung an anderer Stelle Ihrer Homepage fortsetzen möchten, klicken Sie bitte auf den Button oben rechts zurück zum Admin Bereich, um zu dieser Plattform zurückzukehren. 2.3 Passwort Bereich festlegen Mit Schmetterling Quadra haben Sie die Möglichkeit einzelne Seiten Ihrer Homepage mit einem Passwort zu schützen. Somit können nur Personen diese Seiten aufsuchen, denen Sie Ihren individuell festgelegten Benutzernamen inklusive Passwort mitgeteilt haben. 1. Drücken Sie im Admin Bereich bitte auf den Button Passwort Bereiche unter der Rubrik Webseite. Schmetterling Quadra 13

14 2. Nun gelangen Sie in eine Ansicht wo all Ihre Userseiten aufgelistet sind. Hinter diesen sehen Sie einen roten Punkt. Das bedeutet, dass hier der Passwort Bereich inaktiv ist, die Seiten also mit keinem Passwort geschützt sind. Standardmäßig sind somit alle Ihre Seiten frei im Netz zugänglich. Wenn Sie nun eine bestimmte Seite schützen möchten, klicken Sie diese bitte an. Hinweis: Durch Klick auf das Fragezeichen im oberen Bereich erhalten Sie weitere Informationen zum Passwort Bereich. Hinweis: Userseiten sind Seiten, die von Ihnen erstellt wurden. Systemseiten sind Seiten, die automatisch erstellt wurden, wie zum Beispiel das Impressum. Es ist Ihnen nicht möglich Systemseiten zu schützen. Folglich sind hier nur Ihre Userseiten gelistet. 3. Im nächsten Schritt sehen Sie zunächst welche Seite Sie gerade schützen. Darunter befinden sich zwei Eingabefelder wo Sie individuell den Benutzernamen und das Passwort eintippen können. 4. Nachdem Sie diese beiden Angaben getätigt haben, klicken Sie bitte unten rechts auf Speichern. Schmetterling Quadra 14

15 Hinweis: Wenn Kunden die geschützte Seite nun öffnen wollen, erscheint eine Eingabemaske in die beide Informationen eingetragen werden müssen. Somit kann die entsprechende Seite nur von den Kunden eingesehen werden, denen Sie Ihre individuell gewählten Zugangsdaten mitgeteilt haben. 5. Nach einem kurzen Hinweis, dass Ihre Änderungen gespeichert wurden gelangen Sie wieder zurück in die Übersicht. Dort erkennen Sie, dass sich die Farbe des Punktes geändert hat. Der grüne Punkt zeigt Ihnen an, dass diese Seite mit einem Passwort geschützt ist. Auf demselben Weg können Sie nun weitere Seiten mit einem Passwort versehen. Um ein bestehendes Passwort zu ändern oder einen Passwort Bereich zu deaktivieren, klicken Sie bitte erneut auf die jeweilige Seite. 6. Im unteren Bereich sehen Sie erneut die von Ihnen eingegeben Zugangsdaten. Diese können Sie nun abändern, indem Sie in das Eingabefeld ein neues Wort eingeben und anschließend unten rechts mit Speichern bestätigen. Anschließend befinden Sie sich wieder in der Übersicht. Um die Seite für jeden Internetnutzer wieder freizugeben, müssen Sie den Passwort Bereich deaktivieren, indem Sie den gleichnamigen, roten Button drücken. Schmetterling Quadra 15

16 7. Als Bestätigung, dass das Passwort deaktiviert wurde, sehen Sie in der Übersicht nun wieder einen roten Punkt hinter der entsprechenden Seite. Um Bearbeitungen an anderer Stelle der Homepage vorzunehmen, kehren Sie mit dem blauen Button oben rechts zurück zum Admin Bereich. 2.4 Statistik einsehen Mit Schmetterling Quadra haben Sie die Möglichkeit eine detaillierte Statistik über Ihre Homepage zu erlangen. So können Sie unter anderem einsehen, wie viele Besucher sie hatten, woher diese kamen oder welche Suchbegriffe bei den Suchmaschinen verwendet wurden, um Ihre Seite zu finden. 1. Drücken Sie im Admin Bereich bitte auf den Button Statistik unter der Rubrik Webseite. Schmetterling Quadra 16

17 2. Im folgenden Bereich sehen Sie zunächst für welche Seite die Statistik angezeigt wird und wann die Informationen zuletzt aktualisiert wurden. Darunter sehen Sie für welchen Zeitraum die Statistik angezeigt wird. Hier ist grundsätzlich der aktuelle Monat eingestellt. Wenn Sie Daten aus einem vergangenen Monat einsehen möchten, können Sie über die beiden Selectboxen den gewünschten Monat und das Jahr einstellen. Indem Sie rechts daneben auf OK drücken, wird die Statistik für Ihren gewählten Zeitraum angezeigt. Hinweis: Durch Klick auf das Fragezeichen rechts oben erhalten Sie weitere Informationen zum Bereich Statistik. 3. Im zweiten Abschnitt haben Sie, unterteilt in Kategorien, eine Auflistung aller Bereiche, die hier statistisch erfasst sind. Die detaillierten Infos zu den einzelnen Bereichen sind im Anschluss alle untereinander aufgeführt. Möchten Sie einen ganz bestimmten Bereich ansehen, können Sie diesen anklicken, sodass die Seite automatisch dorthin gescrollt wird. Schmetterling Quadra 17

18 4. Im dritten Abschnitt finden Sie eine kurze Zusammenfassung zum aktuell gewählten Monat. In dieser Übersicht sehen Sie in der ersten Spalte wie viele unterschiedliche Besucher Ihre Homepage besucht haben. In der zweiten Spalte wird dargestellt wie oft Personen insgesamt auf Ihrer Homepage waren, unabhängig davon ob Personen mehrmals oder nur ein einziges Mal auf Ihrer Homepage waren. Der Wert in Klammern verdeutlicht die Besuche in Abhängigkeit der unterschiedlichen Besucher. In der dritten Spalte ist gelistet, wie viele Seiten Ihrer Homepage insgesamt aufgerufen wurden. In Klammern sehen Sie die Seitenaufrufe relativ zum Besuch Ihrer Webseite. Unter Zugriffe in der vierten Spalte sind alle Aktivitäten in Form von Klicks auf der Homepage gelistet, sowohl absolut als auch relativ zu den Besuchen. In der letzten Spalte sehen Sie die übertragene Datenmenge, die gesamt und pro Besuch generiert wurde. 5. Im weiteren Verlauf sehen Sie nun die detaillierten Statistiken zu jedem einzelnen Bereich. Bitte beachten Sie, dass zu einigen Themen noch weitere Informationen per Verlinkung in der Überschriftzeile abgerufen werden können. Hinweis: Die Statistik zu den Seiten URLs bietet beispielsweise weitere Verlinkungen. 6. Um den Statistikbereich wieder zu verlassen und zum Admin Bereich zurückzukehren, steht Ihnen der gleichnamige Button zweimal zur Verfügung. Sowohl am Beginn als auch am Ende Ihrer Statistik können Sie diesen Button anklicken, um wieder in den Admin Bereich zu gelangen. Schmetterling Quadra 18

19 2.5 Seitentitel vergeben Mit Schmetterling Quadra können Sie für jede Seite Ihrer Homepage einen Seitentitel vergeben. Dieser Titel erscheint nicht nur in den Tabs der Browser, sondern ist in erster Linie wichtig für die Bewertung Ihrer Webseite bei den Suchmaschinen. Er stellt auch die Verlinkung in den Suchmaschinen dar, die der Kunde letztendlich anklickt, um auf Ihre Seite zu gelangen. 1. Drücken Sie im Admin Bereich bitte auf den Button Seitentitel unter der Rubrik Suchmaschinen. 2. Nun gelangen Sie in eine Ansicht wo Sie im oberen Bereich ein Eingabefeld vorfinden und im unteren Bereich eine Auflistung aller System- und Userseiten Ihrer Homepage. Hinweis: Userseiten sind Seiten, die von Ihnen erstellt wurden. Systemseiten sind Seiten, die automatisch erstellt wurden, wie zum Beispiel das Impressum. 3. Im Eingabefeld befindet sich ein Beispiel für einen Seitentitel. Gemäß dem Hinweis darüber müssen Sie zunächst eine Seite aus der Auflistung im unteren Bereich auswählen, bevor Sie in das Feld einen Titel eintippen können. Schmetterling Quadra 19

20 Hinweis: Durch Klick auf das Fragezeichen über dem Eingabefeld können Sie weitere Informationen zum Seitentitel einholen. 4. Die Auflistung im unteren Bereich ist in drei Punkte gegliedert. Unter Punkt 1 sehen Sie Ihre Domain, womit die gesamte Webseite abgedeckt ist. Unter Punkt 2 ist Ihre Startseite / die Home aufgeführt. Im Anschluss sehen Sie unter Punkt 3 sämtliche Seiten Ihrer Homepage unabhängig davon ob es System- oder Userseiten sind. Bevor Sie in das Eingabefeld im oberen Bereich etwas eintippen können, müssen Sie hier zunächst auswählen für welche Seite Sie den Seitentitel vergeben möchten. Entsprechend dem Hinweis empfehlen wir Ihnen zumindest für Punkt 1 und für Punkt 2 Metadaten, in diesem Fall also den Seitentitel, zu hinterlegen, sodass eine Indizierung, eine Bewertung, bei den Suchmaschinen stattfinden kann. Bitte klicken Sie links auf die Domain bzw. auf die Seite, für die Sie einen Seitentitel vergeben möchten. Hinweis: Wenn Sie für die gesamte Webseite unter Punkt 1 einen Seitentitel vergeben haben, wird dieser auch für alle Einzelseiten verwendet, solange Sie dafür keinen separaten Seitentitel vergeben haben. Deswegen ist es sehr wichtig hier eine Angabe zu tätigen. Schmetterling Quadra 20

21 Hinweis: Ob Sie für eine Seite bereits einen Seitentitel vergeben haben, sehen Sie rechts neben dem Pfeil. In unserem Beispiel befindet sich hier kein Eintrag, woran Sie erkennen, dass für keine Seite ein Seitentitel vergeben wurde. 5. Nun sehen Sie einen blinkenden Cursor im Eingabefeld und darüber als Bestätigung einen Hinweis für welche Seite Sie gerade einen Seitentitel vergeben. 6. Wenn Sie Ihren Seitentitel eingetippt haben, klicken Sie bitte unten rechts auf Speichern. 7. Nun ist Ihr Seitentitel gespeichert und eingefügt. Dies erkennen Sie auch daran, dass in der unteren Auflistung rechts neben Ihrer gewählten Seite der Titel eingetragen ist. Schmetterling Quadra 21

22 8. Über den gleichen Weg können Sie Ihren eingestellten Seitentitel wieder ändern oder einen neuen Seitentitel für andere Seiten vergeben. Hinweis: Google registriert Ihre Einstellungen in regelmäßigen Abständen. Dies kann unter Umständen mehrere Wochen dauern. Hinweis: Bitte beachten Sie, dass der Seitentitel immer zum Inhalt der jeweiligen Seite passen muss. 9. Wenn Sie alle gewünschten Seitentitel vergeben haben und mit Bearbeitungen an anderer Stelle der Homepage fortfahren möchten, dann kehren Sie mit dem gleichnamigen Button oben rechts zurück in den Admin Bereich. 2.6 Seitenbeschreibung anlegen Mit Schmetterling Quadra können Sie für jede Seite Ihrer Homepage eine Seitenbeschreibung anlegen. Diese kurze Beschreibung wird in den Internet-Suchmaschinen in zwei Zeilen unter dem Link angezeigt, der zu den gesuchten Begriffen gefunden wurde. 1. Drücken Sie im Admin Bereich bitte auf den Button Seitenbeschreibung unter der Rubrik Suchmaschinen. Schmetterling Quadra 22

23 2. Nun gelangen Sie in eine Ansicht wo Sie im oberen Bereich ein Eingabefeld vorfinden und im unteren Bereich eine Auflistung aller System- und Userseiten Ihrer Homepage. Hinweis: Userseiten sind Seiten, die von Ihnen erstellt wurden. Systemseiten sind Seiten, die automatisch erstellt wurden, wie zum Beispiel das Impressum. 3. Im Eingabefeld befindet sich ein Beispiel für eine Seitenbeschreibung. Gemäß dem Hinweis darüber müssen Sie zunächst eine Seite aus der Auflistung im unteren Bereich auswählen, bevor Sie in das Feld eine Beschreibung eintippen können. Hinweis: Durch Klick auf das Fragezeichen über dem Eingabefeld können Sie weitere Informationen zur Seitenbeschreibung einholen. 4. Die Auflistung im unteren Bereich ist in drei Punkte gegliedert. Unter Punkt 1 sehen Sie Ihre Domain, womit die gesamte Webseite abgedeckt ist. Unter Punkt 2 ist Ihre Startseite / die Home aufgeführt. Im Anschluss sehen Sie unter Punkt 3 sämtliche Seiten Ihrer Homepage unabhängig davon ob es System- oder Userseiten sind. Bevor Sie in das Eingabefeld im oberen Bereich etwas eintippen können, müssen Sie hier zunächst auswählen für welche Seite Sie die Seitenbeschreibung anlegen möchten. Entsprechend dem Hinweis empfehlen wir Ihnen zumindest für Punkt 1 und für Punkt 2 Metadaten, in diesem Fall also die Seitenbeschreibung, zu hinterlegen, sodass eine Indizierung, eine Bewertung, bei den Suchmaschinen stattfinden kann. Bitte klicken Sie links auf die Domain bzw. auf die Seite, für die Sie eine Seitenbeschreibung vergeben möchten. Schmetterling Quadra 23

24 Hinweis: Wenn Sie für die gesamte Webseite unter Punkt 1 eine Seitenbeschreibung angelegt haben, wird diese auch für alle Einzelseiten verwendet, solange Sie dafür keine separate Seitenbeschreibung angelegt haben. Deswegen ist es sehr wichtig hier eine Angabe zu tätigen. Hinweis: Ob Sie für eine Seite bereits eine Seitenbeschreibung angelegt haben, sehen Sie rechts neben dem Pfeil. In unserem Beispiel befindet sich hier kein Eintrag, woran Sie erkennen, dass für keine Seite eine Seitenbeschreibung angelegt wurde. 5. Nun sehen Sie einen blinkenden Cursor im Eingabefeld und darüber als Bestätigung einen Hinweis für welche Seite Sie gerade eine Seitenbeschreibung anlegen. Darüber hinaus sehen Sie die Empfehlung nicht mehr als ca. 160 bis 180 Zeichen zu verwenden. 6. Wenn Sie Ihre Seitenbeschreibung eingetippt haben, klicken Sie bitte unten rechts auf Speichern. Schmetterling Quadra 24

25 7. Nun ist Ihre Seitenbeschreibung gespeichert und eingefügt. Dies erkennen Sie auch daran, dass in der unteren Auflistung rechts neben Ihrer gewählten Seite der Beginn der Beschreibung eingetragen ist. 8. Über den gleichen Weg können Sie Ihre eingestellte Seitenbeschreibung wieder ändern oder eine neue Seitenbeschreibung für andere Seiten anlegen. Hinweis: Google registriert Ihre Einstellungen in regelmäßigen Abständen. Dies kann unter Umständen mehrere Wochen dauern. Hinweis: Bitte beachten Sie, dass die Seitenbeschreibung immer passend zum Inhalt der jeweiligen Seite sein sollte. 9. Wenn Sie alle gewünschten Seitenbeschreibungen angelegt haben und mit Bearbeitungen an anderer Stelle der Homepage fortfahren möchten, dann kehren Sie mit dem gleichnamigen Button oben rechts zurück in den Admin Bereich. Schmetterling Quadra 25

26 2.7 Keywords vergeben Mit Schmetterling Quadra können Sie für jede Seite Ihrer Homepage Keywords vergeben. Diese Schlüsselwörter bezeichnen unter anderem den Suchbegriff, den Internet-Nutzer in das Suchfeld einer Suchmaschine eingeben, um eine bestimmte Webseite zu finden. 1. Im Admin Bereich drücken Sie bitte auf den Button Keywords unter der Rubrik Suchmaschinen. 2. Nun gelangen Sie in eine Ansicht wo Sie im oberen Bereich ein Eingabefeld vorfinden und im unteren Bereich eine Auflistung aller System- und Userseiten Ihrer Homepage. Hinweis: Userseiten sind Seiten, die von Ihnen erstellt wurden. Systemseiten sind Seiten, die automatisch erstellt wurden, wie zum Beispiel das Impressum. 3. Im Eingabefeld befinden sich Beispiele für mögliche Keywords. Gemäß dem Hinweis darüber müssen Sie zunächst eine Seite aus der Auflistung im unteren Bereich auswählen, bevor Sie in das Feld Ihre Keywords eintippen können. Schmetterling Quadra 26

27 Hinweis: Durch Klick auf das Fragezeichen über dem Eingabefeld können Sie weitere Informationen zu Keywords einholen. 4. Die Auflistung im unteren Bereich ist in drei Punkte gegliedert. Unter Punkt 1 sehen Sie Ihre Domain, womit die gesamte Webseite abgedeckt ist. Unter Punkt 2 ist Ihre Startseite / die Home aufgeführt. Im Anschluss sehen Sie unter Punkt 3 sämtliche Seiten Ihrer Homepage unabhängig davon ob es System- oder Userseiten sind. Bevor Sie in das Eingabefeld im oberen Bereich etwas eintippen können, müssen Sie hier zunächst auswählen für welche Seite Sie Keywords vergeben möchten. Entsprechend dem Hinweis empfehlen wir Ihnen zumindest für Punkt 1 und für Punkt 2 Metadaten, in diesem Fall also Keywords, zu hinterlegen, sodass eine Indizierung, eine Bewertung, bei den Suchmaschinen stattfinden kann. Bitte klicken Sie links auf die Domain bzw. auf die Seite, für die Sie Keywords vergeben möchten. Schmetterling Quadra 27

28 Hinweis: Wenn Sie für die gesamte Webseite unter Punkt 1 Keywords vergeben haben, werden diese auch für alle Einzelseiten verwendet, solange Sie dafür keine separaten Keywords vergeben haben. Deswegen ist es sehr wichtig hier eine Angabe zu tätigen. Hinweis: Ob Sie für eine Seite bereits Keywords vergeben haben, sehen Sie rechts neben dem Pfeil. In unserem Beispiel befindet sich hier kein Eintrag, woran Sie erkennen, dass für keine Seite Keywords vergeben wurden. 5. Nun sehen Sie einen blinkenden Cursor im Eingabefeld und darüber als Bestätigung einen Hinweis für welche Seite Sie gerade Keywords vergeben. Darüber hinaus sehen Sie die Empfehlung nicht mehr als ca. 160 bis 180 Zeichen zu verwenden. 6. Wenn Sie Ihre Keywords eingetippt haben, klicken Sie bitte unten rechts auf Speichern. Hinweis: Greifen Sie bei der Auswahl Ihrer Keywords nicht auf allgemeingültige Begriffe wie Pauschalurlaub oder Reisen zurück, sondern nehmen Sie individuelle Schlüsselwörter. Darüber hinaus können Sie das Google Keyword-Tool zur Identifikation passender Keywords benutzen. Dieses finden Sie rechts neben dem Eingabefeld hinter dem Link Welches Keyword ist das richtige?. Schmetterling Quadra 28

29 7. Nun sind Ihre Keywords gespeichert und eingefügt. Dies erkennen Sie auch daran, dass in der unteren Auflistung rechts neben Ihrer gewählten Seite die Keywords eingetragen sind. 8. Über den gleichen Weg können Sie Ihre eingestellten Keywords wieder ändern oder neue Keywords für andere Seiten vergeben. Hinweis: Google registriert Ihre Einstellungen in regelmäßigen Abständen. Dies kann unter Umständen mehrere Wochen dauern. Hinweis: Bitte beachten Sie, dass sich Ihre Keywords immer im Inhalt der jeweiligen Seite wiederfinden sollten. 9. Wenn Sie alle gewünschten Keywords vergeben haben und mit Bearbeitungen an anderer Stelle der Homepage fortfahren möchten, dann kehren Sie mit dem gleichnamigen Button oben rechts zurück in den Admin Bereich. 2.8 Inhalte verwalten In Ihrem Admin Bereich finden Sie unter Inhalte verwalten eine Auflistung Ihrer erstellten Module. Hier sehen Sie auch ob und auf welcher Seite sich Ihre Module befinden. Weiterhin bietet Ihnen dieser Bereich die Möglichkeit bestimmte Module zu kopieren oder endgültig zu löschen. 1. Drücken Sie im Admin Bereich bitte auf den Button Inhalte verwalten unter der Rubrik Erweiterungen. Schmetterling Quadra 29

30 2. In der folgenden Ansicht sehen Sie unter dem Hinweis zu Ihren Möglichkeiten und der Legende sechs Drop Down Menüs, die sechs verschiedene Module darstellen. Schmetterling Quadra 30

31 Hinweis: Die folgenden Erklärungen werden exemplarisch am Text/Bild Inhalt Modul vorgestellt, gelten aber vollkommen identisch auch für die andern fünf Module mit der Ausnahme, dass Ihnen dort keine Vorschau zur Verfügung steht. 3. Klicken Sie bitte auf das Modul zu dem Sie eine Übersicht bekommen möchten. 4. Nun öffnet sich nach unten eine Auflistung, wo Sie verschiedene Möglichkeiten haben Aktive und inaktive Verlinkungen Zunächst sehen Sie eine dreispaltige Tabelle. Darin ist ersichtlich welches Text/Bild Inhalt Modul auf welcher Seite Ihrer Homepage aktiv verlinkt ist oder auf keiner Seite verlinkt ist. Beispiel: Das Text/Bild Inhalt Modul mit dem Namen Begrüßung ist auf der Seite Home, also der Startseite, aktiv verlinkt. Dies erkennen Sie auch am grünen Punkt in der rechten Spalte. Das Text/Bild Inhalt Modul tabellarische Übersicht hingegen ist auf keiner Seite eingestellt. Deswegen haben Sie in der ersten Spalte keinen Namen, sondern nur die Striche und rechts ist der Punkt nicht grün, sondern rot. Schmetterling Quadra 31

32 Hinweis: Den Namen für die Module vergeben Sie ganz individuell beim Erstellen jedes Moduls. Auch den Namen Ihrer Seiten legen Sie selber fest beim Anlegen eines neuen Navigationspunktes Vorschau des Text/Bild Inhalt Moduls Wenn Sie auf die Lupe klicken, öffnet sich in einem neuen Fenster der jeweilige Inhalt. Über das X rechts oben schließen Sie das Fenster und kommen auf Ihre Übersichtsseite zurück. Hinweis: Bitte beachten Sie, dass es sich hier nur um eine Vorschau handelt und Sie an dieser Stelle keine Bearbeitung vornehmen können. Dies können Sie nur im Bearbeitungsmodus Ihrer Homepage, indem Sie bei dem entsprechenden Modul in der Bearbeitungsleiste auf das Zahnrad Bearbeiten klicken. Weitere Informationen hierzu erhalten Sie im Abschnitt Bestehende Module verändern auf Seite Module kopieren Die Module Text/Bild Inhalt, Formulare und Deeplinks können Sie kopieren, indem Sie auf das Symbol mit den zwei Blättern klicken. Schmetterling Quadra 32

33 Daraufhin öffnet sich ein Dialog zur Eingabe eines neuen Namens für dieses Modul. Sobald Sie den Namen geändert haben und mit ok bestätigen, ist dieses Modul kopiert und unter dem neuen Namen abgespeichert. Hinweis: Bestehende Module können Sie im Bearbeitungsbereich Ihrer Homepage über Modul hinzufügen auf die Internetseite einfügen. Weitere Informationen entnehmen Sie bitte der Anleitung Deeplink einfügen, Formular anlegen bzw. Text/Bild Inhalt einfügen, je nachdem welches Modul Sie kopiert haben Module endgültig löschen Grundsätzlich entfernen Sie alle Module immer im Bearbeitungsbereich Ihrer Homepage von Ihrer Internetseite, indem Sie den Mülleimer in der Bearbeitungsleiste des jeweiligen Moduls klicken. Dadurch wird das Modul aber nicht endgültig gelöscht, sondern als inaktiv im Admin Bereich angezeigt (Siehe 4.1 Aktive und inaktive Verlinkungen). Diese Inhalte bleiben im System aber gespeichert, sodass Sie diese über das jeweilige Modul jederzeit wieder einfügen können. Hier unter Inhalte verwalten haben Sie nun die Möglichkeit Module, die Sie nicht mehr benötigen endgültig zu löschen. Dazu klicken Sie bitte auf das Zahnrad des jeweiligen Moduls. Bei Modulen, die noch aktiv verlinkt sind, öffnet sich Ihnen jetzt folgendes Fenster: Schmetterling Quadra 33

34 Hier müssen Sie zuerst die Verlinkung entfernen, bevor Sie das Modul endgültig löschen können. Dazu klicken Sie bitte auf das rote X hinter der Seite, auf der sich das Modul befindet. Danach erscheint dann folgendes Fenster mit dem Hinweis, dass dieser Inhalt nicht mehr aktiv verlinkt ist. Nun können Sie das Modul endgültig löschen, indem Sie die entsprechende Frage mit Ja bestätigen. Hinweis: Wenn Sie Inhalte löschen möchten, die bereits nicht mehr aktiv verlinkt sind, also mit einem roten Punkt angezeigt werden, erscheint sofort dieses zweite Fenster. 5. Sobald Sie mit Ihren Bearbeitungen in dieser Rubrik fertig sind, können Sie über den entsprechenden Button zum Admin Bereich zurückkehren und weitere Bearbeitungen an anderer Stelle vornehmen. Schmetterling Quadra 34

35 2.9 Mediathek Die Mediathek von Schmetterling Quadra ist Ihr Speicherort für sämtliche Bilder und PDF-Dateien, die Sie auf Ihrer Homepage verwenden. In Ihrer Mediathek können Sie alle Dateien in Ordner ablegen, Bilder bearbeiten, umbenennen, löschen etc. oder auch den Urheber Ihrer Dateien ändern. 1. Drücken Sie im Admin Bereich bitte auf den Button Mediathek unter der Rubrik Erweiterungen. 2. Nun öffnet sich im Vordergrund ein neues Fenster mit Ihrer Mediathek. Sofern Sie schon Dateien in die Mediathek hochgeladen haben, sehen Sie nun im Hauptbereich den Namen aller Dateien, die Dateigröße, um welchen Dateitypen es sich handelt, das Änderungsdatum sowie den Urheber, den Sie beim Hochladen der Datei angegeben haben. Schmetterling Quadra 35

36 Hier haben Sie nun mehrere Möglichkeiten, die Ihnen anschließend erläutert werden Ordner erstellen Wenn Sie einen neuen Ordner erstellen möchten, klicken Sie bitte auf den Button Ordner erstellen im linken Bereich. Anschließend öffnet sich Ihnen folgendes Fenster wo Sie bei Ordnername einen beliebigen Namen vergeben können. Schmetterling Quadra 36

37 Wenn Sie den Namen eingetippt haben, klicken Sie bitte auf Erstellen. Ihr neuer Ordner wurde in der Übersicht eingefügt. Hinweis: In Ihrer Mediathek ist ein zweigliedriges Ordnersystem möglich. Das bedeutet, dass Sie innerhalb eines Ordners keinen neuen Unterordner erstellen können, sondern nur im Hauptbereich Ordner anlegen können Dateien hochladen Über den Button Hochladen im linken Bereich können Sie Dateien in Ihre Mediathek hochladen. Dadurch wird aber das Bild oder die PDF-Datei noch nicht auf Ihrer Homepage angezeigt, sondern sie werden nur in die Mediathek hochgeladen. Wie Sie generell Bilder mit Schmetterling Quadra hochladen oder aus Ihrer Mediathek auf Ihre Homepage einfügen, erfahren Sie im Abschnitt Bilder einfügen auf Seite 69. In diesem Abschnitt erfahren Sie Schmetterling Quadra 37

38 auch wie Sie den Button Auf Seite einfügen richtig benutzen Aktualisieren Durch Klick auf diesen Button aktualisieren Sie Ihre Mediathek. Sollte ein Vorgang nicht sofort angezeigt werden, können Sie mit diesem Button getätigte Änderungen übernehmen Dateien verschieben / kopieren Ihre Dateien können Sie jederzeit in andere Ordner verschieben oder kopieren. Dazu müssen Sie zunächst auswählen welche Dateien Sie verschieben/kopieren möchten, indem Sie in das Kästchen links neben der entsprechenden Datei klicken, sodass sich darin ein Haken einfügt. Schmetterling Quadra 38

39 Hinweis: Ordner können Sie weder verschieben noch kopieren. Deswegen sollten Sie diese nicht in Verbindung mit anderen Bildern anhaken, wenn Sie mehrere Bilder verschieben oder kopieren möchten. Sie können auch mehrere Dateien gleichzeitig auswählen. Darüber hinaus können Sie auch alle Dateien gleichzeitig auswählen oder abwählen. Dazu stehen Ihnen die zwei Buttons im oberen Bereich der Mediathek zur Verfügung. Wenn Sie nun Ihre Auswahl durch Anhaken getroffen haben, stehen Ihnen die zwei Buttons im oberen Bereich Ausschneiden und Kopieren zur Verfügung. Je nachdem ob Sie Ihre Dateien verschieben oder kopieren möchten, drücken Sie bitte den entsprechenden Button. Nun befinden sich Ihre Dateien im Zwischenspeicher. Dies erkennen Sie daran, dass der Button Einfügen rechts daneben nicht mehr ausgegraut ist, Schmetterling Quadra 39

40 sondern in derselben Stärke erscheint, wie alle anderen Buttons auch. Um nun den Vorgang abzuschließen, müssen Sie in den Ordner wechseln, in den Sie Ihre Dateien verschieben oder kopieren möchten. Dazu klicken Sie bitte auf den Namen des Ordners. Sofern Sie in den Ordner nicht bereits Dateien eingefügt haben, öffnet sich Ihnen jetzt der leere Ordner. Im linken Bereich unter Ausgewählter Ordner können Sie überprüfen ob Sie sich im richtigen Ordner befinden. Durch Klick auf den Button Einfügen werden Ihre ausgewählten Dateien aus dem Zwischenspeicher nun in diesen Ordner eingefügt. Hinweis: Wenn Sie die Option kopieren gewählt haben, befinden sich die angehakten Dateien nun im Hauptbereich und auch im ausgewählten Ordner. Bei der Option Ausschneiden wurden die angehakten Dateien aus dem Hauptbereich entfernt und befinden sich folglich nur noch im ausgewählten Ordner. Um in Ihre Hauptübersicht zurückzukehren, drücken Sie bitte den gelben, nach oben gerichteten Pfeil Ansehen Mit dieser Option können Sie sich ein ausgewähltes Bild in der Originalgröße anzeigen lassen. Dazu klicken Sie bitte wieder zunächst in das leere Kästchen links neben dem Bild, das Sie in der Originalgröße ansehen möchten und danach auf den Button Ansehen. Schmetterling Quadra 40

41 Nun öffnet sich in einem separaten Fenster das Bild in seiner Originalgröße. Um zu Ihrer Mediathek zurückzukehren, müssen Sie das Fenster das sich geöffnet hat nur wieder schließen Bilder bearbeiten Mit Schmetterling Quadra haben Sie in gewissem Umfang auch die Möglichkeit Ihre Bilder zu bearbeiten. Dazu haken Sie bitte zunächst das Bild an, das Sie bearbeiten möchten und anschließend auf Bearbeiten. Hinweis: Am Ende des Bearbeitungsprozesses wird Ihr Originalbild durch Ihre Bearbeitung überschrieben. Wenn Sie das Originalbild in Ihrer Mediathek beibehalten möchten, empfehlen wir das Bild vor der Bearbeitung zu kopieren. Jetzt öffnet sich folgendes Bearbeitungsfenster wo Sie Ihr ausgewähltes Bild in der Originalgröße sehen. Schmetterling Quadra 41

42 Im oberen Bereich sehen Sie die vier Bearbeitungsmöglichkeiten, die Ihnen zur Verfügung stehen: Zuschneiden, Größe ändern, Spiegeln und Drehen. Im Folgenden erfahren Sie wie Sie ein Bild zuschneiden können. Die andern drei Möglichkeiten, die Sie haben, laufen analog dazu ab. Klicken Sie nun bitte auf Zuschneiden. Nun wird ihr Bild zunächst vollkommen ausgegraut. Jetzt haben Sie die Möglichkeit Ihr Bild auf den Bereich zu beschneiden, den Sie benötigen. Dazu klicken Sie bitte mit der linken Maustaste in das Bild, halten diese gedrückt und ziehen den Rahmen, der Ihnen gerade erscheint, so groß wie Sie das Bild haben möchten. Der Bereich innerhalb des Rahmens wird jetzt auch wieder in der Originalfarbe dargestellt, während der Bereich außerhalb des Rahmens nach wie vor ausgegraut ist. Ihren Rahmen können Sie auch nachträglich noch vergrößern oder verkleinern, indem Sie an den weißen Quadraten den ausgewählten Bereich nach innen oder außen ziehen. Weiterhin können Sie im oberen Bereich bei den Feldern Breite und Höhe ablesen wie groß Ihr aktuelles Bild ist. Die Maßeinheit beträgt Pixel. Wenn Sie in Ihrem Ausschnitt nun den Bereich sehen auf den Sie Ihr Bild zuschneiden möchten, klicken Sie bitte auf Speichern. Schmetterling Quadra 42

43 Nun sehen Sie Ihr zugeschnittenes Bild. Gleichzeitig haben Sie rechts oben den Hinweis, dass es sich hier nur um eine Vorschau handelt. Wenn Sie mit der Vorschau zufrieden sind, klicken Sie bitte erneut auf Speichern. Jetzt erhalten Sie Ihr zugeschnittenes Bild und haben noch die Möglichkeit dafür einen neuen Namen zu vergeben. Dazu klicken Sie bitte in das Eingabefeld, tippen Ihren neuen Namen ein und klicken anschließend bitte auf Speichern rechts neben der Eingabe. Nun erhalten Sie noch den Hinweis, dass Ihre Originaldatei überschrieben wird. Sobald Sie diese Meldung mit Ja bestätigen, ist Ihr Bearbeitungsprozess abgeschlossen. Das zugeschnittene Bild können Sie nun in der Mediathek auswählen. Schmetterling Quadra 43

44 2.7. Dateien umbenennen Wenn Sie den Namen Ihrer Dateien ändern möchten, haken Sie bitte zunächst wieder das Bild an, welches Sie umbenennen wollen und klicken dann auf den Button Umbenennen. Jetzt haben Sie die Möglichkeit in das Eingabefeld, das sich Ihnen eröffnet hat, einen neuen Namen einzutragen. Wenn Sie fertig sind drücken Sie bitte die Entertaste auf Ihrer Tastatur, um den Prozess abzuschließen Dateien löschen Möchten Sie Dateien aus Ihrer Mediathek löschen, müssen Sie zunächst wieder eine Datei oder mehrere Dateien anhaken. Daraufhin können Sie mit dem Button Löschen oben rechts die gewählten Dateien aus Ihrer Mediathek löschen. Hinweis: Durch das Löschen einer Datei aus der Mediathek, wird diese nicht mehr auf Ihrer Homepage angezeigt. Schmetterling Quadra 44

45 2.9. Dateien suchen Für den Fall, dass Ihre Mediathek sehr voll geworden ist und Sie nicht mehr genau wissen in welchem Ordner sich eine konkrete Datei befindet, steht Ihnen in der Mediathek eine Suchfunktion zur Verfügung. Geben Sie oben links bitte den Namen der Datei ein, die Sie suchen und drücken danach die Entertaste auf Ihrer Tastatur. Nun werden Ihnen Dateien mit demselben oder ähnlichen Namen angezeigt. Hinweis: Um in die Hauptansicht Ihrer Mediathek zurückzukehren, nehmen Sie den Suchbegriff aus dem Eingabefenster heraus, indem Sie den Schriftzug markieren und die Taste Entf auf Ihrer Tastatur klicken, und bestätigen diesen Vorgang mit der Entertaste Urheber ändern Wenn Sie nachträglich den Urheber eines Bildes oder einer PDF-Datei ändern möchten, klicken Sie bitte mit der rechten Maustaste auf das jeweilige Bild. Nun öffnet sich Ihnen ein Kontextmenü. Hier sehen Sie neben den sechs Auswahlmöglichkeiten, die Sie auch im oberen Bereich Ihrer Mediathek haben, zusätzlich den Befehl Urheber ändern. Klicken Sie diesen Button bitte an. Schmetterling Quadra 45

46 Jetzt ist der Cursor Ihrer Maus in die letzte Spalte gesprungen, in ein Eingabefeld, in das Sie Ihren neuen Urheber eintippen können. Beenden Sie diesen Vorgang bitte durch Drücken der Entertaste, sodass der Urheber entsprechend geändert in die Mediathek übernommen wird. Hinweis: In Ihrem Impressum finden Sie auch eine Auflistung aller Bilder, die Sie auf Ihrer Homepage benutzen inklusive einer Urheberangabe. Direkt im Impressum können Sie den Urheber nicht ändern, sondern nur über diesen aufgezeigten Weg in der Mediathek. 3. Wenn Sie Ihre Bearbeitungen in der Mediathek vorgenommen haben und zurück in Ihren Admin Bereich kehren möchten, drücken Sie bitte das weiße X oben rechts in Ihrer Mediathek. Schmetterling Quadra 46

47 2.10 Gästebuch administrieren Mit Schmetterling Quadra können Sie Ihrer Homepage ein Gästebuch hinzufügen und dieses anschließend administrieren. Somit können Besucher Kommentare auf Ihrer Seite hinterlassen. Wie das Gästebuch ausschaut, sehen Sie unter 1. Um die Systemseite Gästebuch anzulegen oder daran die Administration vorzunehmen, drücken Sie im Admin Bereich bitte auf den Button Gästebuch unter der Rubrik Erweiterungen. Hinweis: Um ein Gästebuch als Modul, zum Beispiel unterhalb eines bestehenden Inhaltes, einzufügen, können Sie den Abschnitt Gästebuch einfügen auf Seite 153 zu Rate ziehen. 2. Im oberen Bereich der folgenden Ansicht können Sie zunächst festlegen, ob Sie das Gästebuch verwenden möchten. Wenn Sie auf Nein klicken, wird die Systemseite Gästebuch nicht auf Ihrer Homepage angelegt bzw. wieder entfernt. Wenn Sie auf Ja klicken, können Sie ein Gästebuch einfügen. Damit dies automatisch geschieht, klicken Sie bei der zweiten Frage bitte ebenfalls auf Ja, sodass ein separater Navigationspunkt mit dem Gästebuch angelegt wird. Darüber hinaus können Sie wählen, ob Sie bei neuen Einträgen in Ihrem Gästebuch per informiert werden möchten. Dazu haken Sie bitte das quadratische Kästchen an. Standardmäßig wird die Benachrichtigung an die Adresse versendet, die bei uns zentral hinterlegt ist. In der Regel ist das Ihre Hier haben Sie aber nun die Möglichkeit einzustellen, dass die jeweilige Benachrichtigung an eine andere Adresse geschickt wird. Dazu tragen Sie diese bitte in das entsprechende Feld ein. Andernfalls können Sie im Feld die voreingestellte belassen. Hinweis: Durch Klick auf das Fragezeichen im oberen Bereich können Sie sich allgemein zum Gästebuch informieren. Schmetterling Quadra 47

48 3. Anschließend können Sie wählen ob Sie Ihr Gästebuch moderieren möchten. Entsprechend den Hinweisen haben Sie zwei Möglichkeiten einschließlich der beschrieben Konsequenzen. Die empfohlene Standardeinstellung ist Ja, weil Sie somit zum Beispiel auch Spam-Mails nicht sofort in Ihrem Gästebuch für alle Leser angezeigt bekommen. Wenn jemand einen Eintrag in Ihrem Gästebuch geschrieben hat, wird dieser somit nicht sofort in Ihrem Gästebuch angezeigt. Er wird erst dann sichtbar, wenn Sie diesen Eintrag freigeschalten haben. Ob Einträge auf Freischaltung warten, sehen Sie im unteren Bereich in der ersten Zeile. In der zweiten Zeile können Sie alle Einträge einsehen. Um nun einen Eintrag freizuschalten, klicken Sie bitte auf die obere Zeile mit dem Hinweis wie viele Einträge auf Freischaltung warten. Hinweis: Wenn Sie keine Freischaltung vornehmen, sondern nur Grundeinstellungen getätigt haben, schließen Sie die Bearbeitung ab, indem Sie unten rechts auf Speichern klicken. 4. In folgender Ansicht haben Sie nun eine Übersicht über alle Einträge, die noch nicht freigeschalten sind. Deutlich wird dies in der Spalte Status am roten Punkt. Schmetterling Quadra 48

49 Um einen Eintrag einzusehen, freizuschalten oder zu löschen, klicken Sie bitte auf den Namen der Person, die den Eintrag erstellt hat. Hinweis: Durch den Button zurück links oben gelangen Sie jeweils immer in die vorherige Bearbeitungsansicht. 5. Nun sehen Sie genau was Ihre Leser geschrieben haben und haben daraufhin drei Möglichkeiten. Bei jedem Eintrag befindet sich oben rechts ein Punkt und ein rotes Kreuz. Durch Klick auf den Punkt können Sie seine Farbe von rot auf grün oder umgekehrt ändern und somit festlegen ob Sie den Eintrag aktiv oder inaktiv setzen wollen. Indem Sie auf den roten Punkt klicken, schalten Sie diesen Eintrag frei. Die Farbe des Punktes ändert sich auf grün. Weiterhin können Sie jeden Eintrag löschen, indem Sie auf das rote Kreuz klicken und bei der anschließenden Frage Ihr Vorhaben bestätigen. Außerdem können Sie einen Eintrag auch kommentieren, indem Sie auf die gleichnamige Schaltfläche unten rechts klicken. 6. Nachdem Sie einen Eintrag freigeschaltet, gelöscht oder kommentiert haben, befinden Sie sich wieder in der Ansicht aus Punkt 4. Sie können nun entweder weitere Einträge freischalten (sofern vorhanden), zurück in die Hauptübersicht mit dem Button zurück oben links wechseln oder sich alle Einträge ansehen, indem Sie den entsprechenden Button oben rechts klicken. Schmetterling Quadra 49

50 Hinweis: In die gleiche Ansicht gelangen Sie auch, wenn Sie im Hauptfenster auf Alle Einträge einsehen/bearbeiten klicken (siehe Punkt 3). 7. In dieser Ansicht sehen Sie alle Einträge unabhängig davon ob Sie diese bereits freigeschalten haben oder nicht. Den Status sehen Sie in der entsprechenden Spalte an der Farbe des Punktes. Indem Sie den Punkt anklicken, ändern Sie die Farbe und können somit Einträge freischalten oder deaktivieren. In der letzten Spalte sehen Sie zu welchen Einträgen Sie Kommentare gesetzt haben. Weiterhin können Sie analog zu Punkt 4 jeden Eintrag anklicken, sodass sich wieder die Einzelansicht öffnet und Sie jeden Eintrag deaktivieren, löschen oder kommentieren können. Mit dem zurück -Button oben links gelangen Sie wieder in die Hauptansicht der Gästebuch-Administration. Wenn Sie mit der Bearbeitung des Gästebuches komplett fertig sind, können Sie über den Button zurück zum Admin Bereich oben rechts in die Hauptplattform zurückkehren und Bearbeitungen an anderer Stelle Ihrer Homepage vornehmen Vote administrieren Mit Schmetterling Quadra können Sie auf Ihrer Homepage im Bearbeitungsmodus eine Kurzumfrage anlegen (siehe Abschnitt Vote anlegen auf Seite 206). Im Admin Bereich erhalten Sie unter anderem eine detaillierte Auflistung aller bisheriger Abstimmungsergebnisse zu jedem bereits angelegten Vote. 1. Um in die Administration des Votes zu gelangen, drücken Sie im Admin Bereich bitte auf den Button Vote unter der Rubrik Erweiterungen. Schmetterling Quadra 50

51 2. Je nachdem ob Sie beim Anlegen Ihrer Umfrage eine Laufzeit festgelegt haben, bekommen Sie jetzt entweder ein Fenster oder Sie gelangen sofort in die Administrationsansicht. Wenn Sie Umfragen mit einer Laufzeit angelegt haben, werden Sie nun darauf hingewiesen welche Votes aktuell auf Ihrer Homepage eingebunden sind und in wie vielen Tagen diese ablaufen. Dieses Fenster schließen Sie oben rechts mit dem weißen Kreuz. 3. Nachdem Sie das Fenster geschlossen haben oder wenn Sie keinen Vote mit einer Laufzeit angelegt haben, gelangen Sie in folgende Ansicht. Hier haben Sie in der ersten Spalte die Namen der Votes, die Sie bereits angelegt haben. In der zweiten Spalte sehen Sie die jeweilige Laufzeit Ihrer Umfrage. In der dritten Spalte sehen Sie an der Farbe des Punktes den Status. Ein grüner Punkt bedeutet, dass der Vote auf Ihrer Homepage angezeigt wird, ein roter Punkt bedeutet das Gegenteil. Einen Vote können Sie löschen, indem Sie auf das rote Kreuz ganz rechts klicken. Um detaillierte Infos zu einem speziellen Vote zu bekommen, klicken Sie bitte auf den Namen der Umfrage. Schmetterling Quadra 51

52 Hinweis: Wenn Sie noch keinen Vote angelegt haben, sehen Sie hier einen Hinweis, dass Sie unter Webseite bearbeiten eine Umfrage anlegen können. Dort können Sie inaktive Votes auch wieder aktiv auf Ihre Seite einfügen (Siehe Abschnitt Vote anlegen auf Seite 206). Hinweis: Durch Klick auf das Fragezeichen im oberen Bereich können Sie sich allgemein zum Vote informieren. 4. In dieser Ansicht sehen Sie nun alle bisher abgegebenen Antworten zur gewählten Umfrage. Zunächst sind die festgelegten Antworten gelistet, darunter alle Freitextantworten. Hier sehen Sie die Angaben genauso wie Sie Ihre Besucher eingetippt haben. Personen, die das Zwischenergebnis auf Ihrer Homepage anschauen, erhalten all diese Antworten nur als Anzahl unter Sonstiges zusammengefasst. 5. Mit dem Button zurück oben links können Sie in die Übersicht aus Punkt 3 zurückkehren und gegebenenfalls weitere Votes einsehen. Wenn Sie die Vote-Bearbeitung abgeschlossen haben, können Sie mit dem gleichnamigen Button oben rechts in den Admin Bereich zurückkehren und Bearbeitungen an anderer Stelle Ihrer Homepage vornehmen Blog administrieren Mit Schmetterling Quadra können Sie auf Ihrer Homepage über den Bearbeitungsbereich einen Blog anlegen (siehe Abschnitt Blog anlegen auf Seite 123). Im Admin Bereich können Sie einen Schmetterling Quadra 52

53 angelegten Blog administrieren, zum Beispiel Kommentare freischalten. 1. Um die Administration vorzunehmen, drücken Sie im Admin Bereich bitte auf den Button Blog unter der Rubrik Erweiterungen. 2. Nun öffnet sich folgende Ansicht. Im oberen Bereich können Sie zunächst festlegen, ob Sie einen Blog verwenden möchten. Wenn Sie auf Nein klicken, können Sie keinen Blog auf Ihrer Homepage anlegen. Bestehende Blogs werden dann ausgeblendet. Wenn Sie auf Ja klicken, müssen Sie entsprechend dem Hinweis einen Blog im Bearbeitungsbereich noch anlegen (siehe Abschnitt Blog anlegen auf Seite 123). Darüber hinaus können Sie wählen ob Sie bei neuen Kommentaren in Ihrem Blog per informiert werden möchten. Dazu haken Sie bitte das quadratische Kästchen an. Standardmäßig wird die Benachrichtigung an die Adresse versendet, die bei uns zentral hinterlegt ist. In der Regel ist das Ihre Hier haben Sie aber nun die Möglichkeit einzustellen, dass die jeweilige Benachrichtigung an eine andere Adresse geschickt wird. Dazu tragen Sie diese bitte in das Feld ein. Andernfalls können Sie das Feld leer lassen. Ihre Änderungen speichern Sie, indem Sie den gleichnamigen Button unten rechts drücken. Hinweis: Durch Klick auf das Fragezeichen im oberen Bereich können Sie sich allgemein zum Blog informieren. Schmetterling Quadra 53

54 3. Wenn jemand einen Kommentar zu einem bestehenden Eintrag geschrieben hat, wird dieser Kommentar nicht sofort in Ihrem Blog angezeigt. Er wird erst dann angezeigt, wenn Sie diesen Kommentar freigeschalten haben. Ob Einträge auf Freischaltung warten, sehen Sie im unteren Bereich in der ersten Zeile. In der zweiten Zeile können Sie alle Blogs, Einträge und Kommentare einsehen. Um nun einen Kommentar freizuschalten oder eine Bearbeitung vorzunehmen, klicken Sie bitte auf die untere Zeile Alle Einträge einsehen/bearbeiten. 4. In folgender Ansicht haben Sie nun eine Übersicht über all Ihre angelegten Blogs. Neben dem Titel in der ersten Spalte sehen Sie in den weiteren Spalten ob der Blog aktiv ist und ob Schmetterling Quadra 54

55 Kommentare zu einem Blog geschrieben wurden. Wenn ein Blog einen roten Punkt hat, ist er inaktiv, das heißt Sie haben einen Blog bereits erstellt, aber noch nicht auf die Homepage eingefügt. Ein Blog mit einem grünen Punkt befindet sich sichtbar auf der Homepage. Um einen Blog einzusehen, einzelne Einträge zu löschen oder inaktiv zu setzen oder auch Kommentare freizuschalten, klicken Sie bitte auf den Namen des Blogs, den Sie bearbeiten möchten. Hinweis: Durch den Button zurück links oben gelangen Sie jeweils immer in die vorherige Bearbeitungsansicht. 5. Jetzt sehen Sie alle Einträge, die zum ausgewählten Blog erstellt wurden. Bei jedem Eintrag befindet sich oben rechts ein Punkt und ein rotes Kreuz. Durch Klick auf den Punkt können Sie seine Farbe von grün auf rot oder umgekehrt ändern und somit festlegen ob Sie den Eintrag aktiv oder inaktiv setzen wollen. Somit entscheiden Sie ob der Eintrag des Blogs dem Kunden angezeigt werden soll oder nicht. Weiterhin können Sie jeden Eintrag löschen, indem Sie auf das rote Kreuz klicken und bei der anschließenden Frage Ihr Vorhaben bestätigen. Am Ende jedes Eintrages sehen Sie den Hinweis ob Kommentare zu dem jeweiligen Eintrag abgegeben wurden. Um sich Kommentare anzeigen zu lassen, klicken Sie bitte auf den entsprechenden Schriftzug. Schmetterling Quadra 55

56 6. Nun klappen die Kommentare zum jeweiligen Eintrag nach unten auf. Sie sehen in der ersten Zeile wer, wann einen Kommentar hinterlassen hat und ab der zweiten Zeile was die Person geschrieben hat. Oben rechts sehen Sie wieder einen Punkt und ein rotes Kreuz. Der Punkt ist standardmäßig zunächst rot. Das bedeutet, dass ein Leser einen Kommentar geschrieben hat, dieser aber noch nicht aktiv auf der Homepage angezeigt wird. Sie können nun entscheiden, ob Sie diesen Kommentar sichtbar machen wollen. Dazu klicken Sie bitte auf den roten Punkt, sodass sich dessen Farbe in grün ändert. Möchten Sie den Kommentar nicht auf Ihrer Homepage haben, können Sie diesen löschen, indem Sie das rote Kreuz drücken. 7. Mit dem Button zurück oben links können Sie in die Übersicht aus Punkt 4 zurückkehren und weitere Blogs bearbeiten. Wenn Sie die Blog-Bearbeitung abgeschlossen haben, können Sie mit dem gleichnamigen Button oben rechts in den Admin Bereich zurückkehren und Bearbeitungen an anderer Stelle Ihrer Homepage vornehmen Soziale Netzwerke Mit Schmetterling Quadra haben Sie die Möglichkeit von Ihrer Homepage sehr schnell und einfach auf Ihre Seiten bei sozialen Netzwerken zu verlinken. Letztlich erscheint ein kleines Icon des jeweiligen Netzwerkes auf Ihrer Homepage hinter dem sich die Verlinkung dorthin befindet. 1. Um die Verlinkungen einzustellen, drücken Sie im Admin Bereich bitte auf den Button Social Media unter der Rubrik Erweiterungen. Schmetterling Quadra 56

57 2. Nun öffnet sich folgender Bereich wo Sie die sieben gängigsten sozialen Netzwerke vorfinden. Dahinter sehen Sie jeweils einen roten Punkt. Dieser signalisiert Ihnen, dass Sie bislang keines der sieben Netzwerke auf Ihre Homepage eingebunden haben. Hinweis: Durch Klick auf das Fragezeichen im oberen Bereich können Sie sich informieren was sich hinter dem Begriff social media verbirgt. 3. Um ein bestimmtes soziales Netzwerk einzubinden, klicken Sie bitte das jeweilige Kästchen an, sodass sich folgendes Fenster öffnet: Schmetterling Quadra 57

58 Hinweis: Hier sehen Sie zwar das Fenster das für Facebook erscheint; die folgende Vorgehensweise ist jedoch auch bei allen anderen sozialen Netzwerken identisch. 4. Nun müssen Sie zunächst die genaue Adresse Ihrer Seite beim jeweiligen sozialen Netzwerk in das dafür vorgesehene Kästchen eintragen. Schmetterling Quadra 58

59 Tipp: Am besten gehen Sie auf Ihre Seite beim jeweiligen Netzwerk, kopieren Sich den genauen Link oben aus der Adresszeile Ihres Browsers und fügen den Link in das dafür vorgesehene Kästchen ein. 5. Die Verlinkung zu der Seite Ihres sozialen Netzwerkes läuft letztlich über ein kleines Icon auf Ihrer Homepage ab. Ob sie dieses Icon lieber rund oder eckig haben möchten, können Sie in der nächsten Zeile entscheiden. Klicken Sie dazu einfach in das entsprechende runde Kästchen. Hinweis: Bei Facebook Page haben Sie nur die eckige Auswahl zur Verfügung. Dieses Icon existiert parallel zum normalen Facebook Icon, sodass Sie sowohl Ihr Profil bei Facebook als auch Ihre Facebook-Seite verlinken können, die die Kunden mit gefällt mir markieren können. Natürlich können Sie auch Ihre Gefällt mir Seite über das Facebook F verlinken. Hinweis: Über das Icon YouTube könnten Sie einzelne YouTube-Videos verlinken. Da Sie diese aber kundenfreundlicher direkt in Ihre Homepage integrieren können (siehe Abschnitt YouTube Video einfügen auf Seite 211), ist es zweckmäßiger über dieses Symbol Ihren YouTube-Channel zu verlinken. Also einen eigenen Kanal, den Sie sich bei YouTube einrichten können. 6. Wenn Sie nun unten rechts auf Speichern klicken, haben Sie Ihre Verlinkung erfolgreich gesetzt. Dies erkennen Sie auch daran, dass sich der rote Punkt neben dem verlinkten sozialen Netzwerk auf grün geändert hat. Somit haben Sie sofort einen Überblick darüber, welche sozialen Netzwerke Sie verlinkt haben und welche nicht. Schmetterling Quadra 59

60 Hinweis: Sollte der grüne Punkt nicht sofort ersichtlich sein, drücken Sie bitte die Tastenkombination Strg und gleichzeitig F5 auf Ihrer Tastatur. Spätestens jetzt nach Aktualisierung der Seite sollte die richtige Farbe des Punktes erscheinen. 7. Nun ist auch der jeweilige Button des verlinkten sozialen Netzwerkes auf Ihrer Homepage sichtbar. Die Position des Buttons ist abhängig von Ihrem Layout So kann sich der Button im oberen oder unteren Bereich Ihrer Homepage befinden oder in der Kontaktbox integriert sein. Diese Position ist innerhalb des Layouts fest und kann somit auch nicht verändert werden. Hinweis: Sie können mehrere soziale Netzwerke gleichzeitig verlinken. Entsprechend erscheinen alle verlinkten Buttons nebeneinander auf Ihrer Homepage. 8. Um eine Verlinkung zu löschen, klicken Sie bitte wieder auf das jeweilige soziale Netzwerk. Wenn Sie nun auf das rote X hinter der Verlinkung klicken, wird diese gelöscht und der Button verschwindet von Ihrer Homepage. Schmetterling Quadra 60

61 9. Nun ist der Punkt in der Übersicht entsprechend wieder rot, als sichtbares Zeichen für Sie, dass hier keine Verlinkung aktiv ist. 10. Im oberen Bereich sehen Sie den Button zurück zum Admin Bereich. Durch Anklicken kommen Sie in Ihre Hauptübersicht zurück und können mit der weiteren Bearbeitung im Admin Bereich fortfahren Hilfestellungen im Admin Bereich In der untersten Zeile des Admin Bereiches sehen Sie eine Rubrik, die mit Hilfe überschrieben ist. Über alle vier Punkte können Sie auf verschiedene Art und Weise Hilfe in Anspruch nehmen. FAQs Drücken Sie bitte auf den Button FAQs, um sich zu häufigen Fragen und Antworten zu informieren. Dahinter öffnet sich Ihnen eine Übersicht, mit einer Reihe an allgemeinen Fragen und Informationen. Im unteren Bereich können Sie zusätzliche Fragen auf weiteren Seiten öffnen. Schmetterling Quadra 61

62 Hinweis: Durch Klick auf das Fragezeichen im oberen Bereich können Sie sich informieren was Sie in diesem Bereich erwartet. Indem Sie eine Frage anklicken, klappt nach unten ein Bereich auf, in dem Sie die Antwort zur jeweiligen Frage nachlesen können. Durch erneutes Klicken auf die Frage klappt das Fenster wieder zu. Schmetterling Quadra 62

63 Um zum Admin Bereich zurückzukehren, drücken Sie oben rechts bitte auf den gleichnamigen Button. Video Tutorials Durch Klick auf diesen Button, gelangen Sie in einen Bereich wo Sie sich zu jedem möglichen Bearbeitungsschritt von Schmetterling Quadra ein Lehrvideo mitsamt einer kurzen Erklärung ansehen können. Support Wenn Sie auf diesen Button klicken, kommen Sie in einen Bereich, wo Sie Ihre individuellen Fragen und Anregungen an den Schmetterling Technologie Support richten können. Dazu öffnet sich Ihnen ein Formular, in dem Sie bereits voreingestellt Ihren Namen und Ihre Adresse sehen. Direkt darunter können Sie in das leere Eingabefeld Ihr individuelles Anliegen eintragen. Sobald Sie auf senden unten rechts drücken, wird das Formular an Schmetterling übermittelt. Oberhalb des Formulars sehen Sie zusätzlich die Telefonnummer des Schmetterling Technologie Supports, über die Sie Ihr Anliegen mündlich äußern können. Hinweis: Ob Sie den schriftlichen oder den telefonischen Weg wählen, spielt für die zeitliche Bearbeitung keine Rolle. Sämtliche Anfragen werden chronologisch per Rückruf abgearbeitet. Schmetterling Quadra 63

64 Im unteren Teil sehen Sie eine Reihe von Begriffen. Wenn Ihr Anliegen sich mit einem der Begriffe abbilden lässt, können Sie diesen anklicken. Daraufhin erhalten Sie ein Ergebnis aus der Rubrik FAQs, das Ihre Frage beantworten könnte. Um zum Admin Bereich zurückzukehren, drücken Sie oben rechts bitte auf den gleichnamigen Button. Kurzanleitungen Mit dem Button Kurzanleitungen ganz rechts gelangen Sie zu einer Übersichtsseite, wo Sie sich Kurzanleitungen zu jedem möglichen Bearbeitungsschritt von Schmetterling Quadra als PDF Datei ansehen oder ausdrucken können. Während Sie beim obersten Block nur auf die Anleitung zum Login für Schmetterling Quadra zugreifen können, haben Sie hinter den unteren beiden Verlinkungen sämtliche Anleitungen zum Admin Bereich und zum Bearbeitungsbereich der Webseite. Um sich schnell orientieren zu können, sind die Anleitungen so angeordnet wie Sie die Bearbeitungsschritte auch im Bearbeitungsmodus vorfinden. Schmetterling Quadra 64

65 2.15 Checkliste zur Vollständigkeit In der rechten Spalte des Admin Bereiches finden Sie unter der Nennung der Domain einen weiteren Block, in dem Sie eine prozentuale Angabe über die Vollständigkeit Ihrer Homepage sehen. Innerhalb dieses Blockes können Sie unten rechts auf den geschwungenen Pfeil klicken, um die Ansicht zu aktualisieren. Neu vorgenommene Änderungen fließen nun in diese Messung mit ein. Die prozentuale Angabe setzt sich aus verschiedenen Kriterien zusammen. Diese können Sie überprüfen, indem Sie auf den Button Was fehlt noch? klicken. Schmetterling Quadra 65

66 Daraufhin öffnet sich Ihnen ein neues Fenster, wo Sie unter der allgemeinen Erklärung die verschiedenen Kriterien tabellarisch gelistet haben, aus denen sich die prozentuale Angabe zusammensetzt. Hier können Sie nun nachverfolgen welche Stellen Sie bereits bearbeitet haben und wo noch Bedarf besteht. Je nach Wichtigkeit bekommt jedes Kriterium eine unterschiedlich große Gesamtpunktzahl, die Sie in der der vierten Spalte der Tabelle sehen können. In der Spalte davor ist dieser Status nochmal anhand der Ampelfarben dargestellt. Neben der Übersicht haben Sie in diesem Fenster auch die Möglichkeit sofort zur Bearbeitung des jeweiligen Kriteriums zu gelangen. Dazu klicken Sie bitte jeweils auf das Zahnrad in der letzten Spalte. Um in den Admin Bereich zurückzukehren, klicken Sie bitte oben rechts auf das weiße Kreuz. Hinweis: Die aufgelisteten Kriterien dienen in erster Linie der Übersicht und Orientierung. Alleine anhand der prozentualen Angabe kann nicht abschließend festgestellt werden, wie vollständig Ihre Homepage ist. Schmetterling Quadra 66

67 2.16 Expertentipps Direkt im Anschluss an die Checkliste sind drei Expertentipps aufgeführt. Diese drei Fragen beziehen sich alle auf die Suchmaschinenoptimierung Ihrer Homepage. Um die Antwort der jeweiligen Frage zu erhalten, klicken Sie diese bitte an. Daraufhin öffnet sich Ihnen ein Fenster in dem Sie die jeweilige Antwort nachlesen können. Um in den Admin Bereich zurückzukehren, klicken Sie bitte oben rechts auf das weiße Kreuz Releases Im Admin Bereich unten rechts sehen Sie eine Schaltfläche, die auf das aktuelle Release von Schmetterling Quadra verweist. Um sich über die neuen Funktionen und Verbesserungen zu informieren, klicken Sie bitte diese Schaltfläche an. Schmetterling Quadra 67

68 Hinweis: Ein Release beschreibt alle Neuerungen und Verbesserungen, die am Produkt vorgenommen wurden und Ihnen als Kunden ab sofort zur Verfügung stehen. Jetzt befinden Sie sich in einer Übersicht, wo sowohl das aktuelle, als auch die älteren Releases gelistet sind. Indem Sie auf die jeweilige Zeile klicken, gelangen Sie zur detaillierten Beschreibung der Releases. Hier können Sie sich nun informieren welche Neuerungen Ihnen ab sofort bei der Homepagegestaltung zur Verfügung stehen. Schmetterling Quadra 68

69 3. Webseite bearbeiten In Schmetterling Quadra nehmen Sie sämtliche Bearbeitungen Ihrer Homepage direkt auf der Webseite vor. Um nun in diesen Bearbeitungsbereich zu gelangen, drücken Sie im Admin Bereich bitte auf den roten Button Webseite bearbeiten. Nun öffnet sich Ihnen Ihre Homepage im Bearbeitungsmodus. Sämtliche Bearbeitungsoptionen, die Sie nun mit Schmetterling Quadra haben, werden im Anschluss beschrieben. 3.1 Bilder einfügen Mit Schmetterling Quadra können Sie Bilder grundsätzlich auf zwei verschiedenen Wegen auf Ihre Homepage einbauen. An jeder Stelle, wo Sie Bilder auf Ihre Seite einstellen können, werden Ihnen folgende zwei Buttons begegnen: Sie haben die Möglichkeit ein Bild von der Mediathek einzufügen oder auch von Ihrem PC hochzuladen. Bilder vom PC hochladen 1. Wenn Sie ein Bild vom PC hochladen möchten, klicken Sie auf den Button Durchsuchen. 2. Nun erscheint folgendes Fenster: Schmetterling Quadra 69

70 Hinweis: In den ersten beiden Zeilen können Sie sich darüber informieren, welche Dateitypen Sie hochladen können und dass die maximale Dateigröße 4 mb beträgt. 3. Nachdem Sie auf den Button Bitte Dateien auswählen geklickt haben, öffnet sich ein Fenster, das die Ordnerstruktur Ihres PCs widerspiegelt. Dieses wird in etwa so aussehen: 4. Die Datei, die Sie einfügen möchten, klicken Sie bitte an und drücken auf Öffnen bzw. Speichern. Daraufhin erscheint folgendes Fenster: Schmetterling Quadra 70

71 5. Um ein Bild mit Schmetterling Quadra nun hochladen zu können, müssen Sie zwei Angaben tätigen. Zum einen müssen Sie bestätigen, dass Ihnen die Rechte an den Inhalten zustehen, indem Sie mit der Maus in das entsprechende Kästchen klicken, sodass sich ein Haken setzt. Zum anderen müssen Sie einen Urheber angeben, indem Sie in das entsprechende Feld den Namen des Urhebers eintippen. Manche Bilder erfordern zusätzlich die Angabe der Bilddatenbank, von der ein Bild gekauft wurde. Schmetterling Quadra 71

72 Hinweis: Wenn Sie Bilder selbst gemacht haben, können Sie Ihren Namen oder den Ihres Reisebüros angeben. Wenn Sie Bilder gekauft haben, wird Ihnen mitgeteilt in welcher Form der Urheber und gegebenenfalls die Bilddatenbank angegeben werden muss. Bitte laden Sie auch nur Bilder hoch, bei denen diese Frage geklärt ist. Andernfalls kann der Eigentümer rechtliche Schritte gegen Sie einleiten. 6. Erst wenn Sie sowohl den Haken gesetzt als auch den Urheber angegeben haben, ist es Ihnen möglich ein Bild hochzuladen, indem Sie auf den Button Hochladen klicken. 7. Jetzt ist Ihr Bild vom PC hochgeladen und erscheint an der Stelle, wo Sie das Hochladen begonnen haben. Zusätzlich wird jedes hochgeladene Bild auch immer in Ihrer Mediathek gespeichert, sodass Sie jedes Bild auch immer nur ein einziges Mal hochladen müssen. Bilder aus der Mediathek einfügen 1. Wenn Sie ein Bild aus der Mediathek einfügen möchten, klicken Sie auf den Button Mediathek. 2. Nun öffnet sich Ihre Mediathek: Schmetterling Quadra 72

73 Hinweis: Detailliertere Informationen zur Mediathek entnehmen Sie bitte dem Abschnitt Mediathek auf Seite Markieren Sie das Bild, das Sie einfügen möchten, indem Sie auf das leere Kästchen vor dem Namen klicken. Hinweis: Im linken Bereich sehen Sie eine kleine Vorschau des Bildes, das Sie ausgewählt haben. Wenn Sie das Bild in Originalgröße betrachten möchten, klicken Sie auf den Button Ansehen. Es öffnet sich ein neues Fenster. Um zur Mediathek zurückzukehren schließen Sie dieses Fenster wieder. 4. Um nun das ausgewählte Bild auf Ihre Seite einzufügen, klicken Sie bitte auf den Button Auf Seite einfügen. Schmetterling Quadra 73

74 5. Das gewählte Bild ist nun an der Stelle der Homepage eingefügt, wo Sie diesen Prozess begonnen haben. 3.2 Layout wechseln und Hintergrund anpassen Schmetterling Quadra bietet Ihnen die Möglichkeit das Layout Ihrer Homepage jederzeit zu wechseln und auch Ihren Hintergrund individuell anzupassen. Eine Vorschau über alle verfügbaren Schmetterling Layouts und alle Layouts, der anderen Kooperationen der QTA finden Sie unter 1. Auf der rechten Seite im Bearbeitungsmodus sehen Sie einen Navigator mit vier Buttons. Bitte klicken Sie auf den obersten Button Layouts. Hinweis: Im Layout der Kooperationen TuiTravel Star und Neckermann Partner ist dieser Button nicht verfügbar. Da hier der Schwerpunkt auf einem einheitlichen Auftreten der Kooperationspartner liegt, können Sie das Layout und den Hintergrund nicht ändern. Schmetterling Quadra 74

75 2. Nun öffnet sich Ihnen ein Fenster wo Sie anhand der beiden Reiter wählen können ob Sie ein bestehendes Musterlayout wählen oder den Hintergrund bearbeiten möchten. Layout wechseln 1. Standardmäßig befinden Sie sich bereits im Bereich Musterlayouts. Das Layout, das aktuell auf Ihrer Homepage eingestellt ist, ist schwarz umrahmt. 2. Um nun ein anderes Layout einzustellen, müssen Sie nur auf Ihr Wunsch-Layout klicken. Anschließend wird ein Hinweis erscheinen, der Ihnen aufzeigt, welche Konsequenzen ein Layoutwechsel haben kann. Bei Klick auf abbrechen gelangen Sie wieder in Ihr Übersichtsfenster und können ein anderes Layout wählen. Wenn Sie auf ok drücken, wird Ihre Homepage auf das gewählte Layout umgestellt. Schmetterling Quadra 75

76 Hinweis: Inhaltlich wird bei einem Layoutwechsel alles mit übernommen; sie haben keinen Verlust. Folglich ändert sich nur die optische Darstellung. 3. Nach einigen Sekunden ist Ihr neues Layout eingestellt. Es ist möglich, dass aufgrund des Zwischenspeichers Ihres PCs, einzelne Elemente des alten Layouts noch angezeigt werden. Indem Sie die Tastenkombination Strg und F5 drücken, löschen Sie diesen Zwischenspeicher und aktualisieren Ihre Seite. 4. Entsprechend dem Hinweis, ist es möglich, dass der Header angepasst werden muss. Das Bild des vorherigen Layouts wird mit übernommen. Aufgrund verschiedener Größen in den unterschiedlichen Layouts, müssen Sie Ihr altes Bild größentechnisch anpassen oder durch ein anderes Bild ersetzen. Hinweis: Wie Sie generell Ihren Header bearbeiten entnehmen Sie bitte dem Abschnitt Header bearbeiten auf Seite Bei einem Wechsel von einem Layout in ein Muster, das weniger Navigationspunkte erlaubt, werden überschüssige Navigationspunkte deaktiviert. Diese Punkte werden in der Navigationsleiste zwar nicht mehr angezeigt, wurden aber nicht gelöscht. Durch Umstrukturierungen zu angezeigten Navigationspunkten oder dem Deaktivieren bestehender Navigationspunkte können Sie ausgeblendeten Inhalt wieder in der Navigationsleiste sichtbar machen. Hinweis: Wie Sie generell Ihre bestehende Navigation bearbeiten, entnehmen Sie bitte dem Abschnitt Navigation bearbeiten auf Seite 89. Hintergrund anpassen 1. Um den Hintergrund Ihrer Homepage anzupassen, wechseln Sie bitte auf den Reiter Hintergrund. Dann öffnen sich Ihnen drei verschiedene Optionen, die Sie einstellen können. Schmetterling Quadra 76

77 Hinweis: Mit Hintergrund ist immer der Bereich links und rechts von Ihrer Homepage gemeint. Die folgenden Einstellungen haben keine Auswirkungen auf den Platz zwischen den einzelnen Modulen. Diese Zwischenfarbe ist layoutabhängig und kann nicht verändert werden Einfarbig Unter dem Reiter Einfarbig haben Sie die Möglichkeit einen einfarbigen Hintergrund einzustellen. Dazu steht Ihnen die komplette Farbpalette zur Verfügung. Mit dem Schieberegler in Form der beiden kleinen Dreiecke können Sie einen Farbton auswählen. Im Feld links daneben, können Sie nun auf den exakten Farbwert innerhalb des Farbtones klicken. Die gewählte Farbe wird Ihnen auf der rechten Seite im linken Vorschaufenster angezeigt. Rechts daneben sehen Sie im Vergleich die aktuell eingestellte Farbe. Darunter ist in der linken Spalte aufgeführt, wie Ihr gewählter Farbton im RGB-Farbkreis definiert ist. In der rechten Spalte sind der Farbwert (Hue), die Sättigung (Saturation) sowie die Helligkeit (Brightness) festgelegt. Ganz unten sehen sie den Hex Code, wo die Farbe im Hexadezimalsystem definiert ist. Umgekehrt können Sie in diesen Kästchen auch selber Eingaben tätigen und somit eine exakte Hintergrundfarbe einstellen. Grundsätzlich haben Sie immer die Möglichkeit die Standardfarbe wiederherzustellen, indem Sie auf den gleichnamigen Button unten links drücken. Schmetterling Quadra 77

78 1.2. Farbverlauf Neben einem einfarbigen Hintergrund können Sie auch einen Farbverlauf einstellen. Dazu klicken Sie bitte auf den zweiten Reiter. In den folgenden beiden Zeilen können Sie eine Anfangs- und eine Endfarbe bestimmen. Wenn Sie in das weiße Kästchen hinter der Aufforderung klicken, öffnet sich Ihnen die Farbpalette, wie beim einfarbigen Hintergrund. Auf dieselbe Art und Weise können Sie nun jeweils Ihre beiden Farbwerte einstellen. Zwischen den beiden festgelegten Farben entsteht nun ein Verlauf von der einen zur anderen Farbe. In der dritten Zeile können Sie noch einstellen ob der Verlauf von oben nach unten oder von links nach rechts dargestellt werden soll. Hinweis: Wenn Sie zwischen den drei Optionen wechseln und Änderungen vorgenommen haben, werden Sie gefragt, ob Sie die Änderungen speichern möchten. Hier können Sie mit ok Ihre Änderungen bestätigen oder mit abbrechen die Eingaben verwerfen Eigenes Bild Wenn Sie auf den Reiter Eigenes Bild klicken, sehen Sie die beiden Buttons Mediathek und Durchsuchen. Hier können Sie ein individuelles Bild auswählen und somit als Hintergrund verwenden. Hinweis: Wie Sie generell Bilder durch diese zwei vorgegebenen Varianten auf Ihre Homepage einfügen, erfahren Sie im Abschnitt Bilder einfügen auf Seite 69. Hinweis: Der mittlere Teil Ihres Bildes wird nicht angezeigt werden, da nur der Hintergrund links und rechts Ihres Hauptbereiches dargestellt wird. Entsprechend bieten sich nur manche Bilder als Hintergrundbild an. Schmetterling Quadra 78

79 2. Um Ihren Hintergrund zu speichern, klicken Sie unten rechts bitte auf speichern. Schmetterling Quadra 79

80 3.3 Seitenspezifische Suchmaschinenoptimierung Mit Schmetterling Quadra können Sie für jede Seite Ihrer Homepage einen Seitentitel, eine Seitenbeschreibung und Keywords vergeben. Somit verbessern Sie das Ergebnis bei Internet Suchmaschinen. 1. Auf der rechten Seite sehen Sie einen Navigator mit vier Buttons. Bitte klicken Sie auf den Button Einstellungen. Hinweis: Ihre Suchmaschinenoptimierung nehmen Sie immer genau für die Unterseite Ihrer Homepage vor, auf der Sie diesen Button drücken. 2. Nun öffnet sich ein neues Fenster wo Sie die Metadaten Seitentitel, Seitenbeschreibung und Keywords für jede Seite Ihrer Homepage einstellen und verändern können. Hinweis: Metadaten zu diesen drei Bereichen können Sie auch im Admin Bereich für jede Seite individuell einstellen. Welchen dieser zwei Wege Sie wählen spielt für das Endergebnis keine Rolle. In beiden Fällen werden Ihre Metadaten für die jeweilige Seite eingestellt. Weitere Informationen entnehmen Sie bitte den drei Abschnitten Seitentitel vergeben auf Seite 19, Seitenbeschreibung anlegen auf Seite 22 und Keywords vergeben auf Seite 26. Schmetterling Quadra 80

81 3. Klicken Sie bitte auf Seitentitel sodass nach unten eine Eingabezeile aufklappt. Wenn bisher keine Metadaten zu Ihrer Homepage hinterlegt wurden, ist diese Zeile leer. Andernfalls ist hier Ihr aktueller Seitentitel eingetragen. Um einen Seitentitel für die aktuell geöffnete Seite zu vergeben bzw. einen bestehenden Seitentitel zu verändern, tragen Sie den neuen Titel bitte in das Eingabefeld ein und drücken anschließend unten rechts auf speichern. 4. Wenn Sie auf Seitenbeschreibung klicken, öffnet sich nach unten ein Textfeld, wo Sie Ihre Beschreibung eintragen beziehungsweise ändern können. Nachdem Sie Ihre Beschreibung eingetippt haben, klicken Sie unten rechts bitte auf speichern. 5. Um Ihre Keywords einzutragen oder zu ändern, klicken Sie bitte auf Keywords, sodass sich auch hier ein Eingabefeld öffnet. Wenn Sie Ihre Eingaben oder Änderungen getätigt haben, klicken Sie unten rechts bitte auf speichern. Schmetterling Quadra 81

82 6. Ihre Metadaten wurden nun für die aktuell geöffnete Seite hinterlegt. Anschließend können Sie dieses Fenster verlassen und auf einer anderen Seite Ihrer Homepage erneut Metadaten hinterlegen, indem Sie diesen Prozess wiederholen. Zum Schließen des Fensters drücken Sie bitte den gleichnamigen Button. 3.4 Hilfe Im Bearbeitungsmodus von Schmetterling Quadra steht Ihnen ein Hilfebereich zur Verfügung, wo Sie Kontakt zum Schmetterling Technologie Support aufnehmen können; entweder schriftlich per Formular oder telefonisch. 1. Auf der rechten Seite sehen Sie einen Navigator mit vier Buttons. Bitte klicken Sie auf den untersten Button Hilfe. Schmetterling Quadra 82

83 2. Daraufhin kommen Sie in einen Bereich, wo Sie Ihre individuellen Fragen und Anregungen an den Schmetterling Technologie Support richten können. Dazu öffnet sich Ihnen ein Formular, in dem Sie bereits voreingestellt Ihren Namen und Ihre Adresse sehen. Direkt darunter können Sie in das leere Eingabefeld Ihr individuelles Anliegen eintragen. Sobald Sie auf senden unten rechts drücken, wird das Formular an Schmetterling übermittelt. Oberhalb des Formulars sehen Sie zusätzlich die Telefonnummer des Schmetterling Technologie Supports, über die Sie Ihr Anliegen mündlich äußern können. Schmetterling Quadra 83

84 Hinweis: Ob Sie den schriftlichen oder den telefonischen Weg wählen, spielt für die zeitliche Bearbeitung keine Rolle. Sämtliche Anfragen werden chronologisch per Rückruf abgearbeitet. 3.5 Header bearbeiten Mit Schmetterling Quadra haben Sie die Möglichkeit Ihren Header, also den Kopfbereich Ihrer Homepage, individuell anzupassen. Sie können Ihr Headerbild ändern oder auch einen individuellen Titel und Ihr eigenes Logo einsetzen. Ein mögliches Beispiel wie Ihr Header letztendlich aussehen kann, finden Sie unter 1. Um den Header, die Kopfzeile ihrer Homepage, zu bearbeiten, fahren Sie mit der Maus über den bestehenden Header. Nun wird ein Button mit der Aufschrift Header bearbeiten erscheinen. Bitte klicken Sie diesen an. 2. Nachdem Sie den Button angeklickt haben, öffnet sich nach unten ein Bearbeitungsfenster. Hier haben Sie fünf verschiedene Reiter zur Auswahl, um Ihren Header zu bearbeiten Galerie Unter dem Reiter Galerie stehen Ihnen musterabhängig verschiedene Bilder als Headerbild zur Verfügung, die ans jeweilige Layout angepasst sind. Indem Sie ein Vorschaubild anklicken, platzieren Sie dieses Bild in Ihrem Header. Auf dieselbe Art und Weise können Sie das Headerbild jederzeit wechseln. Um ein Bild zu bestätigen, klicken Sie rechts unten bitte auf speichern. Wenn Sie das Einfügen des Galeriebildes rückgängig machen wollen, klicken Sie bitte auf den Button zurücksetzen oben rechts. Um ein Headerbild komplett zu entfernen, klicken Sie rechts daneben bitte auf Header entfernen. Die Bearbeitung in diesem Bereich beenden Sie, indem Sie auf speichern unten rechts klicken. Schmetterling Quadra 84

85 Hinweis: Wenn Sie die Reiter wechseln ohne speichern zu klicken, werden Sie in einem separaten Fenster gefragt, ob Sie Ihre Änderungen speichern oder verwerfen möchten Titel Unter dem Punkt Titel haben Sie die Möglichkeit einen Text einzugeben, der im Header platziert wird; zum Beispiel eine kurze Begrüßung. Dazu steht Ihnen unter Titel eingeben ein Textfeld zur Verfügung, wo Sie Ihren Titel eintippen können. Um diesen weiter zu bearbeiten, finden Sie rechts daneben die Funktionen Schriftart, Schriftgröße, Zeilenabstand und Schriftfarbe. Durch einen Klick in die jeweilige Selectbox beziehungsweise in das Farbkästchen können Sie jeweils ihre Veränderungen vornehmen, indem Sie die gewünschte Option anklicken. Hinweis: Den Zeilenabstand können Sie nur verändern, wenn Sie einen mehrzeiligen Titel eingegeben haben. Weiterhin können Sie auch die Position Ihres Titels innerhalb des Headers verändern. Hierzu können Sie entweder auf den Text oben im Header klicken und ihn mit gedrückter linker Maustaste verschieben. Durch loslassen der Taste platzieren Sie Ihren Titel an dieser Stelle. Oder Sie verschieben den Titel, indem Sie die Schieberegler im unteren Bereich benutzen. Auf diese Weise können Sie Ihren Titel sowohl horizontal als auch vertikal verschieben. Wenn Sie eine Eingabe rückgängig machen möchten oder den Titel innerhalb Ihres Headerbildes zentrieren möchten, stehen Ihnen die entsprechenden Buttons oben rechts zur Verfügung. Um die Bearbeitung am Titel abzuschließen, klicken Sie bitte auf speichern. Schmetterling Quadra 85

86 Tipp: Beachten Sie bitte, dass Sie die Schriftgröße und -farbe auch mit dem Hintergrund abstimmen, sodass sich ein stimmiges Gesamtbild ergibt Logo Unter dem Reiter Logo können Sie Ihr individuelles Logo einstellen. Hierbei können Sie wählen ob Sie ein Bild aus der Mediathek einfügen oder vom Computer hochladen möchten. Dazu stehen Ihnen die zwei entsprechenden Buttons zur Verfügung. Hinweis: Wie Sie generell Bilder durch diese zwei vorgegebenen Varianten auf Ihre Homepage einfügen, erfahren Sie in der Anleitung Bilder einfügen auf Seite 69. Nachdem Sie ein Logo eingefügt haben, wird dieses zunächst in Originalgröße an wahlloser Stelle angezeigt. Die Größe verändern Sie, indem Sie den Zoomfaktor mittels des Schiebereglers bei Logo zoomen verändern. Eine Versetzung nach links bewirkt eine Verkleinerung Ihres Logos, eine Versetzung nach rechts eine Vergrößerung. Um die Position des eingefügten Logos nach Belieben anzupassen, stehen Ihnen wie beim Titel wieder zwei Varianten zur Verfügung. Entweder klicken Sie auf das Logo oben im Header und platzieren es an der gewünschten Stelle, indem Sie es mit der Maus verschieben oder Sie benutzen dafür die Schieberegler unter Logo verschieben. Schmetterling Quadra 86

87 Wenn Sie ihr Logo genau mittig innerhalb Ihres Headers platzieren möchten, können Sie dies über den Button zentrieren oben rechts machen. Vorgenommene Änderungen an Ihrem Logo machen Sie wieder rückgängig, indem Sie den Button zurücksetzen klicken. Um Ihr Logo komplett zu entfernen, drücken Sie den Button Logo entfernen. Wenn die Größe und Position des Logos Ihren Vorstellungen entspricht, klicken Sie unten rechts auf speichern. Hinweis: Sobald Sie ein Logo innerhalb Ihres Header eingefügt haben, verbirgt sich hinter dem Logo automatisch eine Verlinkung auf Ihre Startseite Eigenes Bild Unter der Option Eigenes Bild haben Sie die Möglichkeit ein Bild aus der Mediathek oder vom Computer hochzuladen. Nachdem Sie ein Bild ausgewählt haben, wird sich dieses über den kompletten Headerbereich legen. Schmetterling Quadra 87

88 Hinweis: Wie Sie generell Bilder durch diese zwei vorgegebenen Varianten auf Ihre Homepage einfügen, erfahren Sie im Abschnitt Bilder einfügen auf Seite 69. Hinweis: Im rechten Bereich sehen Sie, für das jeweilige Muster in dem Sie sich gerade befinden, die Größe des Headers abgebildet. Auf diese Angabe können Sie zurückgreifen, wenn Sie ein individuelles Headerbild erstellen wollen. Hinweis: Wie Sie Ihr eingefügtes Headerbild bezüglich Größe und Position weiter bearbeiten können, erfahren Sie im nächsten Abschnitt. Wenn Sie das Einfügen des individuellen Bildes rückgängig machen wollen, klicken Sie bitte auf den Button zurücksetzen oben rechts. Nun wird der vorherige Header wieder angezeigt. Um ein Headerbild komplett zu entfernen, klicken Sie rechts daneben bitte auf Header entfernen. Die Bearbeitung in diesem Bereich beenden Sie, indem Sie auf speichern unten rechts klicken Header anpassen Unter Header anpassen haben Sie die Möglichkeit Ihr individuelles Headerbild anzupassen, sofern es nicht die passende Größe für das Layout Ihrer Homepage hat. Um das Headerbild zu verkleinern oder zu vergrößern steht Ihnen ein Schieberegler unter Header Bild zoomen zur Verfügung. Eine Versetzung nach links bewirkt eine Verkleinerung Ihres Headerbildes, eine Versetzung nach rechts eine Vergrößerung. Um die Position des Headers nach Belieben anzupassen, stehen Ihnen wie beim Logo wieder zwei Varianten zur Verfügung. Entweder klicken Sie auf das Headerbild und platzieren es an der gewünschten Stelle, indem Sie es mit der Maus verschieben oder Sie benutzen dafür die Schieberegler unter Header Bild verschieben. Weiterhin haben Sie die Möglichkeit Änderungen, die Sie an Ihrem Header vorgenommen haben rückgängig zu machen, indem Sie auf zurücksetzen oben rechts klicken. Um Ihren Header komplett zu entfernen, drücken Sie bitte auf den gleichnamigen Button rechts daneben. Wenn Sie Ihre Einstellungen abgeschlossen haben, klicken Sie bitte auf speichern unten rechts. Schmetterling Quadra 88

89 3. Um die Headerbearbeitung komplett abzuschließen, klicken Sie bitte unten rechts auf schließen. Das nach unten geöffnete Bearbeitungsfenster klappt nun wieder nach oben ein und Sie können Änderungen an anderer Stelle Ihrer Homepage vornehmen. 3.6 Navigation bearbeiten Ihre bestehende Navigation können Sie mit Schmetterling Quadra jederzeit auch nachträglich bearbeiten. Hier erfahren Sie sowohl wie Sie Navigationspunkte umbenennen, verschieben, löschen oder deaktivieren können als auch wie Sie zu bestehenden Oberpunkten neue Unterpunkte hinzufügen. 1. Sobald Sie mit der Maus über die Navigationszeile Ihrer Homepage fahren, erscheint ein Button Navigation bearbeiten. Schmetterling Quadra 89

90 Hinweis: Die Position Ihrer Navigationszeile ist abhängig vom Layout, das Sie gewählt haben. Somit kann sich die Navigation zum einen im linken Bereich Ihrer Homepage befinden. Zum anderen kann sie aber auch unterhalb des Headerbildes über die komplette Breite Ihrer Homepage angeordnet sein. Für die inhaltliche Bearbeitung spielt dies jedoch keine Rolle. Hinweis: Ihre Homepage ist mit zwei Navigationsbereichen ausgestattet. Neben der hier beschriebenen Hauptnavigation haben Sie auch eine zweite Navigation mit Impressum, Kontakt etc., die sich meist im unteren Bereich Ihrer Seite befindet. Die Bearbeitung dieser Navigationszeile verläuft genauso wie die der Hauptnavigation. Weitere Informationen entnehmen Sie bitte dem Abschnitt Fußnavigation bearbeiten auf Seite Nun öffnet sich Ihnen folgendes Fenster in dem Sie eine Übersicht über Ihre bestehenden Oberpunkte inklusive der dazugehörigen Unterpunkte sehen: Hinweis: Wie Sie einen neuen Oberpunkt anlegen erfahren Sie im Abschnitt Neuen Navigationspunkt anlegen ab Seite 95. Schmetterling Quadra 90

91 3. Wenn Sie nun mit der Maus über einen Navigationspunkt fahren, öffnet sich rechts daneben eine Bearbeitungsleiste. Hier haben Sie nun mehrere Möglichkeiten, die Ihnen anschließend erläutert werden. Hinweis: Bitte beachten Sie, dass sich diese Bearbeitungsleiste unterscheidet je nachdem ob Sie über einen Oberpunkt oder über einen Unterpunkt fahren Navigationspunkt umbenennen Wenn Sie einen Navigationspunkt umbenennen wollen, klicken Sie bitte auf das Zahnrad. Daraufhin bekommen Sie links ein Eingabefeld, wo Sie nun einen beliebig neuen Namen vergeben können. Um diesen zu speichern, klicken Sie bitte auf das Plus-Zeichen rechts daneben oder drücken die Enter-Taste auf Ihrer Tastatur. Hinweis: Dieser Vorgang ist gleichermaßen bei Ober- wie bei Unterpunkten anwendbar Navigationspunkt verschieben Jeden Oberpunkt Ihrer Navigation können Sie nach oben oder unten verschieben. Dazu stehen Ihnen die zwei Pfeiltasten in der Bearbeitungsleiste zur Verfügung. Ein Klick auf den jeweiligen Pfeil bewirkt, dass der Oberpunkt mitsamt seinen Unterpunkten an die neue Position verschoben wird und daraufhin für den Kunden sofort in der Navigation an der neuen Stelle angezeigt wird. Schmetterling Quadra 91

92 Hinweis: Dieser Vorgang ist gleichermaßen bei Ober- wie bei Unterpunkten anwendbar. Unterpunkte können Sie durch diese Methode aber auch von einem Oberpunkt zu einem anderen Oberpunkt verschieben und somit die Zuordnung des Unterpunktes verändern. Hinweis: Das Verschieben von Navigationspunkten ist auch per Drag and Drop möglich. Halten Sie auf den zu verschiebenden Navigationspunkt die linke Maustaste gedrückt und ziehen den Punkt an Ihre gewünschte Stelle. Sobald sie die Maustaste loslassen, wird ihr Punkt neu angeordnet Unterseite hinzufügen Zu bestehenden Oberpunkten können Sie beliebig viele Unterpunkte hinzufügen. Wenn Sie innerhalb der Bearbeitungsleiste auf das Plus drücken, öffnet sich Ihnen ein neues Fenster, in dem Sie zunächst den Namen Ihrer neuen Unterseite angeben müssen und danach entscheiden können, ob Sie eine bestehende Seite verlinken oder eine neue, leere Seite erstellen möchten. Hinweis: Eine detaillierte Beschreibung zum Anlegen neuer Navigationspunkte entnehmen Sie bitte dem Abschnitt Neuen Navigationspunkt anlegen ab Seite 95. Hinweis: Schmetterling Quadra unterstützt eine zweigliedrige Navigation. Zu Unterpunkten können Sie somit keine weiteren Unterpunkte anlegen. Deswegen steht Ihnen dieser Button in der Bearbeitungsleiste auch nicht zur Verfügung, wenn Sie mit der Maus über einen Unterpunkt fahren, sondern nur dann, wenn Sie mit der Maus über einen Oberpunkt fahren Navipunkt deaktivieren Mit Schmetterling Quadra können Sie jede Seite Ihrer Homepage deaktivieren. Das bedeutet, dass die inaktiv gesetzten Navigationspunkte nicht mehr in der Navigationszeile angezeigt werden. Nichtsdestotrotz existieren diese Seiten und können per Link oder Direkteingabe der Seiten-URL in die Adresszeile des Browsers auch aufgerufen werden. Um nun eine aktive Seite zu deaktivieren, klicken Sie bitte auf den grünen Punkt, sodass dieser rot wird. Durch Drücken auf den roten Punkt können Sie die inaktive Seite jederzeit wieder aktivieren. Schmetterling Quadra 92

93 Hinweis: Wenn Sie einen Oberpunkt deaktivieren, werden auch sämtliche Unterseiten dieses Punktes nicht mehr in der Navigation angezeigt. Die Deaktivierung eines Unterpunktes erfolgt ebenfalls durch Drücken des roten Punktes, allerdings ohne Auswirkung auf andere Navigationspunkte. Hinweis: Deaktivierte Seiten erkennen Sie auf den ersten Blick auch daran, dass sich im Übersichtsfenster Navigation bearbeiten die Schriftfarbe des jeweiligen Navigationspunktes von schwarz auf grau ändert Navigationspunkte löschen Wenn Sie in der Bearbeitungsleiste auf das rote Kreuz drücken, löschen Sie diesen Navigationspunkt. Hinweis: Dieser Vorgang ist gleichermaßen bei Ober- wie bei Unterpunkten anwendbar. Bitte beachten Sie aber, dass Sie beim Löschen eines Oberpunktes auch gleichzeitig alle Unterpunkte dieses Oberpunktes mit löschen. Schmetterling Quadra 93

94 3.6. Unterpunkte in neuem Fenster öffnen lassen Unterpunkte Ihrer Navigation können Sie in einem neuen Fenster aufgehen lassen. Das bedeutet, dass sich dem Kunden bei Klick auf den entsprechenden Navigationspunkt ein neues Fenster des Browsers öffnet. Die aktuell besuchte Seite bleibt dem Kunden somit auch offen, sodass er nun beide Seiten in jeweils einem separaten Fenster offen hat. Standardmäßig gehen Ihre Unterseiten im selben Fenster auf. Um dies zu ändern klicken Sie bitte auf das Blattsymbol, sodass sich das Icon in zwei Blätter verändert und die ausgewählte Seite in einem neuen Fenster aufgeht. Wenn Sie möchten, dass die Seite wieder im selben Fenster aufgeht, müssen Sie erneut auf das erste Symbol klicken. Hinweis: Diese Option steht Ihnen nur bei Unterpunkten zur Verfügung. Wenn Sie mit der Maus über einen Oberpunkt fahren erscheint das Symbol entsprechend nicht. 4. Wenn Sie mit der Bearbeitung Ihrer Navigation fertig sind, klicken Sie unten rechts bitte auf den Button schließen. Das Fenster schließt sich und Sie können Ihre Webseite an anderer Stelle weiter bearbeiten. Schmetterling Quadra 94

95 3.7 Neuen Navigationspunkt anlegen Mit Schmetterling Quadra können Sie Ihre Navigationsleiste jederzeit nach Ihren Wünschen gestalten. Hier erfahren Sie wie Sie einen neuen Navigationspunkt anlegen und somit Ihre Navigationsleiste um eigene Punkte erweitern. 1. Sobald Sie mit der Maus über die Navigationszeile Ihrer Homepage fahren, erscheint ein Button Navigation bearbeiten. Hinweis: Die Position Ihrer Navigationszeile ist abhängig vom Layout, das Sie gewählt haben. Somit kann sich die Navigation zum einen im linken Bereich Ihrer Homepage befinden. Zum anderen kann sie aber auch unterhalb des Headerbildes über die komplette Breite Ihrer Homepage angeordnet sein. Weiterhin ist auch die Anzahl der möglichen Navigationspunkte vom Layout abhängig. In vielen Layouts ist es nicht möglich mehr als zehn Navigationspunkte anzulegen. Für die inhaltliche Bearbeitung spielt dies jedoch keine Rolle. Hinweis: Ihre Homepage ist mit zwei Navigationsbereichen ausgestattet. Neben der hier beschriebenen Hauptnavigation haben Sie auch eine zweite Navigation mit Impressum, Kontakt etc., die sich meist im unteren Bereich Ihrer Seite befindet. Die Bearbeitung dieser Navigationszeile verläuft genauso wie die der Hauptnavigation. Weitere Informationen entnehmen Sie bitte dem Abschnitt Fußnavigation bearbeiten auf Seite Nun öffnet sich Ihnen folgendes Fenster auf dem Sie bitte ganz oben den Button Neuer Menüpunkt anklicken: Schmetterling Quadra 95

96 Hinweis: Wie Sie bereits bestehende Navigationspunkte bearbeiten oder neue Unterseiten zu Oberpunkten hinzufügen erfahren Sie im Abschnitt Navigation bearbeiten ab Seite Es erscheint folgendes Fenster: Schmetterling Quadra 96

97 4. In dem leeren Feld können Sie nun angeben, wie ihr neuer Navigationspunkt heißen soll. Sobald Sie diesen eingetippt haben, bestätigen Sie bitte mit weiter. 5. Nun eröffnen sich Ihnen zwei Möglichkeiten. Je nachdem was sich auf der neuen Seite befinden soll, können Sie jetzt entweder eine bestehende Seite verlinken oder eine neue Seite zunächst komplett leer anlegen Eine bereits bestehende Seite verlinken Klicken Sie bitte in das obere Kästchen und dann auf weiter. Schmetterling Quadra 97

98 Nun wird Ihnen folgendes Fenster angezeigt: Wenn Sie auf den Pfeil nach unten klicken, öffnet sich Ihnen eine Liste mit sämtlichen Userseiten, also den Seiten, die Sie bisher manuell erstellt haben, und allen Systemseiten, also den automatisch erstellten Seiten, die häufig Buchungsmaschinen oder das Impressum, Gästebuch etc. enthalten. Wenn Sie nun eine bestehende Seite anklicken und danach unten rechts auf weiter klicken, wird sich der Inhalt, der bereits auf dieser Seite existiert, genauso auch auf Ihrer neu angelegten Seite befinden und zwar mit dem Namen, den Sie unter Punkt 4 vergeben haben. Schmetterling Quadra 98

99 Hinweis: Nachdem Sie auf weiter gedrückt haben, werden Sie nach wenigen Sekunden mit Ihrer neu angelegten Seite verbunden. Hierzu bitten wir Sie um etwas Geduld Eine neue leere Seite anlegen Klicken Sie auf das untere Kästchen und dann auf weiter. Nun werden Sie nach wenigen Sekunden auf Ihre neu angelegte, leere Seite geleitet. Hierzu bitten wir Sie um etwas Geduld. Dort angelangt haben Sie nun eine leere Seite vor sich, die Sie mit Ihren individuellen Inhalten über den Button Modul hinzufügen füllen können. Den Erfolg können Sie in der Adresszeile Ihres Browsers feststellen. Hier sehen Sie bereits den von Ihnen vergebenen Namen: Schmetterling Quadra 99

100 Hinweis: Ihr neuer Navigationspunkt wird direkt nach dem Anlegen noch nicht in Ihrer Navigationszeile angezeigt. Dieser Punkt erscheint allerdings automatisch sobald Sie irgendeinen Inhalt auf Ihre leere Seite eingefügt haben. Hier handelt es sich um einen Schutzmechanismus von Schmetterling Quadra, der verhindert, dass ein Kunde auf eine leere Unterseite Ihrer Homepage kommen könnte. Hinweis: In vielen Layouts ist die Anzahl Ihrer Navigationspunkte auf zehn Oberpunkte beschränkt. Wenn Sie bereits zehn Punkte eingestellt haben und über den beschriebenen Weg einen elften Navigationspunkt hinzugefügt haben, wird dieser zunächst nur inaktiv dargestellt. Somit müssten Sie erst einen bestehenden Punkt löschen oder inaktiv setzen, um anschließend Ihren neuen Punkt aktiv setzen zu können. Wie Sie das bewerkstelligen, erfahren Sie im Abschnitt Navigation bearbeiten ab Seite Fußnavigation bearbeiten In jedem Schmetterling Quadra Layout steht Ihnen eine zweite Navigation, die sogenannte Fußnavigation, zur Verfügung. In dieser befinden sich in der Regel Systemseiten wie beispielsweise das Impressum oder ein Kontaktformular. Analog zur Hauptnavigation können Sie auch diese Navigation jederzeit nachträglich bearbeiten und so Ihren Wünschen anpassen. 1. Ihre Fußnavigation finden Sie in der Regel ganz unten am Ende Ihrer Homepage. Hinweis: Die Position Ihrer Navigationszeile ist abhängig vom Layout, das Sie gewählt haben. So kann sich diese zweite Navigation auch am obersten Rand oder unten rechts befinden. Für die inhaltliche Bearbeitung spielt dies jedoch keine Rolle. 2. In dieser Navigation finden Sie voreingestellte Systemseiten, also Seiten, die automatisch vom System erstellt wurden. Folgende Seiten befinden sich in der Regel in Ihrer Fußnavigation: Home - Dieser Punkt verlinkt auf Ihre Startseite. Kontakt - Dahinter befindet sich ein allgemeines Kontaktformular wo der Kunde Ihnen eine Anfrage per schicken kann. Hier können Sie auch ein individuelles Formular platzieren (siehe Abschnitt Formular anlegen auf Seite 141). Impressum - Dieses wird automatisch anhand Ihrer Stammdaten erstellt. Wenn Ihre bei Schmetterling hinterlegten Daten aktuell sind, stehen auch automatisch alle rechtlich relevanten Daten im Impressum. Mit Schmetterling Quadra können Sie auf der Seite Impressum keine Veränderungen vornehmen. Wie Sie die notwendige Stammdatenänderung durchführen, erfahren Sie im Abschnitt Stammdaten und Mitarbeiterdaten ändern auf Seite 221. Datenschutz - Dahinter verbirgt sich die Datenschutzerklärung gemäß Telemediengesetz in Bezug auf die Homepage. Blacklisted Airlines Diesen Button müssen Sie auf Ihrer Homepage haben, sofern Sie Flugbuchungen betreiben. Dahinter verbirgt sich eine Umleitung zu einer Seite der europäischen Kommission mit einer Liste der Luftfahrtunternehmen, gegen die in der Schmetterling Quadra 100

101 EU eine Betriebsuntersagung ergangen ist. 3. Sobald Sie mit der Maus über die Fußnavigation Ihrer Homepage fahren, erscheint ein Button Navigation bearbeiten. 4. Nachdem Sie diesen Button gedrückt haben, öffnet sich folgendes Fenster in dem Sie eine Übersicht über Ihre bestehenden Punkte der Fußnavigation haben. 5. Um weitere eigene Navigationspunkte hinzuzufügen, fahren Sie bitte mit der Maus über Top und klicken in der anschließend erscheinenden Bearbeitungsleiste auf das Plus Unterseite hinzufügen. Hinweis: Alle weiteren Schritte, um einen eigenen Navigationspunkt anzulegen, entnehmen Sie bitte dem Abschnitt Neuen Navigationspunkt anlegen ab Seite Wenn Sie bestehende Punkte anders positionieren, deaktivieren oder löschen möchten, fahren Sie bitte mit der Maus über den jeweiligen Punkt, sodass sich rechts daneben wieder eine Schmetterling Quadra 101

102 Bearbeitungsleiste mit den entsprechenden Befehlen öffnet. Hinweis: Alle weiteren Erklärungen zu den möglichen Bearbeitungsschritten finden Sie im Abschnitt Navigation bearbeiten ab Seite Indem Sie das Fenster schließen, können Sie Bearbeitungen an anderer Stelle Ihrer Homepage vornehmen. Klicken Sie dazu bitte auf schließen unten rechts. 3.9 Bestehende Module verändern Mit Schmetterling Quadra fügen Sie sämtliche Inhalte immer als Modul hinzu. Neu eingestellte Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie die Position Ihrer Module noch verändern, diese auch wieder entfernen oder nachträglich bearbeiten. 1. Im Bearbeitungsmodus Ihrer Homepage sehen Sie alle bereits eingestellten Module. Um nun ein bestimmtes Modul zu verändern, fahren Sie bitte mit der Maus über das jeweilige Modul, sodass sich auf der linken Seite des Moduls folgende Bearbeitungsleiste öffnet: Schmetterling Quadra 102

103 Hier haben Sie nun mehrere Möglichkeiten, die Ihnen anschließend erläutert werden. Hinweis: Folgende Erläuterungen gelten gleichermaßen für Module im Hauptbereich sowie für Module, die in der linken Spalte angelegt sind Module verschieben Wenn Sie ein Modul nach ganz oben verschieben möchten, steht Ihnen der Pfeil mit dem Dach in der Bearbeitungsleiste zur Verfügung. Durch Anklicken dieses Buttons gelangt das entsprechende Modul an die oberste mögliche Position. Wenn Sie auf einen der zwei Pfeile klicken, wird das gewählte Modul eine Position nach oben beziehungsweise nach unten verschoben. Daneben ist es Ihnen auch möglich sämtliche Module per Drag and Drop zu verschieben. Halten Sie auf dem zu verschiebenden Modul die linke Maustaste gedrückt und ziehen das Modul an die gewünschte Stelle. Während Sie die Maustaste gedrückt halten, sehen Sie im Hintergrund einen grauen Platzhalter. Sobald Sie die Maustaste loslassen, wird Ihr Modul an diese Stelle verschoben. Schmetterling Quadra 103

104 Hinweis: Module können nicht nebeneinander angeordnet werden. Es ist nur eine vertikale Verschiebung möglich Module entfernen Jedes angelegte Modul können Sie sofort wieder löschen. Dafür drücken Sie bitte auf das Symbol mit dem Mülleimer. Hinweis: Die eingestellten Inhalte in den Modulen Text/Bild Inhalt, Bildergalerie, Formular, Deeplink, Newsbox, Blog und Vote werden durch Drücken dieses Symbols nur von der Homepage entfernt, nicht endgültig gelöscht. Die Inhalte bleiben im System gespeichert, sodass Sie diese über das jeweilige Modul jederzeit wieder einfügen können. Weitere Informationen, um die Inhalte endgültig zu löschen finden Sie im Abschnitt Inhalte verwalten auf Seite Module hinzufügen Wenn Sie neue Module hinzufügen möchten, steht Ihnen nicht nur der gleichnamige Button im oberen Bereich Ihrer Homepage zur Verfügung, sondern auch das Plussymbol in der Bearbeitungsleiste jedes Moduls. Hinweis: Dieser Button ist für Sie vor allem dann interessant, wenn Sie mehrere oder sehr lange Module auf Ihrer Seite haben. Somit ersparen Sie sich das Scrollen an den Seitenbeginn, wenn Sie weitere Module hinzufügen möchten. Schmetterling Quadra 104

105 1.4. Module bearbeiten Die meisten Module können Sie auch nachträglich bearbeiten. Dazu steht Ihnen das Zahnrad ganz unten in der Bearbeitungsleiste zur Verfügung. Durch Drücken dieses Buttons gelangen Sie in den Bearbeitungsmodus des jeweiligen Moduls. Der Bearbeitungsbereich schaut auch nachträglich genauso aus, wie zu dem Zeitpunkt, wo Sie das Modul erstellt haben. Hinweis: Bei einigen Modulen bewirkt ein Klick auf diesen Button lediglich ein erneutes Laden Ihrer Seite. Diese Module, wie zum Beispiel der Home Button, sind vorgefertigt und passen sich automatisch an Ihr gewähltes Layout an, sodass eine Bearbeitung nicht notwendig und somit auch nicht möglich ist Individuelle Angebote anlegen Schmetterling Quadra bietet Ihnen die Möglichkeit eigene Angebote in optisch ansprechender Form auf Ihre Homepage zu setzen. Dabei erstellen Sie zunächst Angebotsboxen, die sich automatisch an Ihr Layout anpassen. Dahinter verlinkt befindet sich dann Ihr individuelles Angebot. Ein mögliches Beispiel wie Ihre Angebote letztendlich aussehen könnten, finden Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 105

106 Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie das Angebot anlegen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen ab Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Angebote können Sie grundsätzlich in beide Ebenen integrieren. Im Hauptbereich haben Sie allerdings mehr Gestaltungsmöglichkeiten bezüglich des Layouts der Angebotsboxen. Somit wird in diesem Abschnitt das Anlegen der Angebote im Hauptbereich beschrieben. 2. Klicken Sie dort auf Angebote. 3. Es öffnet sich ein Fenster wo Sie ein Layout für Ihre Angebotsbox auswählen können, indem Sie auf eines der drei Vorschaubilder klicken. Schmetterling Quadra 106

107 Hinweis: Wenn Sie weniger als drei Angebote anlegen möchten, empfiehlt es sich die waagrechte Vorlage ganz unten zu nehmen. Dadurch ist die komplette Breite Ihrer Homepage ausgenutzt. In den anderen beiden Layouts hätten Sie dann einen Leerraum rechts neben Ihrer Angebotsbox. 4. Nachdem Sie das Layout gewählt haben, müssen Sie sich für eine Option der Angebotserstellung im folgenden Fenster entscheiden. Unabhängig davon welche Option Sie wählen, generieren Sie zunächst die Angebotsbox und im Anschluss daran, das Angebot an sich. In dieser Anleitung wird die Option Standardformular beschrieben. Durch Klick darauf startet dieser zweigliedrige Prozess. Hinweis: Wenn Sie eine andere Option anwenden möchten, finden Sie die Erklärungen dazu in den jeweiligen separaten Anleitungen. 5. Der erste Schritt bei der Erstellung der Angebotsbox ist nun das Einfügen eines Angebotsbildes. Dieses Bild können Sie entweder von Ihrem PC oder aus Ihrer Mediathek auswählen. Im Hintergrund sehen Sie bereits schematisch Ihre Angebotsbox. Schmetterling Quadra 107

108 Hinweis: Wie Sie generell Bilder durch diese zwei vorgegebenen Varianten auf Ihre Homepage einfügen, erfahren Sie im Abschnitt Bilder einfügen ab Seite Nachdem Sie ein Bild ausgewählt haben, gelangen Sie automatisch ins nächste Fenster. Hier müssen Sie den Titel Ihres Angebotes eintippen. Klicken Sie anschließend bitte auf speichern. Hinweis: Anhand dieses Titels, können Sie im Admin Bereich unter Inhalte verwalten nachverfolgen auf welchen Seiten sie welches Angebot eingefügt haben. 7. Jetzt haben Sie die Möglichkeit Ihr Angebot kurz zu beschreiben. Sie haben hierfür mehrere Zeilen zur Verfügung. Auch hier fahren Sie fort, indem Sie auf speichern klicken. 8. Nun befinden Sie sich im Fenster, in dem Sie Ihren Preis festlegen können. In der ersten Selectbox können Sie den Preis genauer bezeichnen, zum Beispiel ab. Das zweite Feld erlaubt Ihnen eine freie Eingabe Ihres Preises. Im dritten Feld können Sie über die Selectbox die Währung bestimmen. Im letzten Feld haben Sie ebenfalls per Selectbox die Möglichkeit den Schmetterling Quadra 108

109 Preis genauer zu definieren, zum Beispiel pro Person oder Kabinenpreis. Bei allen Feldern können Sie auf eine Eingabe auch verzichten. Wenn Sie Ihre Preiseingaben getätigt haben, klicken Sie bitte erneut auf speichern. 9. Im letzten Schritt bei der Erstellung der Angebotsbox müssen Sie den Button Text angeben. Hier handelt es sich um den Text in dem Button auf den der Kunde drauf klickt, um zum ausführlichen Angebot zu gelangen. Die Zeicheneingabe ist begrenzt, damit die Größe des Buttons immer einheitlich ist. Sobald Sie Ihren individuellen Text eingetippt haben, klicken Sie bitte auf speichern. Hinweis: Mit diesem Schritt ist die Erstellung der Angebotsbox abgeschlossen. Unabhängig davon welche Angebotsoption sie gewählt haben ist der Prozess bis hierher immer identisch. Sobald Sie auf speichern klicken erhalten Sie aber das Schmetterling Quadra 109

110 jeweilige Fenster der Angebotsart, die Sie unter Punkt 4 gewählt haben. Dieser Abschnitt beschreibt die Option Standardformular. Wenn Sie eine andere Option gewählt haben, können Sie die entsprechenden separaten Anleitungen zu Rate ziehen. 10. Nun beginnt der zweite Teil der Angebotserstellung, in dem Sie Ihr Angebot konkret darstellen, je nachdem welche Option Sie gewählt haben. Bei Standardformular öffnet sich Ihnen folgendes Fenster. 11. Das Wesentliche beim Standardformular ist die Giata ID in Verbindung mit dem Veranstalterkürzel. Jedem Hotel ist eine ID zugeordnet mit Hotel- und Regionsbeschreibungen sowie Bildern. Auf diese Informationen dürfen Sie bedenkenlos im Zusammenhang mit der Angebotserstellung zurückgreifen, da Sie eine vollwertige Giata Lizenz in Ihrem Technikpaket inkludiert haben. Um nun eine bestimmte Giata ID herauszufinden müssen Sie in Ihrem Argus 3.0 unter Beratung auf den Button Giata beziehungsweise auf Ihrer Profianwendung den Button Giata Hotelguide anklicken. 12. In der Maske, die sich Ihnen nun öffnet, haben Sie verschiedene Suchmöglichkeiten. Neben der Zielgebietssuche ist vor allem auch die Expresssuche nützlich. Klicken Sie bitte Expresssuche an, sodass sich Ihnen eine ausführliche Suchmaske öffnet. Hier können Sie nach dem Objekt suchen, das Sie anbieten möchten. Wenn Sie die Suchfelder ausgefüllt haben, klicken Sie bitte auf Suchen. Schmetterling Quadra 110

111 13. Jetzt öffnet sich Ihnen eine Tabelle mit Ihren jeweiligen Suchergebnissen. Ein bestimmtes Hotel sehen Sie deshalb mehrmals in dieser Liste, weil es mit verschiedenen Veranstaltern gelistet ist, die unterschiedliche Beschreibungen haben können. Relevant für das Angebot mit der Option Standardformular ist die letzte Spalte wo Sie die Giata ID finden sowie die Spalte in der die Veranstalter gelistet sind. 14. Die Giata ID in der letzten Spalte können Sie nun kopieren und, zurück in Quadra, bei Ihrer Angebotserstellung in das entsprechende Feld kopieren. Bitte beachten Sie aber, dass keine Leerzeile mit eingetragen werden darf. Weiterhin müssen Sie in das zweite Feld das Veranstalterkürzel eintragen. Darunter können Sie all jene Informationen anhaken, die Sie in Ihr Angebot mit einbeziehen möchten. Wenn Sie diese Angaben getätigt haben, klicken Sie bitte auf den Button Daten holen. Schmetterling Quadra 111

112 15. Nun haben Sie im linken Bereich die Informationen, die Sie sich geholt haben und im rechten Bereich die Bilder, die Sie Ihrem Angebot hinzufügen können. Generell ist diese Ausgabe von der Datenqualität des Veranstalters und Giata abhängig. Den eigentlichen Text bzw. die Information, die Sie geholt haben, dürfen Sie nicht verändern. Das heißt Sie dürfen hier keinen Text hinzufügen, löschen oder anderweitig abändern. Sie dürfen aber am Ende der Informationen Ihren individuellen Text anhängen, soweit dieser nicht den vorherigen Informationen widerspricht. Den Text können Sie weiter bearbeiten, indem Sie die Formatierungsbuttons ganz oben verwenden. Um die Bilder auf der rechten Seite in Ihr Angebot zu integrieren, klicken Sie das entsprechende Bild bitte mit der linken Maustaste an, halten diese gedrückt und ziehen das Bild an die Stelle des Textes, wo Sie das Bild einsetzen möchten. Durch Loslassen der Maustaste platzieren Sie das Bild. Auf dieselbe Art und Weise verschieben Sie das Bild auch wieder. Bitte beachten Sie, dass der Kunde letztlich das Angebot so sehen wird, wie Sie es in diesem linken Eingabebereich gestalten. Wenn Sie damit fertig sind, klicken Sie unten rechts bitte auf weiter. Hinweis: Die von Giata gezogenen Texte und Bilder dürfen Sie an dieser Stelle bei der Angebotserstellung benutzen. An anderer Stelle Ihrer Homepage ist dies jedoch nicht zulässig. Schmetterling Quadra 112

113 16. Im letzten Fenster müssen Sie nun die Anzahl der Erwachsenen und Kinder festlegen, die in das Formular eingetragen werden können. Klicken Sie dazu in die Selectbox und wählen die entsprechende Zahl aus. Hinweis: Anhand Ihrer Auswahl kann der Kunde neben dem Reisezeitraum auch entsprechend viele Personen namentlich in das Anfrageformular eintragen, welches Sie letztlich per erhalten und dann weiter bearbeiten können. 17. Sobald Sie die Personenanzahl eingestellt haben, schließen Sie die Angebotserstellung ab, indem Sie auf speichern klicken. 18. Nun ist die Angebotsbox mit dem gewählten Angebot dahinter auf Ihre Homepage eingefügt worden. Um eine zweite und dritte Angebotsbox zu ergänzen, klicken Sie bitte zunächst auf das Zahnrad neben dem Angebot. Schmetterling Quadra 113

114 Hinweis: Diese Bearbeitungsleiste erscheint, sobald Sie mit der Maus über das Angebot fahren. Hinweis: Sollte die Angebotsbox nicht sofort erscheinen oder optisch noch nicht korrekt sein, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie optisch korrekt sichtbar sein. 19. Wenn Sie nun auf den Button Angebot hinzufügen klicken, beginnt derselbe Prozess erneut und Sie können maximal zwei weitere Angebotsboxen neben der ersten platzieren. Um eine bestehende Angebotsbox nachträglich zu bearbeiten, klicken Sie bitte erneut auf das Zahnrad. Indem Sie den Button Schließen oben rechts klicken, verlassen Sie diesen Bearbeitungsbereich und Sie können weitere Bearbeitungen an anderer Stelle Ihrer Homepage vornehmen. Hinweis: Wenn Sie drei Angebote nebeneinander oder untereinander angelegt haben, können Sie über diesen Weg keine weitere Angebotsbox hinzufügen. In diesem Fall Schmetterling Quadra 114

115 müssen Sie ein neues Modul Angebote hinzufügen und haben somit erneut Platz für drei Angebote. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihre Angebotsboxen nachträglich noch bearbeiten, die Position verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Banner einfügen Schmetterling Quadra bietet Ihnen die Möglichkeit Banner auf Ihre Homepage einzufügen. Dies können Sie durch Einfügen des HTML-Quellcodes bewerkstelligen oder Sie wählen ein eigenes Bild aus und setzen darauf eine Verlinkung. 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wenn Sie Ihr Banner nicht auf die Startseite platzieren möchten, wählen Sie über die Navigationsleiste bitte zunächst die Seite aus, auf der Sie Ihr Banner einstellen möchten. Wollen Sie dafür eine spezielle Seite zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen ab Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Ein Banner zum Beispiel können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. Schmetterling Quadra 115

116 2. Klicken Sie dort auf Banner. 3. Es öffnet sich folgendes Fenster: 4. Nun haben Sie zwei Möglichkeiten ein Banner zu erstellen Banner per HTML-Quellcode einbinden Wenn Sie von Veranstaltern, Werbeagenturen etc. einen HTML-Quellcode per bekommen haben, können Sie diesen kopieren und in das folgende Kästchen einfügen. Schmetterling Quadra 116

117 4.2. Neues Banner erstellen Sie haben auch die Möglichkeit hinter ein beliebiges Bild eine Verlinkung zu setzen. Dazu wählen Sie zuerst ein Bild aus, indem Sie es von der Mediathek einfügen oder von Ihrem PC hochladen. Danach geben Sie in der dafür vorgesehenen Zeile die Adresse der Internetseite ein, auf die Sie verlinken möchten. Hinweis: Wie Sie generell Bilder durch diese zwei vorgegebenen Varianten auf Ihre Homepage einfügen, erfahren Sie im Abschnitt Bilder einfügen ab Seite Den Vorgang schließen Sie ab, indem Sie auf speichern unten rechts klicken. Das Banner wurde auf Ihre Webseite eingefügt Hinweis: Sollte das Banner nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte es sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihr Banner nachträglich noch bearbeiten, die Position verändern oder dieses wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern ab Seite Bildergalerie einfügen Wenn Sie eine Vielzahl an Bildern zu einem Thema auf Ihre Homepage stellen möchten, steht Ihnen bei Schmetterling Quadra das Modul Bildergalerie zur Verfügung. Ihre Kunden können dann die Bilder einzeln oder als Diashow anschauen. Wie sich die Darstellung der Bildergalerie letztlich äußert, sehen Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 117

118 Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie eine Bildergalerie einfügen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen ab Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen, weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Eine Bildergalerie können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Bildergalerie. Schmetterling Quadra 118

119 3. Zunächst werden Sie gefragt, ob Sie eine vorhandene Galerie verwenden möchten oder eine neue Galerie erstellen wollen. Um eine bestehende Galerie einzufügen, klicken Sie bitte auf das untere Ja. Wenn Sie bisher noch keine Bildergalerie erstellt haben, klicken Sie bitte auf das obere Ja. 4. Nun müssen Sie entscheiden ob Sie Ihre Galerie als Filmstreifen oder als Kartenhaufen dargestellt haben möchten. Um ein Beispiel zu sehen, wie diese beiden Designs letztlich aussehen, können Sie jeweils rechts daneben auf Beispiel klicken. Hinweis: Die Option Karten steht aktuell noch nicht zur Verfügung, womit Sie nur Filmstreifen wählen können. Danach müssen Sie eine Überschrift eingeben. Diese Überschrift ist auch gleichzeitig der Name, unter dem Sie diese Bildergalerie abspeichern. Wenn Sie möchten, können Sie zusätzlich eine Beschreibung angeben, die unterhalb der Galerie angezeigt werden wird. Hinweis: Anhand dieser Überschrift, können Sie im Admin Bereich unter Inhalte verwalten nachverfolgen auf welchen Seiten sie welche Bildergalerie eingefügt haben. Weiterhin können Sie die somit gespeicherten Galerien jederzeit per Klick auf Seiten Ihrer Homepage einfügen (Siehe Punkt 3 dieses Abschnitts). Schmetterling Quadra 119

120 5. Um Ihrer Bildergalerie nun Bilder hinzuzufügen können Sie diese entweder aus der Mediathek einfügen oder von Ihrem PC hochladen. Hinweis: Wie Sie generell Bilder durch diese zwei vorgegebenen Varianten einfügen, erfahren Sie im Abschnitt Bilder einfügen ab Seite 69. Hinweis: Wenn Sie Bilder vom PC hochladen, können Sie mehrere Bilder gleichzeitig auswählen und hier einfügen. Dieser sogenannte Multi-Upload funktioniert bei der Option Mediathek leider noch nicht. 6. Wenn Sie Ihre Bilder ausgewählt haben, sind diese untereinander gelistet. Bevor Sie die Galerie auf Ihre Homepage einfügen, haben Sie noch folgende Möglichkeiten Bildnamen vergeben In die leere Zeile können Sie für jedes Bild einen Namen bzw. einen Text eintippen. Dieser ist nicht gleichzusetzen mit dem Namen, unter dem das Bild abgespeichert ist. Dieser Text steht letztlich in der Bildergalerie direkt unter dem jeweiligen Bild, sodass Sie hier Ihren Kunden Informationen zum Bild liefern können Bildvorschau Indem Sie auf die Lupe hinter dem Eingabefeld klicken, öffnet sich Ihnen eine Vorschau, wo Sie sehen können wie das Bild letztlich dargestellt werden wird. Schmetterling Quadra 120

121 6.3. Bild löschen Um ein Bild aus der Bildergalerie zu entfernen, klicken Sie bitte auf das rote Kreuz. Es folgt ein Hinweis ob Sie das Bild wirklich löschen möchten. Sobald Sie mit Ja bestätigt haben, ist dieses Bild aus Ihrer Galerie entfernt. Hinweis: In Ihrer Mediathek bleibt das Bild dadurch nach wie vor erhalten Bild ändern Wenn Sie Ihr Bild ändern möchten, klicken Sie bitte auf das Zahnrad. Nun öffnet sich Ihnen Ihre Mediathek und Sie können ein anderes Bild auswählen, sodass es hier ausgetauscht wird. Hinweis: Am Dateinamen in der Zeile darunter oder in der Vorschau können Sie sich über den Erfolg des Tauschens vergewissern. 7. Speichern Wenn Sie alle Bilder, die Sie in dieser Galerie verwenden möchten, eingefügt und gegebenenfalls mit einem Namen/Text versehen haben, können Sie Ihre Eingaben speichern, indem Sie unten rechts auf den gleichnamigen Button klicken. Schmetterling Quadra 121

122 8. Im letzten Fenster sehen Sie zunächst erneut den vergebenen Namen Ihrer Bildergalerie. In der Selectbox darunter müssen Sie wählen, ob Sie die Galerie animiert oder nicht animiert einfügen möchten. Der Unterschied liegt darin, dass die Bilder einer animierten Galerie nebeneinander angeordnet werden und durchgescrollt werden können wohingegen bei der anderen Variante alle Bilder fest nebeneinander und anschließend untereinander angeordnet werden, je nachdem wie viele Bilder Sie in Ihre Galerie eingefügt haben. Wenn Sie nun auf speichern klicken, wird Ihre Galerie auf die Homepage eingefügt. Schmetterling Quadra 122

123 Hinweis: Sollte die Bildergalerie nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihre Bildergalerie nachträglich noch bearbeiten, die Position verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern ab Seite Blog anlegen Mit Schmetterling Quadra können Sie auf Ihrer Homepage einen Blog anlegen. Ein Blog bietet Ihnen die Möglichkeit ein Thema niederzuschreiben, das Sie chronologisch fortführen können und das Ihre Kunden auch kommentieren können. Ein Beispiel, wie ein Blog aussehen kann, sehen Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie einen Blog anlegen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen, weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Einen Blog können Sie nur im Hauptbereich anlegen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Blog. Schmetterling Quadra 123

124 3. Im darauffolgenden Fenster können Sie im unteren Bereich einen bestehenden Blog auswählen und dann entweder auf Ihre Homepage einfügen oder diesen mit dem roten Kreuz löschen. Wenn Sie noch keinen Blog haben, können Sie einen neuen erstellen, indem Sie auf das Plussymbol im oberen Bereich drücken. 4. Daraufhin erscheint eine Eingabezeile, in die Sie einen Namen für den Blog eintragen müssen. Anschließend drücken Sie bitte auf Speichern. Hinweis: Der Name stellt letztlich auch die Überschrift Ihres Blogs dar. Weiterhin dient er Ihnen als Speichername, sodass Sie nachträglich auch wieder darauf zurückgreifen können (siehe Punkt 3 dieses Abschnitts). 5. Im neuen Fenster sind im unteren Bereich, diejenigen Einträge gelistet, die Sie für diesen Blog bereits erstellt haben. Da hier bei einem neuen Blog noch keine bestehenden Einträge stehen können, erstellen Sie bitte einen neuen Eintrag, indem Sie auf das Plussymbol im oberen Bereich klicken. Schmetterling Quadra 124

125 6. Anschließend müssen Sie für den neuen Eintrag einen Namen vergeben. Tippen Sie den Text bitte in das leere Feld und drücken dann auf Speichern. 7. Dieser Eintrag ist nun angelegt. Nun können Sie entweder weitere Einträge anlegen, indem Sie wieder auf das Plussymbol drücken oder den bestehenden Eintrag bearbeiten, indem Sie auf den Titel des Eintrages klicken. 8. Im neuen Fenster sehen Sie in der ersten Zeile den Titel des Eintrages, den Sie gerade bearbeiten. Darunter haben Sie folgende drei Optionen: Wenn Sie auf den ersten Button mit dem Aufzählungssymbol drücken, gelangen Sie zurück zur Übersicht aus Punkt 7. Mit dem roten Kreuz löschen Sie diesen Beitrag und mit dem roten Quadrat setzen Sie diesen Eintrag inaktiv. Das bedeutet, dass er in Ihrem Blog nicht angezeigt wird, aber nach wie vor hier zur Bearbeitung zur Verfügung steht. Um einen deaktivierten Eintrag wieder sichtbar zu machen, klicken Sie erneut auf diesen Button. Den Hauptbereich dieses Fensters nimmt der Editor ein. Hier können Sie Ihren Eintrag detailliert beschreiben und mit den Bearbeitungsbuttons darüber entsprechend formatieren. Wenn Sie den Eintrag nach Ihren Wünschen entworfen haben, klicken Sie unten rechts auf weiter. Der Eintrag bzw. der komplette Blog wird jetzt auf Ihre Homepage eingefügt. Schmetterling Quadra 125

126 Hinweis: Welche Möglichkeiten Sie in diesem Editor haben und wie Sie diese anwenden ist auszugsweise im Abschnitt Text/Bild Inhalt einfügen auf Seite 187 beschrieben. Hinweis: Sollte Ihr Blog nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte er sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihren Blog nachträglich noch bearbeiten, die Position verändern oder diesen wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Wenn Sie mit der Maus über den eingefügten Blog auf Ihrer Homepage fahren, öffnet sich links daneben eine Bearbeitungsleiste. Durch Klick auf das Zahnrad in dieser Leiste gelangen Sie in den Bearbeitungsbereich zurück und sehen vor sich das Fenster aus Punkt 7. Entsprechend können Sie hier einen neuen Eintrag anlegen oder einen bestehenden bearbeiten. Hinweis: Ihren Blog können Sie im Schmetterling Quadra Admin Bereich verwalten. Wie Sie zum Beispiel Kommentare von Kunden freischalten entnehmen Sie bitte dem Abschnitt Blog administrieren auf Seite Buchungsmaschine einfügen Abhängig von Ihrem Technikpaket stehen Ihnen mit Schmetterling Quadra verschiedene Buchungsmaschinen (IBE - Internet Booking Engine) zur Verfügung, die Sie auf Ihre Homepage einfügen können. Unter können Sie die verschiedenen IBEs begutachten. 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 126

127 Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie die Buchungsmaschine einbauen möchten. Wollen Sie dafür eine spezielle Seite zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Eine Buchungsmaschine zum Beispiel können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Buchungsmaschine. Schmetterling Quadra 127

128 3. Daraufhin öffnet sich Ihnen folgendes Fenster mit der Auswahl Ihrer verfügbaren Buchungsmaschinen. Hinweis: Die Anzahl und Art Ihrer Buchungsmaschinen ist in Ihrem Technikpaket geregelt. Genau diese vertraglich vereinbarten IBEs werden Ihnen hier zur Auswahl angezeigt. 4. Wählen Sie nun die Buchungsmaschine, die Sie auf die Homepage einfügen möchten, indem Sie in den Kreis vor dem Namen klicken. Dann drücken Sie unten rechts bitte auf weiter. Schmetterling Quadra 128

129 Hinweis: Diese Anleitung ist aufgebaut am Beispiel der Buchungsmaschine Schmetterling Urania. Der Einbau einer anderen Buchungsmaschine funktioniert nach demselben Prinzip. 5. Nun öffnet sich Ihnen ein Fenster, wo Sie die IBE nach Ihren Wünschen spezifizieren können. Im aktuellen Beispiel können Sie in der zweiten Selectbox die Buchungsmaschine kategorisieren nach Charterflug, Hotelangebote oder Pauschal ; bei anderen Anbietern haben Sie entsprechend andere oder weitere Möglichkeiten. Wenn Sie Ihre Auswahl getroffen haben, klicken Sie unten rechts bitte auf speichern. Hinweis: Manche IBEs bieten diese Differenzierung nicht an. Entsprechend öffnet sich dieses Fenster nicht und die gewählte Buchungsmaschine wird sofort auf die Homepage eingefügt. Hinweis: Die ausgewählte Farbe überträgt sich aktuell noch nicht auf die IBE, weswegen Sie Ihre Buchungsmaschine im Moment nur in der Standardfarbe einfügen können. 6. Nun ist die Buchungsmaschine auf Ihrer Homepage platziert. Ihre Kunden können darüber jetzt buchen. Hinweis: Sollte die Buchungsmaschine nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Buchungsmaschinen werden hier im Bearbeitungsmodus nicht angezeigt. Stattdessen sehen Sie einen Hinweis, dass Ihr Browser keine SSL-Verschlüsselung unterstützt. Auf Ihrer Internetseite, also wenn Sie sich nicht im Bearbeitungsmodus befinden, wird die Buchungsmaschine selbstverständlich korrekt angezeigt. Um dorthin zu wechseln, klicken Sie bitte auf das Platzhalterbild. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihre Buchungsmaschine nachträglich noch bearbeiten, die Position verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite 102. Schmetterling Quadra 129

130 3.15 PDF-Datei einfügen Schmetterling Quadra bietet Ihnen die Möglichkeit PDF-Dateien direkt in Ihre Homepage zu integrieren. Somit ist es dem Kunden dann auch möglich die Datei herunterzuladen, zu drucken oder zu speichern. Ein mögliches Beispiel einer integrierten PDF-Datei finden Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wenn Sie Ihre PDF Datei nicht auf die Startseite platzieren möchten, wählen Sie über die Navigationsleiste bitte zunächst die Seite aus, auf der Sie Ihre PDF Datei einstellen möchten. Wollen Sie dafür eine spezielle Seite zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Eine PDF Datei zum Beispiel können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Datei. Schmetterling Quadra 130

131 3. Es öffnet sich folgendes Fenster: 4. Nun haben Sie die Möglichkeit Ihre PDF Datei entweder direkt vom PC hochzuladen oder von der Mediathek einzufügen. Voraussetzung dafür ist aber, dass die PDF-Datei bereits in die Mediathek hochgeladen wurde. Hinweis: Rein technisch wird eine PDF-Datei genauso wie Bilder behandelt. Wie Sie generell Bilder/PDF-Dateien durch diese zwei vorgegebenen Varianten auf Ihre Homepage einfügen, erfahren Sie im Abschnitt Bilder einfügen auf Seite Wenn Sie nun die PDF-Datei, die Sie auf Ihre Homepage einfügen möchten, über einen der beiden Wege ausgewählt haben, erscheint folgendes Fenster: Schmetterling Quadra 131

132 6. Hier haben Sie die Möglichkeit die Breite und die Höhe Ihrer PDF-Datei festzulegen. Es empfiehlt sich aber diese Angaben zunächst leer zu lassen. Denn auf diese Weise wird die PDF Datei automatisch an die Größe Ihrer Homepage angepasst. Den Vorgang schließen Sie ab, indem Sie den Button speichern drücken. Hinweis: Sollte die PDF Datei nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihre Datei nachträglich noch bearbeiten, die Position verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Die PDF Datei ist nun auf Ihrer Homepage eingefügt. Sollten Sie feststellen, dass Sie mit der Größe nicht zufrieden sind, können Sie diese natürlich auch nachträglich noch Ihren Wünschen entsprechend anpassen. Dazu fahren Sie mit der Maus bitte über die PDF-Datei, sodass sich links daneben die Bearbeitungsleiste öffnet. Hier klicken Sie ganz unten bitte auf das Zahnrad, um erneut in die Bearbeitung zu gelangen: 8. Jetzt befinden Sie sich wieder im Fenster, wo Sie Höhe und Breite angeben können. (Siehe Punkt 6) Hinweis:. Wenn Sie nun zum Beispiel die PDF Datei so groß angezeigt haben wollen, dass der vertikale Scrollbalken auf der rechten Seite nicht mehr erscheint, können Sie beliebig oft in das Bearbeitungsfenster wechseln, um die exakte Höhe einzustellen. Als Richtwert können Sie dabei die Breite einer Internetseite heranziehen, die meist 1000 Pixel beträgt. Ihre rein numerische Eingabe in die Felder Höhe und Breite erfolgt auch in der Maßeinheit Pixel. Schmetterling Quadra 132

133 3.16 Deeplink einfügen Zur Angebotserstellung über Ihre Buchungsmaschine können Sie mit Schmetterling Quadra Deeplinks durch einen speziellen Deeplink Generator auf Ihre Homepage einfügen. Abhängig von Ihrer Buchungsmaschine (IBE - Internet Booking Engine) haben Sie letztlich unterschiedliche Darstellungen. Diese können Sie unter begutachten. 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie den Deeplink einfügen möchten. Wollen Sie dafür eine spezielle Seite zuvor noch erstellen, können Sie die Anleitung Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Einen Deeplink zum Beispiel können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Deeplink. Schmetterling Quadra 133

134 3. Daraufhin öffnet sich Ihnen folgendes Fenster mit der Auswahl Ihrer verfügbaren Buchungsmaschinen. Hinweis: Die Anzahl und Art Ihrer Buchungsmaschinen ist in Ihrem Technikpaket geregelt. Genau diese vertraglich vereinbarten IBEs werden Ihnen hier zur Auswahl angezeigt. 4. Links unten sehen Sie ein Fenster, worüber Sie vorhandene Deeplinks einfügen können. Um einen neuen Deeplink zu erstellen, müssen Sie zunächst eine Buchungsmaschine wählen, indem Sie in den Kreis vor dem Namen klicken und dann unten rechts auf weiter drücken. Schmetterling Quadra 134

135 Hinweis: Diese Anleitung ist aufgebaut am Beispiel der Buchungsmaschine Schmetterling Urania. Der Einbau eines Deeplinks mit einer anderen Buchungsmaschine funktioniert nach demselben Prinzip. 5. Nun öffnet sich Ihnen ein Fenster mit einer Vielzahl an möglichen Einstellungen. Diese variieren je nach der Buchungsmaschine, die Sie gewählt haben. Auch die Datenqualität und Datenverfügbarkeit unterscheidet sich je nach IBE. Unabhängig davon können Sie in diesem Fenster Ihr Angebot individuell gestalten, indem Sie sich von oben nach unten durcharbeiten. Sobald Sie Ihre Eingaben getätigt haben, klicken Sie unten rechts bitte auf weiter. Schmetterling Quadra 135

136 6. Eine Vorschau Ihres gestalteten Deeplinks geht je nach Browser nun in einem neuen Tab oder in einem neuen Fenster auf. Anhand dieser Vorschau können Sie überprüfen ob der Deeplink Ihren Vorstellungen entspricht. Parallel dazu ist in Ihrem Bearbeitungsmodus ein neues Fenster erschienen: 7. Sollte die Vorschau nicht erschienen sein, haben Sie über die Verlinkung in der ersten Zeile dieses Fensters die Möglichkeit diese aufzurufen. In das Eingabefeld müssen Sie einen Namen Schmetterling Quadra 136

137 eingeben unter dem Sie Ihren Deeplink abspeichern möchten. Sobald Sie einen Namen vergeben haben, klicken Sie bitte auf speichern. Hinweis: Anhand dieses Namens, können Sie im Admin Bereich unter Inhalte verwalten nachverfolgen auf welchen Seiten sie welche Deeplinks eingefügt haben. Weiterhin können Sie gespeicherte Deeplinks jederzeit per Klick auf Seiten Ihrer Homepage einfügen (Siehe Punkt 4 dieses Abschnitts). 8. Nun ist der Deeplink auf Ihrer Seite eingefügt. Ihre Kunden können die angezeigten Angebote jetzt über Ihre Buchungsmaschine buchen. Hinweis: Sollte der Deeplink nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte es sichtbar sein. Hinweis: Deeplinks werden hier im Bearbeitungsmodus nicht angezeigt. Stattdessen sehen Sie einen Hinweis, dass Ihr Browser keine SSL-Verschlüsselung unterstützt. Auf Ihrer Internetseite, also wenn Sie sich nicht im Bearbeitungsmodus befinden, wird der Deeplink selbstverständlich korrekt angezeigt. Um dorthin zu wechseln, klicken Sie bitte auf das Platzhalterbild. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihren Deeplink nachträglich noch bearbeiten, die Position verändern oder diesen wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Bahn Online Portal einfügen Mit Schmetterling Quadra können Sie auf Ihre Homepage das Bahn Online Portal einfügen. So bieten Sie Ihren Kunden die Möglichkeit direkt auf Ihrer Homepage dieses Portal zu nutzen. Ein Anschauungsobjekt, finden Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 137

138 Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie das Bahn Online Portal einfügen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Links können Sie das Bahn Online Portal somit nur als Banner einfügen. Im Hauptbereich haben Sie die zwei anschließend beschriebenen Möglichkeiten. 2. Klicken Sie dort auf Deutsche Bahn. Schmetterling Quadra 138

139 3. Im folgenden Fenster können Sie wählen, ob Sie das Bahn Online Portal als Banner oder als Seite einfügen möchten. Hinweis: In die linke Spalte Ihrer Homepage können Sie das Bahn Online Portal nur als Banner einfügen, weswegen dieses Fenster nicht erscheint. Bei Klick auf Deutsche Bahn unter Modul hinzufügen, gelangen Sie sofort zur Auswahl des Banners (siehe Punkt 3.1) Bahn Online Portal als Banner einfügen Über diese Option fügen Sie einen Button auf Ihre Homepage ein, hinter dem sich das Bahn Online Portal in einem neuen Fenster öffnet. Um das Bahn Online Portal als Banner einzufügen, klicken Sie bitte in den Kreis vor der entsprechenden Beschreibung. Im anschließend erscheinenden Fenster können Sie auswählen wie Ihr Banner aussehen soll. Klicken Sie dazu bitte in den Kreis vor Ihrem gewünschten Layout. Schmetterling Quadra 139

140 Hinweis: Die Layout-Auswahl des Banners hat nur optische Auswirkungen. Die Grundfunktion des Bahn Online Portals bleibt unberührt. Das Banner wurde nun auf Ihrer Homepage eingefügt Bahn Online Portal als Seite einfügen Wenn Sie das Bahn Online Portal nicht über eine Verlinkung auf ein neues Fenster, sondern direkt in Ihre Seite, zum Beispiel auch in Kombination mit anderen Inhalten, dargestellt haben möchten, müssen Sie es als Seite einfügen. Dazu klicken Sie bitte in den Kreis vor der entsprechenden Beschreibung. Das Bahn Online Portal wurde nun direkt als Seite in Ihre Homepage integriert. Schmetterling Quadra 140

141 4. Unabhängig davon welche Möglichkeit Sie gewählt haben, steht Ihren Kunden nun das Bahn Online Portal direkt auf Ihrer Homepage zur Verfügung. Hinweis: Sollte das Bahn Online Portal bzw. das Banner nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte es sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie nachträglich noch die Position Ihres Bahn Online Portals bzw. Ihres Banners verändern oder dieses wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite 102. Hinweis: Standardmäßig ist das Bahn Online Portal unter dem Navigationspunkt Service auf Ihrer Homepage hinterlegt. Unter Modul hinzufügen muss es möglicherweise erst freigeschalten werden Formular anlegen Mit Schmetterling Quadra können Sie ein individuelles Formular anlegen. Je nachdem wofür Sie das Formular benötigen, bestimmen Sie die Felder, die Sie benötigen. Nachdem der Kunde das Formular ausgefüllt hat, erhalten Sie die Daten per . Einen Überblick über die verschiedenen Möglichkeiten, die Sie bei der Erstellung eines Formulars haben, finden Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie das Formular anlegen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie die Anleitung Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Schmetterling Quadra 141

142 Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Ein Formular können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Formular. 3. Es öffnet sich folgendes Fenster, in dem Sie wählen können, ob sie ein bestehendes Formular einfügen möchten oder ein neues Formular anlegen möchten. Hinweis: Die beiden Formulare mit dem Wasserzeichen bald erhältlich stellen nur eine optisch andere Variante dar. Die technischen Gegebenheiten sind unabhängig davon ob Sie das verfügbare Formularlayout oder zu gegebener Zeit eines der beiden anderen Layouts wählen. Schmetterling Quadra 142

143 4. Haben Sie bereits ein Formular erstellt und möchten dies nur einfügen, können sie in den oberen Kreis klicken und dann ein bestehendes Formular auswählen. Um ein neues Formular zu erstellen, klicken Sie bitte in den Kreis vor dem Vorschaubild und anschließend auf weiter. 5. Nun gelangen Sie ins Bearbeitungsfenster Ihres Formulars. Zunächst müssen Sie einen Namen für das Formular angeben. Einen Text über und unter dem Formular können Sie optional angeben. Hinweis: Anhand dieses Namens, können Sie im Admin Bereich unter Inhalte verwalten nachverfolgen auf welchen Seiten sie welche Formulare eingefügt haben. Weiterhin können Sie die somit gespeicherten Formulare jederzeit per Klick auf Seiten Ihrer Homepage einfügen (Siehe Punkt 4 dieses Abschnitts). Schmetterling Quadra 143

144 6. Um nun eigene Formularfelder anzulegen, klicken Sie bitte auf das Plussymbol. 7. Die Zeile, die daraufhin eingefügt wird, ist grundsätzlich folgendermaßen aufgebaut: In der ersten Spalte geben Sie dem Kunden vor, was Sie von ihm wissen wollen (zum Beispiel: Name, Reisedatum, Abflughafen). In der zweiten Spalte definieren Sie das jeweilige Feld des Formulars (Eine detaillierte Beschreibung der verschiedenen Möglichkeiten folgt im Anschluss). In der dritten Spalte hat der Kunde die Möglichkeit seine Angaben zu machen; entweder als freie Eingabe oder durch Vorgaben, die er von Ihnen erhält. In der letzten Spalte legen Sie fest, ob das jeweilige Feld eine Pflichtangabe oder eine optionale Eingabe sein soll. Ein Formular ist für den Kunden nur dann abschickbar, wenn er alle Pflichtfelder ausgefüllt hat. Mit dem roten Kreuz ganz rechts löschen Sie die jeweilige Zeile. Eine neue Zeile fügen Sie wieder über das Plussymbol unten links hinzu. Hinweis: Auf können Sie sich ein Bild von jedem Feld machen. Hier ist aufgeführt wie letztlich jede Option dargestellt werden kann. Schmetterling Quadra 144

145 7.1. Textfeld Bei dieser Option hat der Kunde die Möglichkeit eine freie, kurze Eingabe zu machen. Wenn Sie zum Beispiel in die erste Spalte Name schreiben und die dritte leer lassen, hat er dort die Möglichkeit diesen einzutragen Radiobox Hier haben Sie die Möglichkeit den Kunden aus verschiedenen Optionen genau eine auswählen zu lassen. Zum Beispiel können Sie in der ersten Spalte die Anzahl der Reisenden abfragen und in der dritten Spalte verschiedene Vorgaben machen. Dazu tragen Sie Ihre individuellen Vorgaben in die dritte Spalte ein und trennen diese mit dem Zeichen. Entsprechend dem Hinweis im Bearbeitungsfenster erzeugen Sie dieses Zeichen mit der Tastenkombination alt Gr und ><. Diese zweite Taste finden Sie auf der Tastatur links neben dem Buchstaben Y Checkbox Auch hier geben Sie dem Kunden Vorgaben zum Ausfüllen dieses Feldes. Der wesentliche Unterschied zur Radiobox ist die Möglichkeit der Mehrfachnennung. Während bei Radiobox nur eine Antwort angegeben werden kann, sind bei Checkbox mehrere Antworten möglich. Die Erstellung Ihrer Vorgaben verläuft genauso wie bei der Radiobox Selectbox Bei dieser Option hat der Kunde die Möglichkeit aus Ihren Vorgaben auch nur eine einzige Antwort auszuwählen. Der Unterschied zur Radiobox besteht in der Darstellungsweise für den Kunden. Während bei Radiobox Ihre Vorgaben sofort sichtbar untereinander gelistet sind, muss bei Selectbox die Antwort aus einem Kasten ausgewählt werden. Die Erstellung dieses Feldes läuft allerdings unverändert ab Infotext Dadurch haben Sie die Möglichkeit einen Text für Ihren Kunden in das Formular einzubauen. Der Kunde kann hier nichts selber ausfüllen, der Text dient rein als Information. Dieser wird von Ihnen in die dritte Spalte eingetragen und erscheint somit auch an der Stelle, wo der Kunde seine Angaben bei den andern Feldern macht. In die erste Spalte können Sie wie üblich eine Art Überschrift einfügen oder dieses Feld leer lassen. Schmetterling Quadra 145

146 7.6. Verifikation Unter Verifikation befindet sich ein Captcha mit einer Sicherheitsabfrage. Diese fordert den Kunden auf eine Zahlen-/Buchstabenkombination einzugeben, bevor er das gesamte Formular abschicken kann. Unabhängig davon was Sie in der letzten Spalte auswählen, ist dieses Feld immer eine Pflichtangabe. Wird dieses Feld falsch oder überhaupt nicht ausgefüllt, wird das Formular auch nicht abgeschickt. Entsprechend ist es sinnvoll diese Sicherheitsabfrage an das Ende Ihres Formulars zu stellen, da es den letzten Schritt vor dem Versenden darstellt. In die erste und dritte Spalte müssen Sie nichts eintragen. Natürlich können Sie die erste Spalte aber auch dafür verwenden Ihre Kunden aufzufordern, die Kombination einzugeben. Hinweis: Diese Sicherheitsabfrage hat den Zweck Spam-Mails zu verhindern. Da diese Kombination von Hand eingegeben werden muss, ist es automatischen Absendern sehr schwierig diese Kombination zu erkennen und somit die Chance sehr gering, dass solch automatische Spam-Mails bei Ihnen ankommen Textarea Diese Option ist dem Textfeld sehr ähnlich. Der einzige Unterschied besteht darin, dass der Kunde bei Textfeld eine Zeile für seine Angabe hat, bei Textarea hingegen ein ganzes Feld, in das er Text eintragen kann. Entsprechend eignet sich dieses Feld gut, um weitere Wünsche des Kunden nicht standardisiert abzufragen Imageupload Dadurch bieten Sie dem Kunden die Möglichkeit Ihnen ein Bild zu schicken, sobald er das Formular absendet. In die erste Spalte können Sie wie gewohnt eine Aufforderung an Ihren Kunden einstellen. Dahinter wird sich dann ein Button befinden, wo Ihre Kunden auf die Ordnerstruktur ihres Computers zugreifen und somit ein Bild auswählen können. Die dritte Spalte lassen Sie frei Dateiupload Der einzige Unterschied bei dieser Option zum vorherigen Punkt Imageupload besteht darin, dass hier Dateien vom Kunden hochgeladen werden können und an Sie über das Formular versendet werden können Verstecktes Feld Dieses Feld ist für den Kunden nicht sichtbar. Es ist somit nur für Sie sichtbar, wenn Sie ein ausgefülltes Formular per bekommen. Das kann dann nützlich sein, wenn Sie Schmetterling Quadra 146

147 zum Beispiel eine interne Information oder Erinnerung im Zuge dieser bekommen möchten. Dabei wird Ihnen nur der Text angezeigt, den Sie in die erste Spalte schreiben. Die dritte Spalte können Sie entsprechend leer lassen Datums Feld Mit diesem Feld stellen Sie dem Kunden einen Kalender zur Verfügung, aus dem er ein bestimmtes Datum auswählen kann. In die erste Spalte schreiben Sie erneut Ihre Anforderung und die dritte Spalte lassen Sie wieder leer Textfeld (Readonly) Bei dieser Option handelt es sich rein optisch um ein Textfeld aus 9.1. Der einzige Unterschied besteht darin, dass Sie die dritte Zeile selber mit einem Text befüllen. Diesen kann der Kunde auch nicht verändern. Er dient nur zum Lesen. Schmetterling Quadra 147

148 8. Wenn Sie alle benötigten Felder angelegt haben, klicken Sie bitte unten rechts auf weiter. 9. In folgendem Fenster, das sich Ihnen geöffnet hat, sehen Sie in der ersten Zeile zunächst den Namen Ihres Formulars, den Sie unter Punkt 5 vergeben haben. 10. Das Eingabefeld in der zweiten Zeile ist standardmäßig leer. Das bedeutet, dass das Formular an die Adresse versendet wird, die bei uns zentral hinterlegt ist. In der Regel ist das Ihre Schmetterling Quadra 148

149 Hier haben Sie aber nun die Möglichkeit einzustellen, dass das jeweilige Formular an eine andere Adresse geschickt wird. Dazu tragen Sie diese bitte in das Feld ein. Andernfalls können Sie das Feld leer lassen. 11. Weiterhin besteht die Möglichkeit, dass Ihre Kunden, sobald Sie das Formular abgeschickt haben, auf eine andere Seite Ihrer Homepage verwiesen werden. Alle Seiten, die Sie bereits angelegt haben, sind in der Selectbox der dritten Zeile verzeichnet. Per Mausklick können Sie die Seite auswählen auf die der Kunde automatisch gelangen soll, nachdem das Formular abgeschickt wurde. Hinweis: Sie können beispielsweise eine Seite erstellen, auf der sich nur ein Text/Bild Inhalt Modul befindet wo Sie sich für die Anfrage bedanken. Wie Sie eine neue Seite erstellen erfahren Sie im Abschnitt Neuen Navigationspunkt anlegen auf Seite 95. Hier empfiehlt es sich diese Seite dann zu deaktivieren, sodass Sie nicht in der Navigationsleiste auftaucht. Diesen Vorgang können Sie im Abschnitt Navigation bearbeiten auf Seite 89 nachlesen. Hinweis: Die letzte Zeile notification Type erfüllt keinen weiteren Zweck und ist für Sie somit belanglos. 12. Nun können Sie die Formularerstellung abschließen. Klicken Sie dazu bitte auf speichern unten rechts. Ihr Formular wird auf Ihre Homepage eingefügt. Schmetterling Quadra 149

150 Hinweis: Sollte das Formular nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte es sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihr Formular nachträglich noch bearbeiten, die Position verändern oder dieses wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite GIATA Reisekataloge einfügen Mit Schmetterling Quadra können Sie auf Ihre Homepage den Giata Internet Hotel Guide einfügen. So bieten Sie Ihren Kunden die Möglichkeit sämtliche Reisekataloge von Giata anzusehen oder auch nach bestimmten Hotels zu suchen. Ein Anschauungsobjekt finden Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 150

151 Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie die Reisekataloge einfügen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Links können Sie Reisekataloge somit nur als Banner einfügen. Im Hauptbereich haben Sie die zwei anschließend beschriebenen Möglichkeiten. 2. Klicken Sie dort auf Giata. 3. Im folgenden Fenster können Sie wählen, ob Sie die Reisekataloge als Banner oder als Seite einfügen möchten. Schmetterling Quadra 151

152 Hinweis: In die linke Spalte Ihrer Homepage können Sie die Reisekataloge nur als Banner einfügen, weswegen dieses Fenster nicht erscheint. Bei Klick auf Giata unter Modul hinzufügen, wird sofort das Banner, also der Button mit der Verlinkung zu den Reisekatalogen, in Ihre linke Spalte der Homepage eingefügt Reisekataloge als Banner einfügen Über diese Option fügen Sie einen Button auf Ihre Homepage ein, hinter dem sich der Giata Hotelguide auf einer separaten Seite öffnet. Um die Reisekataloge als Banner einzufügen, klicken Sie bitte in den Kreis vor der entsprechenden Beschreibung. Hinweis: Das Banner passt sich optisch immer an das Layout Ihrer Homepage an und existiert somit in verschiedenen Ausfertigungen. Das Banner wurde nun auf Ihrer Homepage eingefügt Reisekataloge als Seite einfügen Wenn Sie den Hotelguide nicht über eine Verlinkung auf eine Systemseite, sondern direkt in Ihre eigens erstellte Seite, zum Beispiel auch in Kombination mit anderen Inhalten, dargestellt haben möchten, müssen Sie ihn als Seite einfügen. Dazu klicken Sie bitte in den Kreis vor der entsprechenden Beschreibung. Der Giata Hotelguide wurde nun direkt als Seite in Ihre Homepage integriert. 4. Unabhängig davon welche Möglichkeit Sie gewählt haben, stehen Ihren Kunden nun die Reisekataloge sowie die Hotelsuche zur Verfügung. Hinweis: Sollte der Hotelguide bzw. das Banner nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte er sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie nachträglich noch die Position Ihrer Schmetterling Quadra 152

153 Reisekataloge bzw. Ihres Banners verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Gästebuch einfügen Mit Schmetterling Quadra können Sie Ihrer Homepage ein Gästebuch hinzufügen. Somit können Besucher Kommentare auf Ihrer Seite hinterlassen. Wie das Gästebuch ausschaut, sehen Sie unter Hinweis: Um die Systemseite Gästebuch anzulegen oder dieses zu verwalten, müssen Sie im Admin Bereich tätig werden (siehe Abschnitt Gästebuch administrieren auf Seite 47). 1. Um ein Gästebuch als Modul, zum Beispiel unterhalb eines bestehenden Inhaltes, einzufügen, klicken Sie im Bearbeitungsmodus auf Modul hinzufügen, sodass sich ein neues Fenster öffnet. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie das Gästebuch einfügen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen, weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Das Gästebuch können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Gästebuch. Schmetterling Quadra 153

154 3. Das Gästebuch ist nun auf Ihre Homepage eingefügt worden. Hinweis: Sollte das Gästebuch nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte es sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie die Position Ihres Gästebuchs nachträglich noch verändern oder dieses wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Home Button einfügen Mit Schmetterling Quadra können Sie per Mausklick einen Home Button auf Ihre Homepage einbinden. Dieser ermöglicht es Ihren Besuchern sofort auf die Startseite Ihres Internetauftrittes zurückzukehren, wenn sie sich auf einer Unterseite Ihrer Homepage befinden. 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 154

155 Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. Der Hauptunterschied besteht darin, dass die linke Spalte immer sichtbar ist, solange sich der Kunde auf Ihrer Homepage befindet, unabhängig davon ob er sich auf der Startseite oder auf einer Unterseite befindet. Im Hauptbereich hingegen wird immer der Inhalt angezeigt, der auf den jeweiligen Unterseiten eingestellt wurde. Um die oben beschriebenen Vorteile des Home Buttons auszunutzen, empfiehlt es sich den Home Button in die linke Spalte einzufügen. 2. Klicken Sie in dem geöffneten Fenster auf Home Button. 3. Nun wird der Home Button auf Ihrer Homepage eingefügt. Dieser Button passt sich optisch immer automatisch an das Layout Ihrer Webseite an, weswegen Sie ihn auch nicht weiter bearbeiten können. Schmetterling Quadra 155

156 Hinweis: Sollte der Home Button nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte es sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie die Position Ihres Home Buttons nachträglich noch verändern oder diesen wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Allgemeine Kontaktbox einbauen Mit Schmetterling Quadra können Sie Ihren Kunden Ihre Kontaktdaten und Öffnungszeiten auf Ihrer Homepage in einer speziellen Box vor Augen führen. Dazu steht Ihnen die Kontaktbox in drei verschiedenen Varianten zur Verfügung. Einen Überblick darüber wie die Kontaktbox letztlich aussehen kann, finden Sie unter TUI TRAVELStaroder Neckermann Partner Reisebüros finden die Anleitung zu ihrer spezifischen Kontaktbox in den nächsten beiden Abschnitten auf Seite 167 und Seite Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 156

157 Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. Der Hauptunterschied besteht darin, dass die linke Spalte immer sichtbar ist, solange sich der Kunde auf Ihrer Homepage befindet, unabhängig davon ob er sich auf der Startseite oder auf einer Unterseite befindet. Im Hauptbereich hingegen wird immer der Inhalt angezeigt, der auf den jeweiligen Unterseiten eingestellt wurde. Um den Kunden Ihre Kontaktdaten ständig vor Augen zu halten, empfiehlt es sich die Kontaktbox in die linke Spalte einzufügen. 2. Klicken Sie dort auf Kontaktbox. 3. Es öffnet sich folgendes Fenster, in dem Sie eine der drei verschiedenen Varianten der Kontaktbox auswählen können. Schmetterling Quadra 157

158 Variante 1 Kontaktbox an Hand einer vorgegebenen Vorlage 1. Klicken Sie bitte in das oberste Kästchen, um eine Kontaktbox anhand einer vorgegebenen Vorlage zu erstellen.. 2. Nun erscheint folgendes Fenster, wo Sie wählen können, ob Sie eines der beiden Standardbilder verwenden möchten, ein eigenes Bild einsetzen möchten oder eine Kontaktbox ohne Bild auf Ihre Homepage setzen möchten. Hinweis: Wenn Sie eines der beiden Standardbilder anklicken, wird das Standardbild in Ihre Kontaktbox eingefügt und Sie fahren anschließend fort mit Punkt 5. Auch wenn Sie kein Bild einstellen, springen Sie nach vorne zu Punkt 5. Schmetterling Quadra 158

159 3. Klicken Sie bitte in das entsprechende Kästchen, um ein eigenes Bild zu verwenden. 4. Nun öffnet sich ein Fenster, wo Sie ein individuelles Bild entweder von Ihrer Mediathek oder von Ihrem PC auswählen können. Hinweis: Wie Sie generell Bilder durch diese zwei vorgegebenen Varianten auf Ihre Homepage einfügen, erfahren Sie im Abschnitt Bilder einfügen auf Seite 69. Bitte beachten Sie den Hinweis im oberen Bereich des Fensters. Nachdem Sie ein Bild ausgewählt haben, können Sie sich im Feld Vorschau über die tatsächliche Darstellungsweise Ihres Bildes vergewissern. Wenn Sie ein Bild ganz genau anpassen möchten, sehen Sie im rechten Bereich des Fensters für jedes Layout eine Größenangabe in der Maßeinheit Pixel. Wenn Sie mit der Auswahl des Bildes fertig sind, klicken Sie bitte auf weiter. Schmetterling Quadra 159

160 5. Jetzt sind Sie im Fenster zur Eingabe der Telefonnummer, der Öffnungszeiten und der Adresse angelangt. Klicken Sie bitte zunächst mit der Maus in das Eingabefeld, wo Sie Ihre Aktualisierungen vornehmen möchten und tippen mit Ihrer Tastatur bitte die Telefonnummer, die Öffnungszeiten sowie Adresse ein. Die beiden Felder mit den Kontaktdaten sind zwar bereits vorausgefüllt, können aber von Ihnen geändert werden. Um diesen Vorgang abzuschließen und die Kontaktbox auf Ihre Homepage einzufügen, klicken Sie bitte unten rechts auf den Button speichern. Ihre Kontaktbox befindet sich nun auf Ihrer Webseite. Hinweis: Sollte die Kontaktbox nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihre Kontaktbox nachträglich noch bearbeiten, die Position verändern oder diese wieder entfernen. Da diese Schmetterling Quadra 160

161 Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite 102. Variante 2 Kontaktbox an Hand einer leeren Vorlage 1. Klicken Sie bitte in das entsprechende Kästchen, um eine Kontaktbox anhand einer leeren Vorlage zu erstellen. 2. Nun begegnet Ihnen wie bei der ersten Variante wieder die Frage welches Bild Sie verwenden möchten. Wenn Sie sich für ein eigenes Bild entscheiden, müssen Sie denselben Prozess wie oben durchlaufen. Entscheiden Sie sich für ein Standardbild oder für kein Bild, gelangen Sie sofort zum Fenster wo Sie Ihre Kontaktdaten eingeben können. 3. Bei dieser Variante haben Sie im Gegensatz zur ersten Variante nun kein vorgefertigtes Eingabefeld, sondern eine leere Vorlage. Hier können Sie jetzt ganz individuell Ihren gewünschten Text eintippen und mit den Buttons im oberen Bereich formatieren. Im rechten Bereich steht Ihnen eine Vorschau zur Verfügung, um die Darstellungsweise zu überprüfen. Darüber hinaus haben Sie die Möglichkeit bei dieser Variante einen individuellen Titel anzugeben. Das entsprechende Eingabefeld finden Sie ganz oben. Der Titel fungiert dann als Überschrift Ihrer Kontaktbox. Schmetterling Quadra 161

162 Hinweis: Um einen Zeilenumbruch zu generieren, haben Sie zwei Möglichkeiten. Wenn Sie die Entertaste drücken, wird damit automatisch ein geringer Zeilenabstand generiert. Drücken Sie hingegen die Shift-Taste gleichzeitig mit der Entertaste springen Sie in die nächste Zeile ohne einen Zeilenabstand. Hinweis: Welche Möglichkeiten Sie in diesem Editor haben und wie Sie diese anwenden ist auszugsweise in der Kurzanleitung Text/Bild Inhalt einfügen auf Seite 187 beschrieben. 4. Wenn Sie Ihre Kontaktdaten nach Ihren Wünschen eingegeben haben, klicken Sie unten rechts bitte auf speichern. Ihre Kontaktbox an Hand einer leeren Vorlage wird auf die Homepage eingefügt. Schmetterling Quadra 162

163 Hinweis: Sollte die Kontaktbox nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihre Kontaktbox nachträglich noch bearbeiten, die Position verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite 102. Variante 3 Kontaktbox an Hand von festen und verschiedenen Zeiten 1. Klicken Sie bitte in das unterste Kästchen, um eine Kontaktbox anhand von festen und verschiedenen Zeiten zu erstellen. 2. Nun begegnet Ihnen wie bei den anderen Varianten wieder die Frage welches Bild Sie verwenden möchten. Wenn Sie sich für ein eigenes Bild entscheiden, müssen Sie denselben Prozess wie oben durchlaufen. Entscheiden Sie sich für ein Standardbild oder für kein Bild, gelangen Sie sofort zum Fenster, in dem Sie Ihre Kontaktdaten eingeben können. Schmetterling Quadra 163

164 3. Bei dieser Variante erwartet Sie nun ein Fenster mit vielen Selectboxen zur Einstellung der detaillierten Öffnungszeiten. 4. Zunächst müssen Sie wählen, ob Sie Zeiten mit oder ohne Mittagspause angeben möchten. Wenn Sie Mittag Ihr Büro schließen, haken Sie bitte das Feld hinter dem Schriftzug Ich möchte zwei Zeiten für einen Tag eingeben an. Nun können Sie pro Tag zwei Öffnungszeiten angeben, da die hinteren beiden Felder angezeigt werden und somit auswählbar sind. Hinweis: In den beiden Zeilen Telefonnummer und Adresse sind standardmäßig Ihre allgemeinen Kontaktdaten angegeben. Hier können Sie natürlich Schmetterling Quadra 164

165 jederzeit auch eine andere Nummer oder Adresse eintragen, wenn beispielsweise ein bestimmter Mitarbeiter mit seiner Durchwahl/ Adresse für den Eingang zuständig ist. 5. Wenn Sie nun bei den jeweiligen Selectboxen auf den nach unten gerichteten Pfeil klicken, öffnet sich eine Auswahl, wo Sie Ihre genauen Öffnungszeiten eingeben können. Damit Sie Ihre Eingaben nicht für jeden Tag erneut einstellen müssen, haben Sie ganz rechts in der Montagszeile den Button Für alle. Schmetterling Quadra 165

166 6. Nun haben Sie Ihre Öffnungszeiten an jedem Tag gleichermaßen eingefügt. Natürlich können Sie jeden einzelnen Tag noch nachbearbeiten. Wenn Sie zum Beispiel an einem Vormittag oder Nachmittag geschlossen haben, benutzen Sie bitte die Auswahl Keine Angabe, die Sie in jeder Selectbox der ersten und dritten Spalte ganz unten finden. Wenn Sie an einem Tag komplett geschlossen haben, klicken Sie bitte rechts hinter dem jeweiligen Tag auf Geschlossen. Schmetterling Quadra 166

167 7. Wenn Sie jetzt auf speichern unten rechts klicken, wird Ihre Kontaktbox mit den Öffnungszeiten in tabellarischer Form auf Ihrer Homepage eingefügt. Hinweis: Sollte die Kontaktbox nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihre Kontaktbox nachträglich noch bearbeiten, die Position verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite TUI TRAVELStar Kontaktbox bearbeiten Partner der Kooperation TUI TRAVELStar haben die Kontaktbox bereits fest in das TUI TRAVELStar Layout integriert, weswegen die Kontaktbox nicht erneut hinzugefügt werden kann. Ihre bestehende Kontaktbox können Sie natürlich bearbeiten und somit individualisieren. 1. Fahren Sie dazu im Bearbeitungsmodus Ihrer Homepage über die Kontaktbox, sodass eine Bearbeitungsleiste erscheint. In dieser klicken Sie auf das Zahnrad, um die Kontaktbox zu bearbeiten. Schmetterling Quadra 167

168 2. Nun öffnet sich ein Fenster, in dem Sie wählen müssen, ob Sie das Standardbild oder ein individuelles Bild verwenden möchten. Wenn Sie ein eigenes Bild einfügen möchten, müssen Sie im unteren Bereich auf Ja klicken. Die weiteren Schritte sind identisch der allgemeinen Beschreibung, die Sie ab Seite 159 finden. Wenn Sie das Standardbild verwenden möchten, klicken Sie bitte auf das erste Ja. 3. Unabhängig davon welches Bild Sie ausgewählt haben, öffnet sich Ihnen ein Fenster mit verschiedenen Eingabeoptionen. In Ihre Kontaktbox werden standardmäßig Ihre bei Schmetterling hinterlegten Kontaktdaten eingetragen. Wenn Sie davon abweichend eine andere Telefonnummer angeben möchten, haben Sie in der ersten Zeile die Gelegenheit dazu. In den nächsten beiden Zeilen haben Sie die Möglichkeit Ihre Öffnungszeiten für Montag bis Freitag am Vormittag und am Nachmittag anzugeben. Wenn Sie durchgehend geöffnet haben, tragen Sie die Zeiten bitte nur in die erste Zeile ein. Anschließend können Sie Ihre Öffnungszeiten für den Samstag eintragen. In der letzten Zeile steht Ihnen ein Feld zur Verfügung, wo Sie abweichende Eingaben tätigen können, zum Beispiel, dass Sie Mittwochnachmittag geschlossen haben. Wenn Sie mit der Bearbeitung fertig sind, klicken Sie unten rechts bitte auf speichern. Die Änderungen sind nun in Ihre bestehende Kontaktbox eingepflegt. Schmetterling Quadra 168

169 3.24 Neckermann Kontaktbox einfügen Büros der Kooperation Neckermann Reisen Partner steht im Neckermann Layout eine spezielle Kontaktbox zur Verfügung, die Sie individuell anpassen können. 1. Analog zur allgemeinen Anleitung auf Seite 156 müssen Sie im Bearbeitungsmodus zunächst den Button Modul hinzufügen drücken und danach Kontaktbox. Anschließend öffnet sich Ihnen ein Fenster, in dem Sie Ihre spezielle Kontaktbox wählen können, indem Sie in das Kästchen vor Ja klicken. 2. Daraufhin erhalten Sie ein Fenster, in dem Sie wählen müssen, ob Sie das Standardbild oder ein individuelles Bild verwenden möchten. Wenn Sie ein individuelles Bild einfügen möchten, müssen Sie im unteren Bereich auf Ja klicken. Die weiteren Schritte sind identisch der allgemeinen Anleitung, die Sie ab Seite 158 finden. Wenn Sie das Standardbild verwenden möchten, klicken Sie bitte auf das erste Ja. Schmetterling Quadra 169

170 3. Unabhängig davon welches Bild Sie ausgewählt haben, öffnet sich Ihnen ein Fenster mit verschiedenen Eingabeoptionen. In Ihre Kontaktbox werden standardmäßig Ihre bei Schmetterling hinterlegten Kontaktdaten eingetragen. Wenn Sie davon abweichend eine andere Telefonnummer angeben möchten, haben Sie in der ersten Zeile die Gelegenheit dazu die bestehende Nummer zu verändern. Zunächst ist das Bearbeitungsfenster so konzipiert, dass Sie Ihr Büro mittags nicht schließen. Entsprechend sehen Sie an den einzelnen Wochentagen jeweils zwei weiße Selectboxen und zwei ausgegraute Selectboxen. Um zwei Zeiten pro Tag anzugeben, müssen Sie die Checkbox hinter der entsprechenden Aufforderung anhaken, indem Sie mit der Maus in das leere Kästchen klicken. 4. Jetzt sind alle Selectboxen weiß hinterlegt und die Werte darin somit auswählbar. Ihre Öffnungszeiten können Sie nun durch Anklicken anlegen. Um Ihre Einstellungen vom Montag ebenso für alle anderen Wochentage zu übernehmen, klicken Sie bitte ganz rechts auf den Befehl Für alle. Schmetterling Quadra 170

171 5. Nun haben Sie Ihre Öffnungszeiten an jedem Tag gleichermaßen eingefügt. Natürlich können Sie jeden einzelnen Tag noch nachbearbeiten. Wenn Sie zum Beispiel an einem Vormittag oder Nachmittag geschlossen haben, benutzen Sie bitte die Auswahl Keine Angabe, die Sie in jeder Selectbox der ersten und dritten Spalte ganz unten finden. Wenn Sie an einem Tag komplett geschlossen haben, klicken Sie bitte rechts hinter dem jeweiligen Tag auf Geschlossen. Schmetterling Quadra 171

172 Hinweis: Wenn Sie für Sonntag Geschlossen angehakt haben, wird diese Zeile in der fertigen Kontaktbox ausgeblendet. Bei jedem anderen Wochentag hingegen wird explizit erscheinen, dass Sie an diesem Tag geschlossen haben. 6. Wenn Sie unten rechts auf speichern klicken, wird die Kontaktbox auf Ihre Homepage eingefügt. Hinweis: Sollte die Kontaktbox nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihre Kontaktbox nachträglich noch bearbeiten, die Position verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite 102. Hinweis: In der Neckermann Kontaktbox sind die beiden Verlinkungen Unser Team und Hier finden Sie uns integriert. Dahinter befindet sich zunächst ein Standardtext. Hier ist es empfehlenswert einen individuellen Text einzustellen. Wie Sie dies bewerkstelligen, erfahren Sie im Abschnitt Text/Bild Inhalt einfügen auf Seite Newsbox anlegen Mit Schmetterling Quadra können Sie Ihren Kunden Ihre Neuigkeiten in einer separaten Box präsentieren. In jeweils drei Zeilen können Sie kurz auf Ihre Neuigkeiten hinweisen. Wenn der Kunde darauf klickt, öffnet sich ihm eine detaillierte Beschreibung. Wie solch eine Newsbox letztlich aussehen kann und funktioniert, sehen Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 172

173 Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. Der Hauptunterschied besteht darin, dass die linke Spalte immer sichtbar ist, solange sich der Kunde auf Ihrer Homepage befindet, unabhängig davon ob er sich auf der Startseite oder auf einer Unterseite befindet. Im Hauptbereich hingegen wird immer der Inhalt angezeigt, der auf den jeweiligen Unterseiten eingestellt wurde. Um den Kunden Ihre Neuigkeiten ständig vor Augen zu halten, empfiehlt es sich die Newsbox in die linke Spalte einzufügen. 2. Klicken Sie dort auf Newsbox. 3. In dem Fenster, das sich nun öffnet, haben Sie im unteren Bereich die Möglichkeit eine bestehende Newsbox auszuwählen und anschließend zu bearbeiten oder auf die Homepage einzufügen. Hier können Sie eine bereits erstellte Newsbox auch wieder löschen, indem Sie auf das rote Kreuz rechts daneben klicken. Wenn Sie eine neue Newsbox erstellen möchten, klicken Sie bitte auf das Pluszeichen im oberen Bereich. Schmetterling Quadra 173

174 4. Nun erscheint eine Eingabezeile, in die Sie einen Namen für die komplette Newsbox eintragen müssen. Anschließend drücken Sie bitte auf Speichern. Hinweis: Der Name ist für den Kunden nicht sichtbar. Er dient Ihnen rein als Speichername, sodass Sie nachträglich auch wieder darauf zurückgreifen können (siehe Punkt 3). 5. Jetzt werden Sie gefragt ob Sie ein Bild in Ihre Newsbox einfügen möchten. Wenn Sie auf Nein klicken, kommen Sie sofort zu Punkt 6. Bei Ja öffnet sich Ihnen ein neues Fenster wo Sie ein individuelles Bild von Ihrer Mediathek einfügen können oder von Ihrem PC hochladen können. Bitte beachten Sie, dass Ihr Bild in einen festen Rahmen eingepasst wird. Nachdem Sie ein Bild ausgewählt haben, können Sie sich im Feld Vorschau über die tatsächliche Darstellungsweise Ihres Bildes vergewissern. Wenn Sie ein Bild ganz genau anpassen möchten, sehen Sie unterhalb der Vorschau für jedes Layout eine Größenangabe in der Maßeinheit Pixel. Wenn Sie Schmetterling Quadra 174

175 mit der Auswahl des Bildes fertig sind, klicken Sie bitte auf weiter. Hinweis: Wie Sie generell Bilder durch diese zwei vorgegebenen Varianten auf Ihre Homepage einfügen, erfahren Sie im Abschnitt Bilder einfügen auf Seite Nun haben Sie die Möglichkeit Ihrer Newsbox einen Titel hinzuzufügen. Wenn Sie sich dagegen entscheiden, gelangen Sie direkt zu Punkt 7. Bei Klick auf Ja öffnet sich Ihnen ein Bearbeitungsfenster. In diesem neuen Fenster können Sie im Textfeld links einen Titel eingeben. Rechts daneben haben Sie die Möglichkeit die Schriftart, -größe und farbe so anzupassen, dass der Titel zusammen mit dem gewählten Bild stimmig ist. Dies können Sie im Vorschaufenster auf der rechten Seite überprüfen. Wenn Sie mit Ihren Eingaben zufrieden sind, klicken Sie bitte auf weiter. Schmetterling Quadra 175

176 7. Im nächsten Schritt müssen Sie sich entscheiden, ob Sie hinter dem Bild eine Verlinkung hinzufügen möchten. Entscheiden Sie sich für Nein gelangen Sie direkt zu Punkt 9. Andernfalls bekommen Sie nun ein weiteres Bearbeitungsfenster. Hier können Sie eine beliebige Internetadresse in das freie Feld im oberen Bereich eintippen. Weiterhin besteht im unteren Bereich des Fensters auch die Möglichkeit, auf einen vorhandenen Inhalt zu verlinken. In der ersten Selectbox können Sie auswählen ob Sie auf eine andere Seite Ihrer Homepage, auf eine PDF-Datei, die sich in der Mediathek befindet oder auf abgespeicherte Deeplinks und Formulare verlinken möchten. Daraufhin können Sie in der zweiten Selectbox Ihre Verlinkung konkretisieren. Wenn Sie Ihre Verlinkung gesetzt haben, klicken Sie bitte auf weiter. Schmetterling Quadra 176

177 Hinweis: Hier ist eine Verlinkung zum Beispiel dann sinnvoll, wenn Sie eine Übersichtseite haben, wo Sie immer alle Neuigkeiten präsentieren. Eine Verlinkung auf eine konkrete Neuigkeit bietet sich besser über den dreizeiligen Kurztext an, der im weiteren Verlauf noch beschrieben wird. 8. Jetzt haben Sie den ersten Teil Ihrer Newsbox abgeschlossen. Während Sie bisher die allgemeinen Bereiche Ihrer Newsbox eingerichtet haben, geht es im Folgenden um Ihre konkreten Neuigkeiten. Entsprechend haben Sie die Möglichkeit die Newsbox mit dem bisherigen Stand, also ohne konkrete Neuigkeit, auf Ihre Homepage einzufügen, oder einen neuen, konkreten Newsbeitrag anzulegen. Um die zweite Option anzuwenden, klicken Sie bitte auf das untere Ja. 9. Im neuen Fenster sind im unteren Bereich, diejenigen Beiträge gelistet, die Sie für diese Newsbox bereits erstellt haben. Da hier bei einer neuen Newsbox noch keine bestehenden Beiträge stehen können, erstellen Sie bitte einen neuen Newsbeitrag, indem Sie auf das Plussymbol hinter der entsprechenden Aufforderung klicken. Schmetterling Quadra 177

178 10. Als erstes müssen Sie das Datum Ihres Beitrages setzen. Standardmäßig ist das aktuelle Datum voreingestellt. Durch Klick in das Feld, öffnet sich Ihnen ein Kalender, sodass Sie ein beliebiges Datum auswählen können. Bestätigen Sie das Datum, indem Sie auf weiter drücken. Hinweis: Wenn Sie mehrere Beiträge untereinander in einer Newsbox haben, ist das Datum maßgeblich für die Reihenfolge der Beiträge. Der Beitrag mit dem ältesten Datum ist an unterster Position gelistet. 11. Im jetzigen Fenster sehen Sie drei leere Zeilen, wo Sie Ihre Kurzinformation eintippen können. Da die komplette Newsbox an eine bestimmte Größe gebunden ist, haben Sie innerhalb der Eingabezeilen eine Zeichenbegrenzung. Im unteren Teil sehen Sie auch eine Vorschau mit allen bisher getätigten Eingaben. Wenn Sie soweit zufrieden sind, drücken Sie unten rechts auf weiter. Hinweis: Sie müssen nicht alle drei Zeilen beschreiben, sie können auch nur eine oder zwei Zeilen beschrieben. Schmetterling Quadra 178

179 12. Im anschließenden Fenster können Sie wählen ob Sie zum Newsbeitrag noch ergänzende Informationen verfassen möchten. Wenn dies der Fall ist, klicken Sie bitte auf das Kästchen vor Ja. Wenn Sie auf Nein klicken, gelangen Sie in das Bearbeitungsfenster aus Schritt 13 dieses Abschnitts. 13. Nun gelangen Sie in einen Editor, in dem Sie Ihre Neuigkeit zu dem aktuellen Beitrag detailliert beschreiben können. Innerhalb dieses Editors können Sie unter anderem Ihren Text auch formatieren oder Tabellen und Bilder einfügen. Nach Beendigung drücken Sie auf Weiter. Schmetterling Quadra 179

180 Hinweis: Welche Möglichkeiten Sie hier haben und wie Sie diese anwenden ist auszugsweise im Abschnitt Text/Bild Inhalt einfügen auf Seite 187 beschrieben. 14. Abschließend können Sie diese Newsbox nur um diesen Beitrag erweitern oder die komplette Newsbox mit all ihren Beiträgen sofort auf Ihre Homepage einfügen. Im ersten Fall wird der erstellte Beitrag dieser Newsbox hinzugefügt, aber noch nicht auf Ihre Homepage eingefügt. Dies geschieht erst dann, wenn Sie wieder auf Modul hinzufügen klicken und ab Punkt 3 dieses Abschnittes die entsprechenden Schritte durchführen. Um die Newsbox sofort nach der Erstellung auf die Homepage einzufügen, klicken Sie bitte auf das untere Ja. Hinweis: Sollte die Newsbox nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihre Newsbox nachträglich noch Schmetterling Quadra 180

181 bearbeiten, die Position verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Jetzt wurde Ihre Newsbox auf die Homepage eingefügt. Um einen bestehenden Beitrag zu verändern oder zu löschen, einen neuen Beitrag hinzuzufügen oder sonstige Änderungen vorzunehmen, klicken Sie bitte in der Bearbeitungsleiste links neben der Newsbox das Zahnrad an. 16. Nun öffnet sich Ihnen wieder das Fenster mit der Frage ob Sie das Bild ändern möchten. Egal an welcher Stelle Sie eine Änderung vornehmen möchten, werden die Punkte 5 bis 7 dieses Abschnittes abgefragt. Je nachdem ob Sie an diesen drei Punkten Veränderungen vornehmen möchten, können Sie mit Ja oder Nein antworten bis Sie beim Fenster aus Punkt 8 angelangt sind. Wollten Sie nur eine dieser drei Änderungen, also am Bild, dem Titel oder der Verlinkung tätigen, können Sie nun auf das obere Ja klicken und somit die abgeänderte Newsbox auf Ihre Homepage einfügen. Wollen Sie hingegen Bearbeitungen an den Newsbeiträgen vornehmen, drücken Sie bitte auf das untere Ja. Jetzt öffnet sich Ihnen wieder das Fenster aus Punkt 9 mit dem Unterschied, dass der untere Bereich nicht leer ist, sondern Ihr erstellter Beitrag aufgeführt ist. 17. Bestehende Beiträge können Sie nun löschen, indem Sie das rote X anklicken. Sie können diese aber auch nachträglich bearbeiten. Dazu klicken Sie bitte auf den Beitrag, sodass sich die Schmetterling Quadra 181

182 bereits getätigten Bearbeitungsschritte wiederholen und Sie Änderungen vornehmen können. Zu bestehenden Beiträgen können Sie weitere Beiträge hinzufügen. Dafür drücken Sie bitte erneut auf das Plussymbol, sodass Sie wieder die ab Punkt 10 dieser Anleitung beschriebenen notwendigen Einstellungen vornehmen können. Hinweis: Umso mehr Beiträge Sie erstellen, umso länger wird Ihre Newsbox. Ab dem sechsten Beitrag endet diese automatische Verlängerung und dem Kunden eröffnet sich die Möglichkeit auf eine zweite Seite der Newsbox umzuschalten, wo die restlichen Beiträge aufgeführt sind Reiseführer anlegen Mit Schmetterling Quadra können Sie auf Ihre Homepage einen Reiseführer einfügen. So bieten Sie Ihren Kunden die Möglichkeit Zielgebietsinformationen, wie zum Beispiel Klima und Währung, zu einem gewählten Land abzufragen. Ein Anschauungsobjekt finden Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie den Reiseführer einfügen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Links können Sie den Reiseführer somit nur als Banner einfügen. Im Hauptbereich haben Sie die zwei anschließend beschriebenen Möglichkeiten. Schmetterling Quadra 182

183 2. Klicken Sie dort auf Reiseführer. 3. Im folgenden Fenster können Sie wählen, ob Sie den Reiseführer als Banner oder als Seite einfügen möchten. Hinweis: In die linke Spalte Ihrer Homepage können Sie den Reiseführer nur als Banner einfügen, weswegen dieses Fenster nicht erscheint. Bei Klick auf Reiseführer unter Modul hinzufügen, wird sofort das Banner, also der Button mit der Verlinkung zum Reiseführer, in Ihre linke Spalte der Homepage eingefügt Reiseführer als Banner einfügen Über diese Option fügen Sie einen Button auf Ihre Homepage ein, hinter dem sich der Schmetterling Quadra 183

184 Reiseführer auf einer separaten Seite öffnet. Um den Reiseführer als Banner einzufügen, klicken Sie bitte in den Kreis vor der entsprechenden Beschreibung. Hinweis: Das Banner passt sich optisch immer an das Layout Ihrer Homepage an und existiert somit in verschiedenen Ausfertigungen. Das Banner wurde nun auf Ihrer Homepage eingefügt Reiseführer als Seite einfügen Wenn Sie den Reiseführer nicht über eine Verlinkung auf eine Systemseite, sondern direkt in Ihre eigens erstellte Seite, zum Beispiel auch in Kombination mit anderen Inhalten, dargestellt haben möchten, müssen Sie ihn als Seite einfügen. Dazu klicken Sie bitte in den Kreis vor der entsprechenden Beschreibung. Der Reiseführer wurde nun direkt als Seite in Ihre Homepage integriert. 4. Unabhängig davon welche Möglichkeit Sie gewählt haben, stehen Ihren Kunden nun die Zielgebietsinformationen zur Verfügung. Hinweis: Sollte der Reiseführer bzw. das Banner nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte er sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie nachträglich noch die Position Ihres Reiseführers bzw. Ihres Banners verändern oder diesen wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite 102. Schmetterling Quadra 184

185 3.27 Schnellsuche einfügen Mit Schmetterling Quadra können Sie auf Ihrer Homepage eine Schnellsuche einfügen. Dahinter greifen Ihre Kunden auf die Daten Ihrer Pauschal Internet-Buchungsmaschine zurück. Diese Schnellsuche ist optisch an Ihr Layout angepasst. Beispiele wie die verschiedenen Schnellsuchen aussehen, finden Sie unter unter dem Punkt Schnellsuche. 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie die Schnellsuche einfügen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Die Schnellsuche können Sie grundsätzlich in beide Ebenen integrieren. Je nachdem ob Sie Ihre Schnellsuche in waagrechter oder senkrechter Form einfügen möchten, klicken Sie bitte den jeweiligen Button Modul hinzufügen an. 2. Klicken Sie dort auf Schnellsuche. Schmetterling Quadra 185

186 3. Nach kurzer Ladezeit ist die Schnellsuche nun auf Ihrer Homepage eingefügt worden. Hinweis: Sollte die Schnellsuche nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie nachträglich noch die Position Ihrer Schnellsuche verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Systemangebote einfügen Schmetterling Quadra bietet Ihnen die Möglichkeit Angebote auf Ihre Homepage zu integrieren, die sich regelmäßig selbst aktualisieren. Diese Systemangebote sind zudem optisch an Ihr jeweiliges Layout angepasst, sodass Sie sich auch gut für die Startseite eignen. Ein Beispiel des Moduls Systemangebote, finden Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 186

187 Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie Systemangebote einfügen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen, weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Systemangebote können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Systemangebote. 3. Nach kurzer Ladezeit wurden nun die Systemangebote auf Ihrer Homepage eingefügt. Bitte beachten Sie, dass Sie weder optisch noch inhaltlich Veränderungen daran vornehmen können. Hinweis: Sollten die Systemangebote nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollten sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie nachträglich noch die Position der Systemangebote verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Text/Bild Inhalt einfügen Über das Modul Text/Bild Inhalt fügen Sie mit Schmetterling Quadra Ihren individuellen Text in Kombination mit Bildern auf Ihre Homepage ein. Mit diesem Modul können Sie auch Tabellen erstellen oder Verlinkungen setzen. Ein Beispiel für eine Wir über uns - Seite, die mit diesem Modul gestaltet wurde, sehen Sie unter Schmetterling Quadra 187

188 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie einen Text/Bild Inhalt einfügen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen, weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Einen Text können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Text/Bild Inhalt. Schmetterling Quadra 188

189 3. Nun sehen Sie ein Fenster, in dem Sie einen vorhandenen Inhalt einfügen können oder einen neuen Inhalt anhand verschiedener Vorlagen erstellen können. Jeden neuen Inhalt, den Sie erstellen, müssen Sie einen Namen geben. Die Namen aller bestehenden Inhalte sind in der oberen Selectbox aufgelistet. Durch einen Klick darauf wird der jeweilige Inhalt auf Ihre Homepage eingefügt. Wenn Sie eine der unteren Vorlagen anklicken, gelangen Sie in den Editor, wo für Sie bereits eine Tabellenstruktur mit Beispieltext und Bild-Platzhaltern angelegt ist. Wenn Sie individuell eine Struktur erstellen möchten steht Ihnen unten rechts auch eine leere Vorlage zur Verfügung. Klicken Sie bitte auf dieses weiße Feld, um in den Editor ohne Vorlage zu gelangen. 4. Der leere Editor hat sich geöffnet. Ein Text/Bild Inhalt Modul können Sie nicht abspeichern ohne einen Namen zu vergeben. Somit ist es zwingend notwendig, dass Sie einen Namen in die entsprechende Zeile eintippen. Schmetterling Quadra 189

190 Hinweis: Den Namen, den Sie vergeben wird der Kunde auf der Homepage nicht sehen. Anhand dieses Namens, können Sie im Admin Bereich unter Inhalte verwalten nachverfolgen auf welchen Seiten sie welches Text/Bild Inhalt Modul eingefügt haben. Weiterhin können Sie gespeicherte Text/Bild Inhalt Module jederzeit per Klick auf Seiten Ihrer Homepage einfügen (Siehe Punkt 3 dieses Abschnittes) Texteingabe Der graue Bereich unten ist Ihr Eingabebereich. Hier können Sie Ihren individuellen Text eingeben. Über der Zeile mit dem Namen haben Sie eine Vorschau, sodass Sie sofort sehen, wie der Inhalt letztlich auf Ihrer Homepage dargestellt werden wird. Hinweis: Kopieren Sie niemals Text aus Microsoft Word oder von anderen Internetseiten direkt in diesen Editor, da Sie schadhafte Formate mit übertragen können. Fügen Sie einen kopierten Text zunächst in den Microsoft Editor ein und kopieren dann diesen Text erneut. Jetzt können Sie Ihn Im Quadra-Editor einfügen, weil auf diese Weise das Format nicht mit übertragen wird. Den Microsoft Editor finden Sie unter Start Alle Programme Zubehör Editor Textformatierung Um Ihre Eingabe zu formatieren, stehen Ihnen einige Buttons zur Verfügung, deren Symbole Ihnen aus anderen Textverarbeitungsprogrammen bekannt sein sollten. Wenn Sie mit der Maus über einen Button fahren, sehen Sie auch eine Erklärung was ein Klick darauf bewirkt. Unter anderem können Sie die Schriftgröße und farbe anpassen, die Ausrichtung verändern oder eine Sortierung hinzufügen. Schmetterling Quadra 190

191 Darüber hinaus können Sie weitere Einstellungen zum Format vornehmen, indem Sie auf die gleichnamige Schaltfläche in der ersten Zeile drücken. Hier können Sie Ihrem Text suchmaschinenrelevante H1-H6 Überschriften zuweisen oder auch weitere Zeichenformate, wie zum Beispiel Hochgestellt einstellen Tabelle einfügen In der untersten Zeile ganz rechts haben Sie die Möglichkeit eine Tabelle einzufügen. Wenn Sie auf das entsprechende Symbol drücken und anschließend mit der Maus über Tabelle einfügen fahren, öffnet sich nach rechts eine Struktur, wo Sie festlegen können wie viele Zeilen und Spalten Ihre Tabelle haben soll. Sobald Sie durch einen Mausklick Ihre gewünschte Tabellengröße bestätigen, wird die Tabelle an der Stelle Ihres Editors eingefügt, wo Sie zuletzt den Cursor Ihrer Maus platziert haben Tabellenbearbeitung Ihre Tabelle wurde nun kleinstmöglich eingefügt. Sobald Sie in eine Zelle der Tabelle klicken, können Sie entweder etwas reinschreiben, sodass sich die Tabelle automatisch vergrößert oder Sie benutzen die jetzt angezeigten weißen Quadrate um daran die Tabelle mit gedrückter linker Maustaste größer zu ziehen. Weitere Bearbeitungsmöglichkeiten finden Sie wenn Sie erneut auf das Tabellensymbol drücken oder im Kontextmenü der Tabelle, das sich öffnet, wenn Sie mit der rechten Maustaste in die Tabelle klicken. Unter anderem können Sie hier Spalten/Zeilen hinzufügen oder löschen, Zellen verbinden oder einen Rahmen und eine Hintergrundfarbe für einzelne Zellen oder die komplette Tabelle einstellen. Schmetterling Quadra 191

192 Hinweis: Eine Tabelle ist vor allem dann zu empfehlen, wenn Sie Text in Kombination mit Bildern anordnen möchten. Denn eine Tabellenstruktur erleichtert Ihnen das bündige und gleichmäßige Anordnen Ihrer Inhalte. Hinweis: Damit sich Ihre Tabelle in den responsive-layouts von Schmetterling Quadra auch auf mobilen Endgeräten automatisch an die jeweilige Breite des Gerätes anpasst, tragen Sie bei den Tabelleneigenschaften als Breite bitte keine absoluten Werte in Pixel ein, sondern am besten 100% Bilder einfügen Um Bilder in Ihren Editor einzufügen, klicken Sie bitte zunächst mit der Maus an die Stelle, wo das Bild platziert werden soll. Wenn Sie das Bild beispielsweise in eine Tabellenzelle setzen möchten, klicken Sie dort hinein. Anschließend drücken Sie bitte auf das Symbol mit dem Berg in der untersten Zeile, sodass Sich ein neues Fenster öffnet. Hier können Sie ein Bild direkt von Ihrem PC hochladen oder über die Mediathek einfügen. Schmetterling Quadra 192

193 Hinweis: Wie Sie generell Bilder durch diese zwei vorgegebenen Varianten auf Ihre Homepage einfügen, erfahren Sie im Abschnitt Bilder einfügen auf Seite 69. Wenn Sie ein Bild ausgewählt haben, ist das Feld Quelle automatisch ausgefüllt. In den beiden Feldern darunter können Sie eine Beschreibung und einen Titel angeben. Dies ist vor allem dann notwendig, wenn das Bild bei den Suchmaschinen gefunden werden soll, weil diese somit erkennt, was sich auf diesem Bild befindet. Der Titel wird zudem angezeigt, wenn man den Mauszeiger über das Bild bewegt. In der letzten Zeile sehen Sie die Abmessungen des gewählten Bildes in der Einheit Pixel. Hier können Sie Ihr Bild nun größentechnisch anpassen. Solange der Haken unter Seitenverhältnis beibehalten gesetzt ist, genügt es das erste Feld, also die Breite, auszufüllen. Sobald Sie in das zweite Feld klicken, wird die Höhe nun automatisch angepasst. Unter dem Reiter Erweitert können Sie einen Rahmen um das Bild setzen oder einen vertikalen und horizontalen Abstand des Bildes in der Einheit Pixel zu einem weiteren Bild oder einem Text definieren. Um das Bild in den Editor einzufügen, klicken Sie bitte auf Ok. Schmetterling Quadra 193

194 Hinweis: Ihre komplette Internetseite ist ca px breit. Diese Angabe können Sie als Richtwert zum Anpassen der Bilder heranziehen. Ihre Bilder können Sie auch nach dem Einfügen noch verändern. Genauso wie bei der Tabelle, können Sie die Größe anhand der weißen Quadrate anpassen oder über die rechte Maustaste erneut in das Bearbeitungsfenster zurückkehren Link einfügen Hinter jedem Bild und jedem Text können Sie eine Verlinkung setzen. Dazu klicken Sie bitte zunächst das Bild an, hinter dem Sie eine Verlinkung setzen möchten oder markieren den zu verlinkenden Text, indem Sie mit gedrückter linker Maustaste darüber fahren. Anschließend drücken Sie bitte auf das Kettensymbol in der der untersten Zeile, sodass sich ein neues Fenster öffnet. Hier haben Sie nun die Möglichkeit im Feld URL die Adresse einer beliebigen Internetseite einzutragen auf die Sie verlinken möchten. Weiterhin können Sie auch eine Adresse eintragen. Das hat zur Folge, dass sich dem Kunden bei Klick auf den markierten Text sofort ein Fenster mit der eingetragenen Adresse öffnet, sodass er diese gleich schreiben und abschicken kann. Wenn Sie Unterseiten Ihrer eigenen Homepage verlinken möchten, können Sie die Adresse der jeweiligen Seite in dieses Feld per Hand eintragen. Sie können aber auch den Button Suchen hinter dem Adressfeld benutzen. Wenn Sie dort draufdrücken öffnet sich erneut ein Fenster mit zwei leeren Selectboxen. In der ersten Selectbox können Sie auswählen worauf Sie verlinken möchten. Wenn Sie auf eine Unterseite verlinken möchten, klicken Sie bitte auf Seiten. Schmetterling Quadra 194

195 Hinweis: Mit der Funktion Dateien können Sie auf PDF-Dateien verlinken, die Sie bereits in Ihre Mediathek hochgeladen haben. Somit können Sie diese Ihren Kunden zum Ansehen und zum Download anbieten. Daraufhin können Sie in der zweiten Selectbox eine Seite Ihrer Homepage auswählen, die Sie bereits erstellt haben. Wenn Sie die entsprechende Seite angeklickt haben, drücken Sie bitte auf einfügen. Nun befinden Sie sich wieder im Ausgangsfenster. In der Adresszeile ist die Kurzform der ausgewählten Seite eingetragen. Im Feld darunter sehen sie den Text, den Sie zum verlinken markiert haben. Hier können Sie diesen noch abändern. Wenn Sie einen Titel angeben, wird dieser angezeigt, wenn man den Mauszeiger über den verlinkten Text oder das verlinkte Bild bewegt. In der letzten Zeile Ziel können Sie auswählen ob die verlinkte Seite im selben Fenster (Voreinstellung) oder in einem neuen Fenster bzw. in einem neuem Tab aufgehen soll. Wenn Sie die zu verlinkende Seite, PDF-Datei, Adresse etc. eingestellt bzw. eingetippt haben, übertragen Sie diese Informationen in den Editor, indem Sie unten auf Ok klicken Textmarke setzen Mit dieser Funktion können Sie Ihre Seite gliedern, sodass der Kunde irrelevante Passagen überspringen kann oder zum Beispiel am Ende der Seite wieder nach oben springen kann. Schmetterling Quadra 195

196 Hinweis: In folgendem Beispiel soll am Ende dieses Text/Bild Inhalt Modules der Text zurück zum Seitenanfang stehen. Wenn der Kunde darauf klickt soll die Seite sofort wieder ganz nach oben scrollen. Um diese Funktion zu nutzen, müssen Sie zunächst mit der Maus an die Stelle klicken wohin der Kunde springen soll. In unserem Beispiel also an die erste Position vor dem Begrüßungstext. Daraufhin klicken Sie bitte unter Einfügen auf Textmarke, sodass sich Ihnen ein neues Fenster öffnet. In diesem Fenster müssen Sie einen Namen für die Textmarke vergeben. Wenn Sie diesen eingetippt haben, klicken Sie bitte auf Ok. Schmetterling Quadra 196

197 Hinweis: Beim Namen der Textmarke können Sie keine Leerzeichen verwenden. Ihre Textmarke ist nun an der gewählten Stelle eingefügt. Dies erkennen Sie auch optisch am Ankersymbol in Ihrem Editor. Jetzt müssen Sie den Text schreiben von dem aus Sie auf den Anker verlinken möchten. In unserem Beispiel schreiben wir an das Ende unseres Moduls zurück zum Seitenanfang, markieren diesen Text anschließend und drücken dann auf das Kettensymbol, um zu verlinken. Es öffnet sich das bekannte Fenster für Verlinkungen, mit einem Unterschied. Wenn eine Textmarke angelegt wurde, erscheint zusätzlich die Zeile Textmarken, in der Sie alle angelegten Textmarken auswählen können. Klicken Sie den Namen der Textmarke an, auf die Sie verlinken möchten und anschließend auf Ok. Die Verlinkung auf die Textmarke ist nun gesetzt. Somit kann der Kunde letztlich, in diesem Beispiel, vom Ende der Seite mit einem Klick an den Anfang springen. Schmetterling Quadra 197

198 4.8. HTML Quellcode einfügen In diesem Modul können Sie neben der direkten Texteingabe auch einen HTML-Quellcode eingeben oder diesen bearbeiten. Dazu klicken Sie bitte unter Werkzeuge auf Quelltext. Nun öffnet sich Ihnen ein neues Fenster, wo Sie Ihre bisherigen Eingaben im HTML- Quellcode sehen. Hier können Sie bei entsprechendem Fachwissen auch Veränderungen vornehmen. Wenn Sie unten rechts auf Ok klicken, werden Ihre Eingaben ins Text/Bild Inhalt Modul übertragen. Hinweis: Wollen Sie hingegen nur einen HTML-Quellcode eingeben, den Sie beispielsweise von einem Veranstalter bekommen haben, benutzen Sie ein unbearbeitetes Text/Bild Inhalt Modul, sodass dieses HTML-Fenster komplett leer ist. Hier können Sie Ihren HMTL-Quellcode nun reinkopieren. 5. Wenn Sie mit all Ihren Einstellungen in diesem Text/Bild Inhalt Modul fertig sind, klicken Sie unten rechts bitte auf speichern, um den Inhalt auf die jeweilige Seite Ihrer Homepage zu stellen. Schmetterling Quadra 198

199 Hinweis: Sollte Ihr Text/Bild Inhalt nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte er sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihr Text/Bild Inhalt Modul nachträglich noch bearbeiten, die Position verändern oder dieses wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Ihre getätigten Angaben können Sie jederzeit wieder ändern oder ergänzen. Klicken Sie dazu auf das Zahnrad in der Bearbeitungsleiste links neben Ihrem Modul, sodass Sie wieder in den Editor mit Ihren bisherigen Einstellungen gelangen. Jetzt können Sie weitere Bearbeitungen vornehmen. Sollten Sie mit Ihren Bearbeitungen nicht zufrieden sein, haben Sie die Möglichkeit zu einem früher abgespeicherten Zustand zurückzukehren. Dazu steht Ihnen die Versionsverwaltung ganz unten zur Verfügung. Wenn Sie in die Selectbox klicken, können Sie die verschiedenen Versionen sehen, die Sie bisher abgespeichert haben. Um einen früheren Status wiederherzustellen, klicken Sie bitte auf die gewünschte Version. Wenn Sie den Warnhinweis bestätigen, sehen Sie in Ihrem Editor wieder die entsprechende Version und können daran weiter arbeiten. Schmetterling Quadra 199

200 3.30 Umleitung einbauen Schmetterling Quadra bietet Ihnen die Möglichkeit Ihre Kunden auf externe Internetseiten umzuleiten. Vor allem bei Webseiten, die sich aufgrund ihrer Größe schlecht per Verlinkung einbauen lassen ist dies von Vorteil. Allerdings verlässt der Kunde Ihre Homepage. Die Funktionsweise sowie die Abgrenzung zur Verlinkung können Sie sich unter verdeutlichen. 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie die Umleitung einbauen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Auf der Startseite sollten Sie keine Umleitung anlegen, da somit nur noch Unterpunkte Ihrer Homepage aufgerufen werden können. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Eine Umleitung können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Umleitung. Schmetterling Quadra 200

201 Hinweis: Eine Umleitung lässt sich nur auf eine aktive Seite einbauen. Wie Sie im Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 nachlesen können, muss dazu zwangsweise ein Inhalt auf der Seite eingestellt sein. Wenn Sie also eine neue, leere Seite angelegt haben, müssen Sie zunächst irgendein anderes Modul auf dieser Seite platzieren, bevor Sie eine Umleitung einbauen können. Empfehlenswert wäre eine Verlinkung der Seite auf die Sie umleiten möchten. 3. Nun öffnet sich Ihnen folgendes Fenster mit einer Eingabezeile sowie drei Hinweisen im unteren Bereich auf die detailliert im weiteren Verlauf eingegangen wird. Schmetterling Quadra 201

202 4. In die Eingabezeile müssen Sie nun die Internetadresse der Seite eintragen, auf die Sie umleiten möchten. Den Vorgang schließen Sie ab, indem Sie den Button speichern drücken. 5. Dem Hinweis eins entsprechend wird die Umleitung auch hier im Bearbeitungsmodus sofort aktiv. Das heißt Sie verlassen Ihren Bearbeitungsmodus und befinden sich nun auf der Internetseite, die Sie ins Eingabefeld eingetragen haben. Diese Umleitung auf eine externe Internetseite wird auch erfolgen, wenn Sie auf Ihrer Homepage den Navigationspunkt anklicken auf dessen Seite Sie die Umleitung gesetzt haben. 6. Um weitere Bearbeitungen an Ihrer Homepage vorzunehmen, müssen Sie nun laut dem zweiten Hinweis erneut im Admin Bereich auf den Button Webseite bearbeiten klicken (siehe Webseite bearbeiten auf Seite 69). Jetzt sind Sie wieder im Bearbeitungsbereich Ihrer Homepage. 7. Der dritte Hinweis beschreibt wie Sie eine bestehende Umleitung löschen können. Dadurch dass Sie auch im Bearbeitungsmodus sofort Ihre Homepage verlassen, sobald Sie auf die Unterseite mit der Umleitung klicken, ist es Ihnen beim Modul Umleitung nicht möglich den Mülleimer in der Bearbeitungsleiste zu klicken, so wie Sie es bei jedem anderen Modul gewohnt sind. Somit können Sie eine Umleitung nur im Admin Bereich unter der Rubrik Inhalte verwalten löschen. Klicken Sie dazu auf das Zahnrad hinter der Umleitung, die Sie löschen möchten und bestätigen im darauffolgenden Fenster Ihr Vorhaben mit Ja. Schmetterling Quadra 202

203 Hinweis: Eine detaillierte Beschreibung der Rubrik Inhalte verwalten im Admin Bereich entnehmen Sie bitte dem gleichnamigen Abschnitt auf Seite Nun ist die Umleitung gelöscht und Sie erreichen wieder den ursprünglichen Inhalt, wenn Sie den Navigationspunkt anklicken auf dem Sie die Umleitung gelöscht haben Verlinkung (I-Frame) einbauen Schmetterling Quadra bietet Ihnen die Möglichkeit externe Internetseiten direkt in Ihre Homepage zu integrieren. Somit sieht der Kunde den Inhalt einer externen Seite umrahmt von Ihrem Webauftritt. Ein mögliches Beispiel einer Verlinkung finden Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wenn Sie Ihre Verlinkung nicht auf die Startseite platzieren möchten, wählen Sie über die Navigationsleiste bitte zunächst die Seite aus, auf der Sie Ihre Verlinkung einfügen möchten. Wollen Sie dafür eine spezielle Seite zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Eine Verlinkung zum Beispiel können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Verlinkung. Schmetterling Quadra 203

204 3. Daraufhin öffnet sich folgendes Fenster: 4. In die erste Zeile müssen Sie nun die Internetadresse der Seite eintragen, die Sie verlinken möchten. In den darunter liegenden Feldern haben Sie die Möglichkeit die Breite und die Höhe Ihrer Verlinkung festzulegen. Es empfiehlt sich aber diese Angaben zunächst leer zu lassen, denn auf diese Weise wird die Verlinkung automatisch an die Größe Ihrer Homepage angepasst. Den Vorgang schließen Sie ab, indem Sie den Button speichern drücken. Schmetterling Quadra 204

205 Hinweis: Bitte achten Sie darauf, dass Sie die Adresse vollkommen korrekt eintragen. Vor allem bei externen Agenturlinks von Veranstaltern ist es empfehlenswert den Link nicht einzutippen, sondern in das Feld zu kopieren. Hinweis: Sollte die Verlinkung nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie die Verlinkung nachträglich noch bearbeiten, die Position verändern oder diese wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Die Verlinkung ist nun auf Ihrer Homepage eingefügt. Allerdings sehen Sie nur einen Platzhalter mit dem Hinweis, dass Ihr Browser keine SSL-Verschlüsselung unterstützt. Auf Ihrer Originalseite wird die Verlinkung selbstverständlich korrekt angezeigt. Um dorthin zu wechseln, klicken Sie bitte auf das Platzhalterbild. Sollten Sie nun feststellen, dass Sie mit der Größe nicht zufrieden sind, können Sie diese natürlich auch nachträglich noch Ihren Wünschen entsprechend anpassen. Dazu fahren Sie mit der Maus bitte über das Platzhalterbild, sodass sich links daneben die Bearbeitungsleiste öffnet. Hier klicken Sie ganz unten bitte auf das Zahnrad, um erneut in die Bearbeitung zu gelangen. 6. Jetzt befinden Sie sich wieder im Bearbeitungsfenster, welches Sie bereits unter Punkt 4 vor sich hatten. Hier können Sie nun manuell Ihre gewünschte Breite und Höhe eingeben. Weiterhin können Sie entscheiden, ob Sie einen Scrollbalken haben möchten oder nicht. Ihre Anpassungen aktualisieren Sie über den Button speichern. Schmetterling Quadra 205

206 Hinweis: Wenn Sie nun zum Beispiel die Verlinkung so groß angezeigt haben wollen, dass der vertikale Scrollbalken auf der rechten Seite nicht mehr erscheint, können Sie beliebig oft in das Bearbeitungsfenster wechseln, um die exakte Höhe einzustellen. Als Richtwert können Sie dabei die Breite einer Internetseite heranziehen, die circa 1000 Pixel beträgt. Ihre rein numerische Eingabe in das Feld Alternative Höhe erfolgt auch in der Maßeinheit Pixel. Hinweis: Je nachdem auf welche Seite Sie verlinken, kann es durchaus sein, dass die Zielseite dieselbe Breite hat, wie Ihre eigene Homepage. Aufgrund der linken Spalte Ihres Webauftrittes kann dann die Verlinkung der Zieladresse nicht komplett innerhalb Ihrer Homepage angezeigt werden, weswegen Sie unten einen horizontalen Scrollbalken haben. Im Feld Alternative Breite können Sie 1000 eingeben. Das bedeutet, dass die Breite auf 1000 Pixel gesetzt wird. Daraus resultiert aber, dass diese Verlinkung rechts über Ihr Layout hinaus ragt. Diese Funktion ist allerdings layoutabhängig und somit nicht in allen Layouts möglich. Eine Alternative zur Verlinkung kann das Modul Umleitung darstellen. Alle Informationen zur Erstellung einer Umleitung finden Sie im Abschnitt Umleitung einbauen auf Seite Vote anlegen Mit Schmetterling Quadra können Sie auf Ihrer Homepage einen Vote anlegen. Ein Vote ist eine Kurzumfrage, worüber Sie die Meinung Ihrer Besucher zu einem bestimmten Thema abfragen können. Ein Beispiel, wie ein Vote aussehen kann, sehen Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 206

207 Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie einen Vote anlegen möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen, weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Einen Vote können Sie nur im Hauptbereich anlegen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf Vote. Schmetterling Quadra 207

208 3. Im anschließenden Fenster können Sie im unteren Bereich einen bestehenden Vote auswählen und diesen somit weiter bearbeiten oder löschen. Im oberen Bereich können Sie einen neuen Vote erstellen. Dazu klicken Sie bitte auf das Plussymbol. 4. Daraufhin erscheint eine neue Zeile, wo Sie aufgefordert werden einen Namen für Ihren Vote zu vergeben. Sobald Sie diesen eingetippt haben, klicken Sie bitte auf Speichern. Hinweis: Der Name stellt letztlich auch die Überschrift Ihrer Umfrage dar. Weiterhin dient er Ihnen als Speichername, sodass Sie nachträglich auch wieder darauf zurückgreifen können (siehe Punkt 3). 5. Nun befinden Sie sich im Fenster wo Sie Ihren Vote individuell anlegen können. In der ersten Zeile sehen Sie ein Diskettensymbol, wo Sie Ihre Kurzumfrage zwischenspeichern können. Mit dem roten Kreuz rechts daneben löschen Sie diesen Vote und Sie springen zurück ins Fenster aus Punkt 3. Darunter sehen Sie den Umfrage Titel, den Sie bereits im vorherigen Schritt vergeben haben. Hier haben Sie allerdings die Möglichkeit Ihren Titel und somit den Namen zu verändern. 6. Anschließend müssen Sie die Frage eintippen, die Sie Ihren Lesern stellen wollen. In der folgenden Zeile haben Sie die Möglichkeit einen Danke Text zu formulieren. Dieser wird den Personen angezeigt, nachdem Sie an Ihrer Kurzumfrage teilgenommen haben. Schmetterling Quadra 208

209 7. Sie können Ihre Umfrage zeitlich beschränken. Sobald Sie in die beiden Felder Von und Bis klicken, erscheint ein Kalender wo Sie das jeweilige Datum angeben können. Die Umfrage wird dann nur in diesem Zeitraum auf Ihrer Homepage erscheinen. Wenn Sie die Felder leer lassen, bleibt die Umfrage solange auf der Homepage, bis Sie sie manuell entfernen. 8. Nachdem Sie diese Einstellungen angepasst haben, müssen Sie nun die einzelnen Abstimmungsfelder in Ihrer Kurzumfrage festlegen. Zunächst können Sie wählen, ob Sie Freitextantworten erlauben möchten. Wenn ja müssen Sie das entsprechende Kästchen anhaken. Daraufhin ist es Ihnen möglich eine Freitextantwort anzulegen. Wenn Sie den Haken nicht setzen, stehen den Besuchern nur festgelegte Antworten zur Verfügung, unter denen sie abstimmen können. Um diese Antworten anzulegen, klicken Sie bitte auf das Plussymbol hinter Abstimmungsfeld hinzufügen. Hinweis: Zu beliebig vielen standardisierten Antworten, können Sie eine Freitextantwort hinzufügen. Auch wenn Sie keine standardisierten Antworten verwenden, können Sie nur eine Freitextantwort anlegen. 9. Jedes Mal wenn Sie auf das Plussymbol klicken, wird ein neues Abstimmungsfeld hinzugefügt. Alle Felder können Sie jetzt einzeln beschriften, indem Sie die Antwortmöglichkeit in das leere Textfeld eintippen. Um den Besuchern eine Freitextantwort zu ermöglichen, lassen Sie ein Feld leer. Um ein Feld wieder zu löschen, klicken Sie bitte auf das rote Kreuz hinter dem Eingabefeld. Wenn Sie alle Felder definiert haben, klicken Sie unten rechts bitte auf weiter. Schmetterling Quadra 209

210 10. In diesem letzten Fenster sehen Sie in der ersten Zeile zunächst welchen Vote Sie gerade bearbeiten. In der zweiten Zeile können Sie über die Selectbox auswählen, wie den Besuchern Ihrer Homepage letztlich das Zwischenergebnis der Kurzumfrage dargestellt werden soll. So können Sie wählen, ob die Ergebnisse untereinander oder nebeneinander angezeigt werden sollen. Hinweis: Wenn die Ergebnisse untereinander gelistet sind, haben Sie jeweils rechts neben der Abstimmungsmöglichkeit einen horizontalen Balken mit einer Prozentangabe, der das aktuelle Zwischenergebnis der Umfrage verdeutlicht. Andernfalls sind die Ergebnisse nebeneinander gelistet mit einem vertikalen Balken jeweils über der Abstimmungsmöglichkeit. 11. Weiterhin müssen Sie noch festlegen, wie die Auswahl der verschiedenen Abstimmungsmöglichkeiten dargestellt werden soll. Dabei müssen Sie entscheiden, ob Sie Ihren Besuchern nur eine Einzelauswahl erlauben oder ob sie mehrere Abstimmungsmöglichkeiten gleichzeitig ankreuzen dürfen (Mehrfachauswahl). Bei der Einzelauswahl können Sie zusätzlich gemäß des Vorschaubildes wählen, ob die Abstimmungsmöglichkeiten untereinander oder nebeneinander gelistet werden sollen. Wenn Sie Ihre Auswahl durch Anklicken des Kreises oben links getroffen haben, drücken Sie unten rechts bitte auf speichern. Schmetterling Quadra 210

211 12. Nun ist die Umfrage auf Ihrer Homepage eingefügt. Entsprechend können die Besucher Ihre Meinung abgeben. Hinweis: Sollte der Vote nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte er sichtbar sein. Hinweis: Im Admin Bereich von Schmetterling Quadra haben Sie die Möglichkeit die Laufzeit und den aktuellen Status Ihrer Umfrage zu überprüfen. Weiterhin erhalten Sie eine detaillierte Auflistung aller bisheriger Abstimmungsergebnisse. Erklärungen im Detail entnehmen Sie bitte dem Abschnitt Vote administrieren auf Seite 50. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie die Position Ihres Votes nachträglich noch verändern, diesen bearbeiten oder wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite YouTube Video einfügen Schmetterling Quadra bietet Ihnen die Möglichkeit YouTube Videos in Ihre Homepage zu integrieren. Somit können Ihre Kunden das Video direkt auf Ihrer Internetseite ansehen ohne auf YouTube wechseln zu müssen. Voraussetzung ist allerdings, dass das Video bereits bei YouTube hochgeladen wurde. Ein mögliches Beispiel eines YouTube Videos finden Sie unter 1. Wenn Sie im Bearbeitungsmodus auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Schmetterling Quadra 211

212 Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wenn Sie Ihr YouTube Video nicht auf die Startseite platzieren möchten, wählen Sie über die Navigationsleiste bitte zunächst die Seite aus, auf der Sie das Video einfügen möchten. Wollen Sie dafür eine spezielle Seite zuvor noch erstellen, können Sie die Anleitung Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Ein YouTube Video zum Beispiel können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. 2. Klicken Sie dort auf YouTube Video. Schmetterling Quadra 212

213 3. Daraufhin öffnet sich folgendes Fenster: 4. Wenn Sie eine Überschrift über Ihr Video setzen möchten, steht Ihnen die erste Zeile dafür zur Verfügung. Diese Angabe können Sie tätigen; sie ist nicht zwingend notwendig. In die zweite Zeile hingegen müssen Sie den Link zu Ihrem Video eintragen. Wenn Ihnen dieser Link nicht vorliegt, wechseln Sie am besten zu und rufen das Video auf, welches Sie auf Ihre Homepage einfügen möchten. Dazu können Sie das YouTube-Symbol unter dem Eingabefenster anklicken. Schmetterling Quadra 213

214 5. Wenn Sie bei YouTube das Video, das Sie einbinden möchten, gefunden haben, kopieren Sie bitte die vollständige Adresse des Linkes aus dem Eingabefeld Ihres Browsers heraus: Hinweis: Um die Adresse zu kopieren, markieren Sie bitte zuerst den kompletten Text. Anschließend haben Sie zwei Möglichkeiten den Text zu kopieren. Entweder Sie drücken die rechte Maustaste und danach im Kontextmenü mit der linken Maustaste auf Kopieren oder Sie benutzen auf Ihrer Tastatur die Tastenkombination Strg und C. 6. Ihren kopierten Text können Sie nun in die entsprechende Zeile des Bearbeitungsfensters einfügen. Danach klicken Sie bitte auf speichern. Schmetterling Quadra 214

215 Hinweis: Um Ihren kopierten Text einzufügen, haben Sie erneut zwei Möglichkeiten. Entweder Sie drücken im Eingabefeld die rechte Maustaste und danach im Kontextmenü mit der linken Maustaste auf Einfügen oder Sie benutzen auf Ihrer Tastatur die Tastenkombination Strg und V. 7. Das Video ist nun auf Ihrer Homepage eingefügt. Hinweis: Sollte das Video nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte es sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie den Link Ihres Videos nachträglich noch bearbeiten, die Position des Videos verändern oder dieses wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite 102. Schmetterling Quadra 215

216 4. Nützliches 4.1 Google Places Karte in die Homepage integrieren Was ist Google Places? Google Places ist ein Unternehmensverzeichnis regionaler Anbieter, das sich mit anderen Diensten von Google, wie Google Maps und Google AdWords kombinieren lässt. Was ist der Vorteil von Google Places? Mit Google Places erreichen Sie schnell und kostenlos Millionen von Google-Nutzern. Bei der Suche nach Geschäften und Unternehmen nutzen die meisten Menschen mittlerweile das Internet als Medium. Daher ist es wichtig, dass der Eintrag Ihres Unternehmens auf google.de und in Google Maps leicht zu finden ist. Mit Google Places können Sie im Handumdrehen einen ansprechenden Eintrag erstellen und das kostenlos. Sie bestimmen wie Ihr Eintrag aussieht. Vermutlich ist Ihr Unternehmen bereits in Google vertreten. Trotzdem sollten Sie überprüfen, ob Ihr Eintrag zutreffende und vollständige Angaben enthält. Die vorgenommenen Verbesserungen werden unmittelbar nach Ihrer Bestätigung in Google Places angezeigt. Außerdem können Sie Benachrichtigungen hinzufügen. Praktisch und leicht zu verwalten Ein Google-Eintrag bietet Ihnen eine einfache Möglichkeit online präsent zu sein, selbst wenn Sie keine eigene Website haben. Sie können Google Places jederzeit aufsuchen, um Ihre Daten zu bearbeiten oder herauszufinden, wie viele Personen Ihren Eintrag gesehen und angeklickt haben. (vgl. Google Support, ) Eintrag bei Google erstellen Um Google Places nutzen zu können, benötigen Sie ein Google Konto. Die Registrierung können Sie auf vornehmen, indem Sie oben rechts auf Anmelden klicken. Anschließend können Sie Ihren Unternehmensstandort hinzufügen und Ihr Büro auf Google präsentieren. Wenn Sie sich genauer informieren möchten und eine detaillierte Anleitung benötigen, können Sie die Internetseite zu Rate ziehen. Google-Karte in die eigene Homepage integrieren Nachdem Sie bei Google alle relevanten Daten angegeben haben und Ihren Eintrag per PIN bestätigt haben, können Sie die Karte mit Ihrem Unternehmensstandort in Ihre eigene Homepage integrieren. 1. Bei Google finden Sie unten rechts in der Karte, die Sie integrieren wollen, ein Zahnrad-Symbol. Dieses klicken Sie bitte an, sodass sich ein kleines Fenster öffnet. Dort drücken Sie bitte auf den Befehl Karte teilen und einbetten. Schmetterling Quadra 216

217 2. Daraufhin öffnet sich ein neues Fenster wo Sie die URL des Links finden. Weiterhin finden Sie oben den Hinweis Karte einbetten. Klicken sie diesen bitte an. 3. Im Anschluss erhalten Sie ein neues Fenster, wo Sie die Kartengröße sowie den Kartenausschnitt genau Ihren Wünschen entsprechend anpassen können. Im oberen Abschnitt finden Sie links eine Größenangabe. Für Ihre Quadra-Homepage eignet sich Mittel und Groß am besten, je nachdem wie platzfüllend Sie die Karte in Ihre Homepage einbinden wollen. Rechts daneben, sehen Sie den HTML-Code, den Sie benötigen, um die Karte zu integrieren. Markieren Sie den kompletten Code und kopieren Sie ihn anschließend. Schmetterling Quadra 217

218 Hinweis: Um Text zu kopieren, können Sie einen Rechtsklick auf den markierten Text machen und dann auf Kopieren im Kontextmenü klicken oder Sie benutzen die Tastenkombination Strg und C. 4. Um nun die Karte mit Schmetterling Quadra in Ihre Homepage zu integrieren, melden Sie sich bitte auf Ihrer Profianwendung an und öffnen Schmetterling Quadra. Hinweis: Wie Sie dorthin gelangen erfahren Sie im Abschnitt Login Schmetterling Quadra auf Seite Im Admin Bereich drücken Sie bitte auf den roten Button Webseite bearbeiten, sodass Sie in den Bearbeitungsbereich Ihrer Homepage gelangen. Schmetterling Quadra 218

219 6. Wenn Sie nun auf Modul hinzufügen klicken, öffnet sich ein neues Fenster. Hinweis: Module werden immer auf derjenigen Seite Ihrer Homepage hinzugefügt, wo Sie diesen Button drücken. Wählen Sie über die Navigationsleiste somit bitte zunächst die Seite aus, auf der Sie Ihre Karte platzieren möchten. Wollen Sie dafür einen speziellen Navigationspunkt zuvor noch erstellen, können Sie den Abschnitt Neuen Navigationspunkt anlegen auf Seite 95 zu Rate ziehen. Für Neckermann Partner bietet sich hier die Seite Hier finden Sie uns an, die Sie über die Kontaktbox auswählen können. Hinweis: Den Button Modul hinzufügen sehen Sie deshalb zweimal auf Ihrer Homepage, weil Ihre Seite zweigliedrig ist. In die linke schmale Spalte können Sie nur Module einfügen, die auf diese Breite angepasst sind. Im Hauptbereich hingegen können Sie sämtliche Module hinzufügen weswegen die Auswahl an einfügbaren Modulen hier deutlich höher ist. Ihre Karte können Sie nur im Hauptbereich einfügen. Entsprechend müssen Sie den Button über dem Hauptbereich anklicken. Schmetterling Quadra 219

220 7. Klicken Sie dort auf Banner. 8. Im folgenden Fenster sehen Sie im oberen Bereich ein Eingabefeld, wo Sie den HTML-Code einfügen können. Entweder benutzen Sie dazu die rechte Maustaste und wählen anschließend Einfügen im Kontextmenü oder Sie benutzen die Tastenkombination Strg und V. 9. Nachdem Sie den HTML-Code eingegeben haben, schließen Sie den Vorgang ab, indem Sie unten rechts auf speichern klicken. Schmetterling Quadra 220

221 10. Ihre Karte wurde nun auf die Homepage eingefügt. Hinweis: Sollte die Karte nicht sofort erscheinen, klicken Sie bitte die Tastenkombination Strg und F5. Spätestens jetzt sollte sie sichtbar sein. Hinweis: Neue Module werden grundsätzlich immer unterhalb des letzten bestehenden Moduls hinzugefügt. Selbstverständlich können Sie Ihr Banner mit der Karte nachträglich noch bearbeiten, die Position verändern oder dieses wieder entfernen. Da diese Bearbeitungsschritte allgemeingültig für alle Module sind, entnehmen Sie weitere Informationen bitte dem Abschnitt Bestehende Module verändern auf Seite Stammdaten und Mitarbeiterdaten ändern Bestimmte Bereiche Ihrer Schmetterling Quadra Homepage können Sie nicht bearbeiten, da sich die Daten automatisch aus Ihren Stammdaten generieren. Das Impressum Ihrer Homepage gehört beispielsweise dazu. Sollten Änderungen an dieser Stelle notwendig werden, müssen Ihre Daten, die bei Schmetterling hinterlegt sind, generell und nicht nur auf der Homepage geändert werden. Im Folgenden ist beschrieben wie eine solche Stammdatenänderung durchzuführen ist. Reisebüros, die Schmetterling Argus 3.0 nutzen, finden die Anleitung zum Login im Anschluss. Die allgemeine Anleitung über die Profianwendung für alle anderen Büros finden Sie im zweiten Teil. Stammdaten und Mitarbeiter ändern in Argus 3.0 Wenn Sie Schmetterling Argus 3.0 nutzen, gehen Sie bitte folgenerdermaßen vor, um Ihre Stammdaten und Mitarbeiterdaten zu ändern: 1. Melden Sie sich bitte in Ihrer Arbeitsoberfläche Schmetterling Argus 3.0 an. Hinweis: Wie Sie dorthin gelangen erfahren Sie im Abschnitt Login Schmetterling Quadra auf Seite 5. Schmetterling Quadra 221

222 2. Nach erfolgreichem Login finden Sie ganz oben verschiedene Reiter. Klicken Sie bitte auf Meine Daten. 3. Wenn Sie mit der Maus links über den Reiter Firma fahren, öffnet sich nach unten ein Menü, in dem Sie sowohl die Benutzerverwaltung Ihrer Mitarbeiter, als auch Ihre Stammdaten steuern können Stammdaten ändern Sobald Sie den Button Stammdaten gedrückt haben, finden Sie in einem neuen Reiter zunächst eine Übersicht der Stammdaten Ihres Büros, die bei Schmetterling hinterlegt sind. Diese können Sie ändern, indem Sie den Button Bearbeiten anklicken. Hier haben Sie nun die Möglichkeit sämtliche Daten abzuändern. Wenn alles korrekt ist, klicken Sie unten rechts bitte auf Speichern. Ihre Änderungen werden nun an die Stammdatenpflege von Schmetterling übermittelt und dann manuell im System geändert. Deswegen kann es auch 1-2 Werktage dauern, bis die neuen Daten übernommen worden sind. Schmetterling Quadra 222

223 3.2. Mitarbeiterdaten ändern Nachdem Sie unter dem Reiter Firma auf Benutzerverwaltung geklickt haben, öffnet sich Ihnen eine Auflistung all Ihrer Mitarbeiter. Um bestehende Mitarbeiterdaten zu ändern, klicken Sie bitte zunächst den Mitarbeiter an, wo Sie Änderungen vornehmen möchten. Daraufhin wird die komplette Zeile farbig hinterlegt und es erscheint der Button Bearbeiten. Nachdem Sie den Button gedrückt haben, öffnet sich Ihnen ein neues Fenster. Hier haben Sie unter anderem die Möglichkeit die Kontaktdaten oder die Benutzergruppe des jeweiligen Mitarbeiters zu ändern. Wenn ein Mitarbeiter aus Ihrem Büro ausgeschieden ist, können Sie ihn löschen, indem Sie den Button Benutzer löschen drücken. Um Ihre Änderungen der Stammdatenpflege zu übermitteln, drücken Sie unten rechts bitte auf Speichern. Da Ihre Änderungen anschließend manuell im System geändert werden, kann es 1-2 Werktage dauern, bis Ihre Mitarbeiterdaten geändert worden sind. Schmetterling Quadra 223

224 Wenn Sie einen neuen Mitarbeiter anlegen wollen, klicken Sie bitte oben rechts auf +Benutzer. Nun öffnet sich Ihnen erneut ein Fenster, wo Sie alle Angaben zum neuen Mitarbeiter tätigen können. Nachdem Sie alles eingetippt haben, klicken Sie unten rechts bitte auf Speichern, um den Mitarbeiter anzulegen. Bitte beachten Sie, dass die Felder, die rot umrandet werden, ausgefüllt werden müssen. Auch hier kann es 1-2 Werktage dauern, bis Ihr neuer Mitarbeiter angelegt worden ist. 4. Ihre Stammdaten und Mitarbeiterdaten werden nun geändert. Sobald dies geschehen ist, werden diese Daten auch automatisch wieder an bestimmten Stellen Ihrer Homepage eingefügt, wie zum Beispiel dem Impressum. Stammdaten und Mitarbeiter ändern über die Profianwendung 1. Um Stammdatenänderungen vorzunehmen, melden Sie sich bitte auf Ihrer Profianwendung an. Hinweis: Wie Sie dorthin gelangen erfahren Sie im Abschnitt Login Schmetterling Quadra auf Seite 5. Schmetterling Quadra 224

225 2. Auf Ihrer Profianwendung finden Sie unter anderem den Button Rechnungen/Gutschriften. Klicken Sie diesen bitte an. 3. Anschließend öffnet sich Ihnen ein neues Fenster. Im oberen Bereich sehen Sie unter anderem die beiden Reiter Grunddaten und Mitarbeiter Grunddaten ändern Sobald Sie den Button Grunddaten gedrückt haben, finden Sie zunächst eine Übersicht der Stammdaten Ihres Büros, die bei Schmetterling hinterlegt sind. Diese können Sie ändern, indem Sie den Button Daten ändern anklicken. Hier haben Sie nun die Möglichkeit sämtliche Daten abzuändern. Wenn alles korrekt ist, klicken Sie unten bitte auf senden. Ihre Änderungen werden nun an die Stammdatenpflege von Schmetterling übermittelt und dann manuell im System geändert. Deswegen kann es, gemäß dem Hinweis darunter, auch 1-2 Werktage dauern, bis die neuen Daten übernommen worden sind. Schmetterling Quadra 225

226 3.2. Mitarbeiterdaten ändern Nachdem Sie in der oberen Auflistung Mitarbeiter angeklickt haben, öffnet sich eine Übersicht all Ihrer bestehenden Mitarbeiter. Um Änderungen vorzunehmen, klicken Sie bitte auf Daten ändern. Nun haben Sie unter anderem die Möglichkeit den Namen oder die Funktion zu ändern. Wenn ein Mitarbeiter aus Ihrem Büro ausgeschieden ist, können Sie ihn in der letzten Spalte löschen. Ihre Änderungen können Sie der Stammdatenpflege übermitteln, indem Sie jeweils den Button senden klicken. Da Ihre Änderungen anschließend manuell im System geändert werden, kann es 1-2 Werktage dauern, bis Ihre Mitarbeiterdaten geändert worden sind. Schmetterling Quadra 226

227 Um einen neuen Mitarbeiter anzulegen, steht Ihnen die Schaltfläche Mitarbeiter anlegen zur Verfügung. Klicken Sie diesen bitte an. Im folgenden Fenster können Sie die Daten Ihres Mitarbeiters eintragen und an die Stammdatenpflege von Schmetterling übermitteln, indem Sie den Button Mitteilen drücken. Bitte beachten Sie, dass die Felder, die mit einem Stern gekennzeichnet sind, ausgefüllt werden müssen. Auch hier kann es 1-2 Werktage dauern, bis Ihr neuer Mitarbeiter angelegt worden ist. Wenn Sie das Fenster schließen, befinden Sie sich wieder auf Ihrer Profianwendung. Schmetterling Quadra 227

228 4. Ihre Stammdaten und Mitarbeiterdaten werden nun geändert. Sobald dies geschehen ist, werden diese Daten auch automatisch wieder an bestimmten Stellen Ihrer Homepage eingefügt, wie zum Beispiel dem Impressum. 4.3 Anwendungsbeispiel Wir über uns Seite erstellen In diesem Anwendungsbeispiel wird zunächst eine Übersichtstabelle zu allen Mitarbeitern Ihres Büros erstellt. Hinter jeder Person ist dann eine neue Seite verlinkt mit detaillierten Infos. Damit Ihre Navigationsleiste nicht zu lang wird, soll darin auch nur die Übersichtsseite angezeigt werden und nicht jede Detailseite. Ein Beispiel des Endergebnisses finden Sie unter Neue Seite anlegen 1. Sobald Sie mit der Maus über die Navigationszeile Ihrer Homepage fahren, erscheint ein Button Navigation bearbeiten. 2. Nun öffnet sich Ihnen folgendes Fenster auf dem Sie bitte ganz oben den Button Neuer Menüpunkt anklicken. Schmetterling Quadra 228

229 3. In dem leeren Feld des folgenden Fensters können Sie nun angeben, wie ihr neuer Navigationspunkt heißen soll. Sobald Sie diesen eingetippt haben, bestätigen Sie bitte mit weiter. 4. Nun eröffnen sich Ihnen zwei Möglichkeiten. Je nachdem was sich auf der neuen Seite befinden soll, können Sie jetzt entweder eine bestehende Seite verlinken oder eine neue Seite zunächst komplett leer anlegen. Um eine neue Mitarbeiterseite anzulegen, klicken Sie bitte auf das untere Kästchen und dann auf weiter. 5. Nun werden Sie nach wenigen Sekunden auf Ihre neu angelegte, leere Seite geleitet. Hierzu bitten wir Sie um etwas Geduld. Dort angelangt haben Sie nun eine leere Seite vor sich, die Sie mit Ihren individuellen Inhalten über den Button Modul hinzufügen füllen können. Den Erfolg können Sie in der Adresszeile Ihres Browsers feststellen. Hier sehen Sie bereits den von Ihnen vergebenen Namen. Hinweis: Ihr neuer Navigationspunkt wird direkt nach dem Anlegen noch nicht in Ihrer Navigationszeile angezeigt. Dieser Punkt erscheint allerdings automatisch sobald Sie irgendeinen Inhalt auf Ihre leere Seite eingefügt haben. Hier handelt es sich um einen Schutzmechanismus von Schmetterling Quadra, der verhindert, dass ein Kunde auf eine leere Unterseite Ihrer Homepage kommen könnte. Schmetterling Quadra 229

230 Tabellarische Übersicht zu allen Mitarbeitern des Büros anlegen 1. Klicken Sie auf Modul hinzufügen und anschließend auf Text/Bild Inhalt. Nun sehen Sie ein Fenster, in dem Sie einen vorhandenen Inhalt einfügen können oder einen neuen Inhalt anhand verschiedener Vorlagen erstellen können. Wenn Sie eine der unteren Vorlagen anklicken, gelangen Sie in den Editor, wo für Sie bereits eine Tabellenstruktur mit Beispieltext und Bild- Platzhaltern angelegt ist. Wenn Sie individuell eine Struktur erstellen möchten steht Ihnen unten rechts auch eine leere Vorlage zur Verfügung. Klicken Sie bitte auf dieses weiße Feld, um in den Editor ohne Vorlage zu gelangen. 2. Der leere Editor hat sich geöffnet. Bitte vergeben Sie zunächst einen Namen für das Modul, zum Beispiel Unser Team. Um nun die Übersicht Ihrer Mitarbeiter anzulegen, empfiehlt es sich eine Tabelle zu erstellen. In der untersten Zeile klicken Sie bitte ganz rechts das entsprechende Symbol an, sodass ein Kontextmenü nach unten aufklappt. Wenn Sie daraufhin mit der Maus über Tabelle einfügen fahren, können Sie rechts daneben, die Anzahl der Spalten und Zeilen Ihrer Tabelle festlegen. Je nachdem wie viele Mitarbeiter Sie vorstellen möchten, legen Sie bitte die Größe fest und beenden diesen Vorgang mit einem Linksklick, sodass die Tabelle an der Stelle Ihres Editors hinzugefügt wird, wo Sie zuletzt den Cursor Ihrer Maus platziert haben. Schmetterling Quadra 230

231 3. Ihre Tabelle wurde nun kleinstmöglich eingefügt. Sobald Sie in eine Zelle der Tabelle klicken, können Sie entweder etwas reinschreiben, sodass sich die Tabelle automatisch vergrößert oder Sie benutzen die jetzt angezeigten weißen Quadrate, um daran die Tabelle mit gedrückter linker Maustaste größer zu ziehen. Weitere Bearbeitungsmöglichkeiten finden Sie im Kontextmenü der Tabelle, das sich öffnet, wenn Sie mit der rechten Maustaste in die Tabelle klicken. Unter anderem können Sie hier Spalten/Zeilen hinzufügen oder löschen, Zellen verbinden oder einen Rahmen und eine Hintergrundfarbe einstellen. So können Sie nun die Tabelle entsprechend der Anzahl Ihrer Mitarbeiter anpassen und ausfüllen. Hinweis: Damit sich Ihre Tabelle in den responsive-layouts von Schmetterling Quadra auch auf mobilen Endgeräten automatisch an die jeweilige Breite des Gerätes anpasst, Schmetterling Quadra 231

232 tragen Sie bei den Tabelleneigenschaften als Breite bitte keine absoluten Werte in Pixel ein, sondern am besten 100%. 4. Um Bilder Ihrer Mitarbeiter in die Übersicht einzufügen, klicken Sie bitte zunächst mit der Maus an die Stelle, wo das Bild platziert werden soll. In unserem Beispiel also in die zweite Spalte der Tabelle. Anschließend drücken Sie bitte auf das Bergsymbol in der untersten Zeile des Editors, sodass Sich ein neues Fenster öffnet. Hier können Sie ein Bild von Ihrem PC hochladen oder über die Mediathek einfügen. Nachdem Sie ein Bild aus der Mediathek ausgewählt haben, ist das Feld Adresse automatisch ausgefüllt. In den beiden Feldern darunter können Sie eine Beschreibung und einen Titel angeben. Dies ist vor allem dann notwendig, wenn das Bild bei den Suchmaschinen gefunden werden soll, weil sie somit erkennen, was sich auf diesem Bild befindet. Ganz unten sehen Sie die Abmessungen des Bildes. Hier können Sie die genaue Größe in der Einheit Pixel definieren. Solange der Haken unter Seitenverhältnis beibehalten gesetzt ist, genügt es das erste Feld, also die Breite, auszufüllen. Die Höhe wird sich automatisch anpassen, sobald Sie in das Feld klicken. Um das Bild in den Editor einzufügen, klicken Sie bitte auf Ok. 5. Nachdem Sie die Bilder der Mitarbeiter eingefügt haben, klicken Sie bitte unten rechts auf speichern, um das Text/Bild Inhalt Modul abzuspeichern. Schmetterling Quadra 232

233 Detailseiten jedes Mitarbeiters anlegen Nachdem die Übersichtsseite aller Mitarbeiter Ihres Büros angelegt ist, ist es von Vorteil für jeden Mitarbeiter eine separate Seite anzulegen. So haben Sie die Möglichkeit jede Person ausführlich zu beschreiben. 1. Zunächst erstellen Sie bitte wieder eine neue leere Seite. Diese können Sie nach dem Mitarbeiter benennen, zum Beispiel Mitarbeiter A. Dabei gehen Sie bitte genauso vor wie bereits bei der Übersichtsseite, siehe Neue Seite anlegen auf Seite 228, mit einer Ausnahme. Zweckmäßig erstellen Sie keinen neuen Oberpunkt Mitarbeiter A, sondern einen Unterpunkt zum Navigationspunkt Wir über uns. Dazu klicken Sie bitte nicht auf Neuer Menüpunkt, sondern auf das Plus in der Bearbeitungsleiste neben dem Oberpunkt Wir über uns. 2. Auf der neuen, leeren Seite angelangt, klicken Sie bitte erneut auf Modul hinzufügen und anschließend auf Text/Bild Inhalt. Hier können Sie nun wieder eine leere Vorlage wählen, um die Seite individuell zu gestalten (wie bei der Mitarbeiter-Übersichtsseite, beschrieben auf Seite 230) oder eine vorgegebene Vorlage aussuchen. In beiden Fällen müssen Sie wieder einen Namen für das Modul vergeben. Anschließend können Sie den Mitarbeiter nach Ihren Schmetterling Quadra 233

234 Wünschen beschreiben und die Bearbeitung abschließen, indem Sie unten rechts auf speichern klicken. Auf die gleiche Art und Weise verfahren Sie, um die Detailseiten der weiteren Mitarbeiter anzulegen. Detailseiten im Übersichtsfenster verlinken Wenn nun sowohl die Übersichtsseite als auch jede Detailseite aller Mitarbeiter angelegt sind, müssen diese nun noch miteinander verknüpft werden. 1. Dazu kehren Sie wieder auf die Seite zurück, wo sich Ihre Übersichtsseite befindet; in diesem Beispiel also auf die Seite Wir über uns. 2. Dort öffnen Sie bitte wieder den Editor, um das bestehende Text/Bild Inhalt Modul mit Ihrer Mitarbeiterübersicht zu öffnen. Dazu klicken Sie bitte auf das Zahnrad. Schmetterling Quadra 234

235 3. Hinter jedem Bild und jedem Text können Sie eine Verlinkung setzen. Dazu klicken Sie bitte zunächst das Bild an, hinter dem Sie eine Verlinkung setzen möchten oder markieren den zu verlinkenden Text, indem Sie mit gedrückter linker Maustaste darüber fahren. Zum Beispiel den Namen des Mitarbeiters, hier Mitarbeiter A. Anschließend drücken Sie bitte auf das Kettensymbol in der untersten Zeile, sodass sich ein neues Fenster öffnet. 4. Hier haben Sie nun die Möglichkeit im Feld Adresse eine beliebige Internetseite einzutragen auf die Sie verlinken möchten. Wenn Sie Unterseiten Ihrer eigenen Homepage verlinken möchten, können Sie die Adresse der jeweiligen Seite in dieses Feld per Hand eintragen. Sie können aber auch den Button Suche hinter dem Adressfeld benutzen. Wenn Sie ihn anklicken, öffnet sich erneut ein Fenster mit zwei leeren Selectboxen. In der ersten Selectbox können Sie auswählen worauf Sie verlinken möchten. Wenn Sie auf eine Unterseite verlinken möchten, klicken Sie bitte auf Seiten. 5. Daraufhin können Sie in der zweiten Selectbox eine Seite Ihrer Homepage auswählen, die Sie bereits erstellt haben. Wenn Sie die entsprechende Seite, zum Beispiel Mitarbeiter A, angeklickt haben, drücken Sie bitte auf einfügen. Nun befinden Sie sich wieder im Ausgangsfenster. In der Adresszeile ist die Kurzform der ausgewählten Seite eingetragen. Schmetterling Quadra 235

236 Wenn Sie einen Titel angeben, wird dieser angezeigt, wenn man den Mauszeiger über den verlinkten Text bewegt. In der Selectbox am unteren Ende können Sie auswählen ob diese verlinkte Seite im selben Reiter (Voreinstellung) oder in einem neuen Reiter aufgehen soll. Sobald Sie auf Ok klicken, sind Ihre Änderungen in den Editor des Text/Bild Inhalt Moduls übernommen. 6. Das Modul speichern Sie wie gewohnt unten rechts ab. Die Verlinkung auf Mitarbeiter A wurde nun gesetzt. Über denselben Weg können Sie auch alle weiteren Mitarbeiter verlinken, sofern Sie deren Seiten bereits angelegt haben. Navigationspunkte deaktivieren Ihre Wir über uns Seite inklusive der Verlinkungen auf die einzelnen Detailseiten ist nun fertig. Gerade bei vielen Mitarbeitern haben Sie nun aber in der Navigationszeile unter dem Punkt Wir über uns viele Unterpunkte, die unter Umständen störend sein können. Da Ihre Kunden über die erstellte Übersichtsseite auf jeden einzelnen Mitarbeiter zugreifen können, ist es nicht notwendig sämtliche Mitarbeiter zusätzlich in der Navigationsleiste anzuzeigen. Entsprechend können Sie diese Seiten aus der Navigation ausblenden. An der Grundfunktion Ihrer Wir über uns Seite ändert dies natürlich nichts. 1. Klicken Sie dazu bitte auf den Button Navigation bearbeiten, der erscheint wenn Sie mit der Maus über Ihre Navigationsleiste fahren. In dem Fenster, das sich Ihnen im Anschluss öffnet, können Sie nun jeden einzelnen Navigationspunkt deaktivieren. Dazu fahren Sie mit der Maus über den entsprechenden Navigationspunkt, hier Mitarbeiter A, sodass rechts daneben eine Bearbeitungsleiste erscheint. Dort sehen Sie einen grünen Punkt, der Ihnen signalisiert, dass diese Seite aktiv ist. Drücken Sie auf diesen grünen Punkt, sodass dieser rot wird. 2. Die Seite ist nun deaktiviert und wird nicht mehr in der Navigationszeile angezeigt. Dies erkennen Sie nicht nur am roten Punkt, sondern auch an der grauen Schriftfarbe des Navigationspunktes. Schmetterling Quadra 236

237 Auf dieselbe Art und Weise können Sie alle anderen Detailseiten Ihrer Mitarbeiter ausblenden, sodass der Kunde nur die Übersichtsseite in der Navigationszeile anklicken kann und anschließend über diese Seite auf die Informationen zu den einzelnen Mitarbeitern zurückgreifen kann. Dieses Fenster schließen Sie, indem Sie unten rechts auf schließen klicken. Schmetterling Quadra 237