Partnerwebseiten - Cloudinary

Schulungsunterlagen Partnerwebseiten

Schulungsunterlagen Partnerwebseiten.docx V1.01 09.11.2017

Ersteller: Deep Impact Seite 1/24





Inhaltsverzeichnis 1. Einleitung 3

1.1 Zweck dieses Dokumentes 3

1.2 Verwendetes Content Management System (CMS) 3

1.3 Grundlegender Aufbau nach WYSIWYG 3

1.4 Was ist ein Post? 3

1.5 Was ist ein Dashboard? 4

2. Login 4

3. Aufbau der Seite 5

4. Inhalte erstellen 7

4.1 Kreieren von Inhalt 7

4.2 Titelbild hochladen 8

4.3 Bild zuschneiden 9

4.4 Titel, Lead und Inhalt 10

5. Text bearbeiten 11

6. Editor-Elemente 14

6.1 Bild hinzufügen 14

6.2 Position der Bilder 15

6.3 Dokumente hochladen 16

6.4 Video 17

6.5 Button 18

7. Publizieren 19

7.1 Publikation 19

7.2 Deaktivieren 22

7.3 Löschen 22

8. Allgemeine Tipps & Tricks 23

8.1 Bilder 23

8.2 SEO: Search Engine Optimization 24

8.3 Test auf dem Smartphone 24

9. Support 24




1. Einleitung

1.1 Zweck dieses Dokumentes Dieses Dokument erläutert die Funktionen der Volkswagen Händler Webseiten und dient als User Guide für Anpassungen auf der Webseite. 1.2 Verwendetes Content Management System (CMS) Die Volkswagen Händler Webseite basiert auf dem Content Management System SPECTRA. SPECTRA ist eine Eigenentwicklung der Deep-Impact AG welches als Multi-Tenant System operiert. Das heisst, dass dank der Mandantenfähigkeit der Plattform verschiedene Seiten hocheffizient auf einem dafür ausgelegten Gesamtsystem operiert werden. 1.3 Grundlegender Aufbau nach WYSIWYG Die komplette Editierbarkeit der Seite folgt dem WYSIWYG Prinzip (What You See Is What You Get). Das bedeutet, dass die Inhalte bereits während dem Erfassen oder Editieren so aussehen, wie in der publizierten Form. 1.4 Was ist ein Post? Inhalte werden als sogenannte Posts erfasst. Unter der Kreation von Inhalten werden folgende Funktionen zusammengefasst:

● Erstellen von Inhalten ● Speichern von Entwürfen ● Publizieren und Deaktivieren von Inhalten ● Editieren und löschen Löschen von Inhalten




1.5 Was ist ein Dashboard? Die erstellten Inhalte werden auf Dashboards zusammengefasst, das die eine Vorschau auf die Inhalte bieten (Thumbnail und Headline).

2. Login

Um Ihre Internetseite zu bearbeiten müssen Sie sich zuerst einloggen. Geben Sie dafür bei der Internet-Adresse folgenden Zusatz ein: (...Adresse…)/de/login (...Adresse…)/fr/login (...Adresse…)/it/login Sie gelangen dadurch zum Login-Fenster.

Sie können sich hier mit Ihren bestehenden Partnernet Zugangsdaten anmelden.




3. Aufbau der Seite

1. Modelle Hier sind sämtliche Modelle der Marke abgebildet. Die Inhalte werden automatisch von der Markenwebseite importiert.

2. Volkswagen kaufen Der Kunde findet hier Links zum Konfigurator, Probefahrtformular sowie Informationen für Firmenkunden

3. Angebote & Aktionen Dies ist ein Dashboard mit sämtlichen Angeboten, die entweder automatisch von der Markenwebseite importiert oder vom Betreiber der Webseite (also Ihnen) manuell hinzugefügt wurden.

4. Service & Zubehör Das sind von AMAG erstellte, allgemeingültige Inhalte, Komma zu denen Sie als Webseitenbetreiber weitere Inhalte ergänzen können.

5. Team & Kontakt Der Nutzer findet hier Ihre Adresse sowie einen Kontakt-Link (E-Mail) und das Team.

6. Mehr Unter diesem Menüpunkt sind Informationen über die Garage, Engagements, Jobs, Volkswagen News und E-Mobility zu finden. Ausser E-Mobility und News können Sie alle Inhalte selber definieren.




