Schulungsunterlagen Partnerwebseiten - Cloudinary...Ersteller: Deep Impact Seite 23/26 8 Menüpunkte selber erstellen Als externer Partner haben Sie auch die Möglichkeit, selber neue

Schulungsunterlagen Partnerwebseiten

Schulungsunterlagen Partnerwebseiten.docx V1.3 18.04.2018

Ersteller: Deep Impact Seite 1/26





Inhaltsverzeichnis

1 Einleitung 3

1.1 Zweck dieses Dokuments 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? 3

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 8

4.4 Titel, Lead und Inhalt 9

5 Text bearbeiten 10

6 Editor-Elemente 13

6.1 Bild hinzufügen 13

6.2 Position der Bilder 14

6.3 Dokumente hochladen 15

6.4 Video 16

6.5 Button 17

7 Publizieren 18

7.1 Publikation 18

7.2 Deaktivieren 22

7.3 Löschen 22

8 Menüpunkte selber erstellen 23

9 Template wechseln 23

10 Allgemeine Tipps & Tricks 24

10.1 Bilder 24

10.2 SEO: Search Engine Optimization 25

10.3 Test auf dem Smartphone 25

11 Support 26




1 Einleitung

1.1 Zweck dieses Dokuments 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 des Erfassens oder Editieren so aussehen wie in der publizierten Form. 1.4 Was ist ein Post? Inhalte werden als sogenannte Posts erfasst. Unter dem Kreieren von Inhalten werden folgende Funktionen zusammengefasst:

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

1.5 Was ist ein Dashboard? Die erstellten Inhalte werden auf Dashboards zusammengefasst, 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 zu 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, 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 finden Sie Informationen über die Garage, Engagements, Jobs, Volkswagen News und E-Mobility. 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, 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

Jeder Post besteht aus drei Textelementen: Titel, Lead und Inhalt.

Titel: Titel des Posts (maximal 60 Zeichen)

Lead: Kurze Beschreibung des Texts, soll den User einladen, mehr zu erfahren (maximal 105 Zeichen).

Inhalt: der eigentliche Text jedes Posts

Die Felder Titel & Lead sind Pflichtfelder und müssen ausgefüllt werden, um einen Post zu speichern und zu

publizieren. Klicken Sie zum Hinzufügen von Inhalten 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 Texts ermöglicht:




Um Textformatierungen 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. Verlinkt werden können URL, E-Mail Adressen und Telefonnummern.

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

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 Es stehen vier Platzierungsmöglichkeiten zur Auswahl. Probieren Sie die verschiedenen Möglichkeiten aus, um die beste Variante zu finden.




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

Dokument hochladen




6.4 Video In wenigen Schritten können Sie ein Video hinzufügen:

Das Video-Symbol anklicken, danach den Link zu YouTube einfügen und “Enter” drücken. Auch beim Video können 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 3 Punkte am rechten oberen Bildrand an.

Publikationsmenü Schritte

Publikationsmenü: Hier werden alle nötigen Informationen zu Publikationszeitpunkt, Publikationsort und Suchmaschinen-Hilfe eingegeben. Um das Publikationsmenü zu öffnen, klicken Sie auf “Editieren” unter “Publizieren ab jetzt”.




Der Post kann sofort publiziert oder ...

... der Post kann 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: AMAG Website: Händlerseite Volkswagen: Ihre VW-Partnerseite Volkswagen Nutzfahrzeuge: Ihre VW NF-Partnerseite …

Unter welche Kategorie fällt der Post:

Wo soll er auf der Partnerwebseite publiziert werden:

Wählen Sie die Art der Vertragspartner:

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




Highlight und Störer-Balken: Der Post kann mithilfe eines farblich abgesetzten Störer-Balkens visuell hervorgehoben werden: Klicken Sie auf “editieren”,

geben Sie den Text in das Textfeld ein und wählen Sie eine Farbe.

Der Post kann als Highlight angezeigt werden. Dies bedeutet, dass er gross im Slider auf der Frontseite angezeigt wird. Legen Sie dafür den Schalter nach rechts auf “Ja”.

Name URL und Suchmaschinentext: Für jeden Post wird automatisch ein Name vergeben. Sie können jedoch auch einen eigenen Namen definieren im Feld “Text”. Ist der Name noch nicht vergeben, erscheint ein grüner Haken. Als Grundeinstellung wird der Leadtext für Suchmaschinen verwendet. Sie können stattdessen aber auch einen anderen Text für die Suchmaschinen-Optimierung eingeben.

Post publizieren: Sobald alle Pflichtfelder ausgefüllt sind, können Sie den Post publizieren (Button wird blau): Klicken Sie auf “publizieren …”.




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 Möchten Sie einen Beitrag löschen, dann klicken Sie ins Menü der 3 Punkte am oberen rechten Bildrand und wählen “Löschen”. Die Löschung ist unwiderruflich.




8 Menüpunkte selber erstellen

Als externer Partner haben Sie auch die Möglichkeit, selber neue Menüpunkte hinzuzufügen. Loggen Sie sich

dazu ein und klicken Sie auf "Einstellungen".

9 Template wechseln

Wir bieten den externen Partnern die Auswahl zwischen zwei Templates an. Sie können jederzeit zwischen Template 1 und Template 2 wechseln, geben Sie uns dazu einfach Bescheid per E-Mail an [email protected] .

mailto:[email protected]




10 Allgemeine Tipps & Tricks

10.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 dass 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/

https://pixabay.com/

https://unsplash.com/

https://www.pexels.com/

https://stocksnap.io/




Ein Beispiel für mögliche Effekte verschiedener Bilder:

10.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ü). 10.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 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.




11 Support

Sie finden erste Hilfe, wenn Sie auf die Support-Seite klicken. Der Link dafür befindet sich am Seitenrand oben rechts, sobald Sie eingeloggt sind.

Documents

Schulungsunterlagen Partnerwebseiten - Cloudinary...Ersteller: Deep Impact Seite 23/26 8 Menüpunkte selber erstellen Als externer Partner haben Sie auch die Möglichkeit, selber neue