7. Name der Garage Hier ist der Name der anbietenden Garage aufgeführt inklusive Verlinkung auf die Homepage.

8. Konfigurator Dieser Service-Menüpunkt führt zum Konfigurator.

9. Probefahrt Dieser Service-Menüpunkt führt zum individuellen Probefahrtformular.

10. Servicetermin Verfügen Sie über ein Online Terminvereinbarungs-Tool, dann wird dies von hier verlinkt. Ansonsten führt der Link zur Kontaktseite. Den Link zum Tool teilen Sie bitte den Administratoren der Website mit.

11. Suche Die Freitextsuche funktioniert für alle manuell erstellten sowie importieren Inhalte.

12. Slider Auf der Startseite werden Beiträge, die in der Kategorie “Unter uns” erfasst wurden, angeteast. Sie können diese hinzufügen, wenn Sie bei der Erstellung als “Als Highlight anzeigen” auswählen.

13. Dashboard Hier sind sämtliche Inhalte chronologisch aufgeführt.




4. Inhalte erstellen

4.1 Kreieren von Inhalt

Bei eingeloggten Nutzern ist auf der Startseite dieses Plus-Zeichen ersichtlich. Klicken Sie es an, um Ihrer Webseite Inhalte hinzuzufügen. Haben Sie das Symbol angewählt, öffnet sich ein leerer Post.




4.2 Titelbild hochladen

Einfach in die graue Fläche klicken und aus dem sich öffnenden Ordner ein Bild auswählen oder das gewünschte Bild direkt via “Drag & Drop” in das grüne Feld ziehen. Sobald das Bild hochgeladen wurde, können Sie es auf die gewünschte Form zuschneiden. Sollten Sie versehentlich das falsche Bild ausgewählt haben, können Sie es mit dem Einbahn-Button wieder entfernen.




4.3 Bild zuschneiden Klicken Sie dazu auf das blaue Symbol am unteren, rechten Rand des Bildes.

Sie können nun mit der Maus den gewünschten Bereich bestimmen, der nach Zuschneiden des Bildes noch vorhanden sein soll. Sollten Sie mit Ihrer Auswahl nicht zufrieden sein, können Sie die Auswahl mit einem Klick auf den roten Button löschen. Sobald das Bild Ihren Vorstellungen entspricht, können Sie die Auswahl mit dem grünen Button bestätigen.




4.4 Titel, Lead und Inhalt Klicken Sie zum Hinzufügen einfach auf das entsprechende Wort (z.B. “Titel…”) und verfassen Sie den gewünschten Text.




5. Text bearbeiten

Wenn Sie einen bestimmten Bereich Ihres Inhalts markieren, erscheint eine Auswahl an Bearbeitungsmöglichkeiten, die Ihnen die Anpassung des Textes ermöglicht:

Um Text-Formatierungen vorzunehmen muss die gewünschte Stelle markiert werden. Dann erscheint die Bearbeitungsleiste.

Fett / Kursiv / Unterstrichen




Öffnet das Feld für die Eingabe eines Links und wandelt den markierten Text in einen Link um.

Seitentitel einfügen:

Das ist ein Titel in H1 Das ist ein Titel in H2

Markierte Zeilen werden als Bulletpoints angezeigt.

Markierte Zeilen werden als Aufzählung aufgeführt.

Linksbündig / Mittig / Rechtsbündig




Tabelle

+ anklicken

Tabellensymbol anklicken

Spaltenzahl wählen

Die Textbearbeitungs-Elemente in der Anwendung:




6. Editor-Elemente

Um weitere Inhalte wie z.B. Bilder, Videos, Links, etc. in den Text zu integrieren, klicken Sie mit der Maus in eine leere Zeile. Es erscheint ein blauer “Plus-Button”, mit welchem sich die zusätzlichen Elemente aufrufen lassen:

+ anklicken

gewünschtes Tabellensymbol anklicken

6.1 Bild hinzufügen

Das erste Symbol beim “Plus-Menü” öffnet eine Ablagefläche für weitere Bilder.




6.2 Position der Bilder Auf dem Bild erscheinen 4 Platzierungs-Möglichkeiten. Probieren Sie die verschiedenen Varianten aus, um die Beste für Sie zu finden.




6.3 Dokumente hochladen Das zweite Symbol beim “Plus-Menü” anklicken

Dokument hochladen




6.4 Video Ein Video hinzufügen ist in wenigen Schritten gemacht:

Das Video-Symbol anklicken, danach den Link zu YouTube einfügen und “Enter” drücken. Auch beim Video kann die Position und Grösse gewählt werden. https://www.youtube.com/watch?v Resultat




6.5 Button Mit dem Link-Symbol wird ein Button erstellt, der individuell benannt werden kann.




7. Publizieren

7.1 Publikation

Wenn Ihr Beitrag fertig ist, können Sie diesen publizieren. Klicken Sie dafür die drei Punkte am rechten oberen Bildrand an.




Publikationsmenü: Hier werden alle nötigen Information zu Publikationszeitpunkt, Publikationsort und Suchmaschinen-Hilfe eingegeben.

Der Post kann sofort publiziert oder aber auch zeitlich disponiert werden:

Falls der Post an einem bestimmten Zeitpunkt deaktiviert werden soll, kann dies bei “Deaktivieren ab:” eingestellt werden.

Wählen Sie als nächstes aus, wo der Post erscheinen soll. Website: Händlerseite Volkswagen: Ihre VW-Partnerseite Volkswagen Nutzfahrzeuge: Ihre VW NF-Partnerseite Unter welche Kategorie fällt der Post auf der Webseite:




Wo soll er auf der Partnerseite publiziert werden:

In welcher Sprache ist der Post verfasst (dies kann später nicht geändert werden)

Der Post kann als Highlight angezeigt werden. Dies bedeutet er wird gross im Slider auf der Frontpage angezeigt. Zusätzlich sollten Sie einen Text für die Suchmaschinen- Optimierung eingeben.

Der Post erscheint nun an der richtigen Stelle.




7.2 Deaktivieren Sie möchten einen publizierten Beitrag deaktivieren aber weiterhin in den Entwürfen verfügbar haben. Klicken Sie ins Menü der 3 Punkte am oberen rechten Bildrand und wählen Sie “Deaktivieren”. Sie können die Artikel wiederfinden, indem Sie auf der Startseite (wenn Sie eingeloggt sind), den Menüpunkt “Artikelübersicht” aufrufen. 7.3 Löschen Sie möchten einen Beitrag löschen, dann klicken Sie ins Menü der 3 Punkte am oberen rechten Bildrand und wählen Sie “Löschen”. Die Löschung ist unwiderruflich.




8. Allgemeine Tipps & Tricks

8.1 Bilder Verwenden Sie Bilder, die zum Text und zu Ihnen als Absender passen. Bitte beachten Sie dabei, dass die Bilder in guter Auflösung hochgeladen werden und Sie die Urheberrechte der Bilder besitzen bzw. lizenzfreie Bilder verwenden.

! BILDER UND INHALTE Bilder sagen bekanntlich mehr als 1000 Worte. Mit dem richtigen Ausschnitt in guter Qualität und einem aussagekräftigen Bild bringen Sie Emotionen in Ihre Webseite. Lieber etwas mehr Zeit für die Bildwahl verbringen und dafür etwas weniger Text schreiben. So viel wie nötig, so wenig wie möglich.

Bilddatenbanken mit kostenlosen Bildern https://pixabay.com/ https://unsplash.com/ https://www.pexels.com/ https://stocksnap.io/ Ein Beispiel, wie unterschiedliche Bilder wirken können:

https://pixabay.com/

https://unsplash.com/

https://www.pexels.com/

https://stocksnap.io/




8.2 SEO: Search Engine Optimization Es ist wichtig, dass Sie Ihre Seiten für Google optimieren. Versetzen Sie sich in die Rolle des Nutzers. Wonach würde dieser suchen? Welche Worte verwendet er dafür? Versuchen Sie Ihre Inhalte darauf auszurichten und verfassen Sie immer auch eine SEO-Beschreibung (im Publikations-Menü). 8.3 Test auf dem Smartphone Prüfen Sie auch, wie die neu erstellte Seite auf dem Smartphone aussieht. Da die Applikation Responsive aufgebaut ist, können Sie dazu einfach das Browser-Fenster kleiner machen und Sie sehen, wie sich die Seite je nach Breite des Browsers neu zusammenstellt. Prüfen Sie aber auch auf Ihrem Smartphone, ob das Resultat Ihren Wünschen entspricht.

9. Support

Sie finden erste Hilfe, wenn Sie auf die Support-Seite klicken. Den Link dafür finden Sie oben rechts, sobald Sie eingeloggt sind.

Documents

Partnerwebseiten - Cloudinary