Documents de formation - Cloudinary

Documents de formation sites web des partenaires

Schulungsunterlagen Partnerwebseiten.docx v1.01 09.11..2017

Ersteller: Deep Impact Seite 1/24

Documents de formation Sites web des partenaires




Sommaire

1. Introduction 3

1.1 But du document 3

1.2 Système de gestion de contenu (CMS) utilisé 3

1.3 Structure de base selon WYSIWYG 3

1.4 Qu’est-ce qu’un article? 3

1.5 Qu’est-ce qu’un dashboard? 3

2. Connexion 4

3. Structure du site 5

4. Créer des contenus 7

4.1 Création de contenus 7

4.2 Charger une image pour la première page 8

4.3 Recadrer une image 9

4.4 Titre, chapeau et contenu 10

5. Éditer le texte 10

6. Éléments de l’éditeur 14

6.1 Ajouter une image 14

6.2 Position des images 15

Charger des documents 16

6.3 Vidéo 17

6.4 Bouton 18

7. Publier 19

7.1 Publication 19

7.2 Désactiver 22

7.3 Supprimer 22

8. Conseils et astuces d’ordre général 23

8.1 Images 23

8.2 Optimisation des moteurs de recherche (Search Engine Optimization, SEO) 24

8.3 Test sur le smartphone 24

9. Support 24




1. Introduction

1.1 But du document Le présent document explique les fonctions des sites des partenaires Volkswagen et sert de manuel d’utilisation pour effectuer les mises à jour sur le site Internet. 1.2 Système de gestion de contenu (CMS) utilisé Le site web des partenaires Volkswagen se base sur le système de gestion de contenu SPECTRA. Développé en interne par Deep-Impact AG, SPECTRA opère comme système muti-tenant. En d’autres termes, l’architecture multi-tenant de la plateforme permet de gérer plusieurs sites de manière très efficace sur un système global spécialement conçu à cet effet. 1.3 Structure de base selon WYSIWYG Le processus de traitement de texte des pages repose sur le principe WYSIWYG (What You See Is What You Get). De façon concrète, ce logiciel permet à l’utilisateur de voir simultanément le texte qu’il rédige et le résultat tel qu’il sera publié. 1.4 Qu’est-ce qu’un article? Les contenus sont saisis sous forme d’articles (posts). Les fonctions suivantes font partie du processus de création de contenus:

● Création de contenus ● Enregistrement de brouillons ● Publication et désactivation de contenus ● Modification et suppression de contenus

1.5 Qu’est-ce qu’un dashboard? Les contenus créés sont regroupés sur des tableaux de bord (dashboards), qui offrent un aperçu des contenus (thumbnail et headline).




2. Connexion

Pour pouvoir modifier votre page Internet, vous devez d’abord vous connecter. Pour ce faire, vous devez ajouter le complément suivant à l’adresse Internet: (...Adresse…)/de/login (...Adresse…)/fr/login (...Adresse…)/it/login Vous accédez ainsi à la fenêtre de connexion.

Vous pouvez vous connecter à l’aide de l’identifiant que vous utilisez pour accéder au PartnerNet.




3. Structure du site

1. Modèles Tous les modèles de la marque sont représentés ici. Les contenus sont automatiquement importés du site des marques.

2. Acheter Volkswagen Le client trouve ici les liens vers le configurateur, le formulaire relatif aux essais routiers ainsi que des informations pour les clients d’entreprises.

3. Offres & actions Il s’agit d’un tableau de bord (dashboard) regroupant toutes les offres automatiquement importées du site web des marques ou ajoutées manuellement par l’administrateur du site web (c’est-à-dire vous-même).

4. Service & accessoires Il s’agit de contenus à caractère général créés par AMAG que vous pouvez compléter par d’autres contenus en votre qualité d’administrateur de sites web.

5. Team & contact L’utilisateur trouve ici votre adresse et le lien de contact (e-mail) ainsi que l’équipe.




6. Plus... Dans cette rubrique, vous trouverez des informations sur le garage, les engagements, les offres d’emploi, les actualités Volkswagen et E-Mobility. Vous pouvez définir tous les contenus sauf ceux concernant E-Mobility et les actualités.

7. Nom du garage Le nom du garage et le lien vers sa page d’accueil sont indiqués ici.

8. Configurateur Cette rubrique de services vous dirige vers le configurateur.

9. Essai routier Cette rubrique de services vous dirige vers le formulaire relatif aux essais routiers.

10. Rendez-vous Si vous disposez d’un outil en ligne pour la prise de rendez-vous Service, un lien correspondant sera inséré, faute de quoi, le lien vous dirigera vers la page de contact. Veuillez communiquer le lien vers l’outil à l’administrateur du site web.

11. Recherche La recherche en texte libre fonctionne pour tous les contenus créés manuellement et importés.

12. Bannière animée Sur la page d’accueil, les contenus enregistrés dans la catégorie «Entre nous» sont assortis d’un teaser. Vous les pouvez ajouter lorsque vous sélectionnez «en premier plan» au moment de la création des contenus.

13. Dashboard Tous les contenus sont présentés dans un ordre chronologique.




4. Créer des contenus

4.1 Création de contenus

Pour les utilisateurs connectés, ce signe «+» est visible sur la page d’accueil. Cliquez dessus pour ajouter des contenus à votre site web. Si vous avez sélectionné le symbole, une fenêtre vide s’affiche.




4.2 Charger une image pour la première page

Cliquez simplement sur la zone grise et sélectionnez une image dans le dossier qui s’affiche ou déplacez l’image de votre choix vers le champ vert à l’aide de la fonction «glisser-déposer». Dès que l’image a été chargée, vous pouvez la recadrer à votre guise. Si vous avez sélectionné par erreur la mauvaise image, vous pouvez la supprimer à l’aide du bouton de sens interdit.




4.3 Recadrer une image Cliquez pour ce faire sur le symbole bleu situé en bas à droit de l’image.

Vous pouvez à présent définir la zone où vous souhaitez placer l’image après le recadrage. Si vous n’êtes pas satisfait de votre choix, vous pouvez supprimer la sélection en cliquant sur le bouton rouge. Si vous êtes satisfait, cliquez sur le bouton vert pour confirmer votre sélection.




4.4 Titre, chapeau et contenu Pour ajouter un titre, par exemple, il vous suffit de cliquer sur le mot correspondant et de saisir le texte de votre choix.

5. Éditer le texte

Si vous sélectionnez un passage donné de votre contenu, vous verrez s'afficher une sélection d’options qui vous permettent de modifier le texte:

Pour formater le texte, vous devez sélectionner le passage en question. Vous verrez ensuite apparaître la barre d’outils.




Gras / italique / souligné

Ouvre le champ pour saisir un lien et convertit le texte sélectionné en un lien.

Ajouter un titre:

C’est un titre dans H1 C’est un titre dans H2

Les lignes sélectionnées s’affichent sous forme de points.

Les lignes sélectionnées s’affichent sous forme d’énumération.




Alignement à gauche / au centre / à droite

Tableau

cliquez +

cliquez sur l'icône de tableau

déterminer le nombre de colonnes

Les éléments de l’éditeur de texte dans l’application:







6. Éléments de l’éditeur

Pour intégrer d’autres contenus, tels que des images, vidéos, liens, etc., dans le texte, cliquez dans une ligne vide. Vous verrez apparaître un bouton «+» bleu, qui vous permet d’accéder aux autres éléments:

cliquez +

cliquez sur l'icône désirée

6.1 Ajouter une image

Le premier symbole du menu «+» ouvre une autre zone, où vous pouvez charger d’autres images.




6.2 Position des images Vous pouvez positionner l’image de 4 manières différentes. Testez les différentes variantes pour trouver celle qui vous convient le mieux.




Charger des documents cliquez sur la seconde icône

charger le document




6.3 Vidéo Quelques étapes suffisent pour ajouter une vidéo:

Cliquez sur le symbole de la vidéo, ajoutez ensuite le lien vers YouTube et appuyez sur «Entrée» Enter. Pour les vidéos aussi, vous avez la possibilité de choisir la position et la taille. https://www.youtube.com/watch?v Résultat




6.4 Bouton Le symbole de lien permet de créer un bouton personnalisé.




7. Publier

7.1 Publication

Une fois que vous avez terminé votre article, vous pouvez le publier. Pour ce faire, cliquez sur les trois points en haut à droite de l’écran.

Menu de publication: Dans ce menu, il faut saisir toutes les informations nécessaires concernant la date et le lieu de publication ainsi que les moteurs de recherche.




Vous pouvez publier l’article immédiatement ou reporter sa publication à une date ultérieure:

si l’article doit être désactivé à un moment donné, vous pouvez définir les paramètres dans «Désactiver à partir du».

Sélectionnez ensuite l’endroit où l’article doit être publié. Site web: site du partenaire Volkswagen: votre site des marques VW Volkswagen Véhicules Utilitaires: votre site des marques VW VU Assigner une catégorie à l’article:

À quel endroit publier l’article sur le site de partenaire:




En quelle langue l’article est-il rédigé (la langue ne peut pas être modifiée ultérieurement)

L’article peut être affiché en premier plan, c’est-à-dire qu’il apparaîtra en grand dans la bannière animée de la page d’accueil. En outre, vous devez saisir un texte pour l’optimisation des moteurs de recherche.

L’article figure à présent au bon endroit.




7.2 Désactiver Vous voulez désactiver un article publié mais le conserver dans les brouillons. Cliquez sur les 3 points dans le menu en haut à droite de l’écran et sélectionnez «Désactiver». Vous pouvez retrouver l’article dans le menu «Aperçu des articles» sur la page d’accueil (lorsque vous êtes connecté). 7.3 Supprimer Si vous voulez supprimer un article, cliquez sur les 3 points dans le menu en haut à droite de l’écran et sélectionnez «Supprimer». L’opération de suppression est irréversible.




8. Conseils et astuces d’ordre général

8.1 Images Utilisez des images adaptées au texte et qui vous correspondent en tant qu’expéditeur. Veuillez noter que vous devez importer les images en haute définition, bénéficier de droits d’auteur ou utiliser des images libres de droits.

! IMAGES ET CONTENUS Les images en disent plus que 1000 mots. En sélectionnant des photos pertinentes et de bonne qualité et en les recadrant correctement, vous donnez une touche émotionnelle à votre site Internet. Il est préférable de consacrer plus de temps à la sélection des images et d’écrire moins de texte en contrepartie. Autant que nécessaire, aussi peu que possible.

Bases de données avec images gratuites https://pixabay.com/ https://unsplash.com/ https://www.pexels.com/ https://stocksnap.io/ Effets possibles des différentes images:

Centre de soins Notre lavage de voiture

https://pixabay.com/

https://unsplash.com/

https://www.pexels.com/

https://stocksnap.io/




8.2 Optimisation des moteurs de recherche (Search Engine Optimization, SEO) Il est important d’optimiser la visibilité de votre site web dans les pages de résultats de Google. Mettez-vous à la place de l’utilisateur. Que rechercherait-il? Quels mots clés utiliserait-il? Essayez de cibler vos contenus en fonction de ces mots clés et rédigez toujours une description SEO (dans le menu de publication). 8.3 Test sur le smartphone Vérifiez également à quoi ressemblent les pages nouvellement créées sur votre smartphone. Comme l’application est conçue de façon réactive, vous pouvez simplement réduire la taille de la fenêtre du navigateur et vous verrez comment la page s’assemble en fonction de la largeur du navigateur. Vérifiez aussi si le résultat correspond à vos souhaits sur votre smartphone.

9. Support

Cliquez sur «Support» si vous avez besoin d’aide. Dès que vous êtes connecté, le lien correspondant apparaît en haut à droite.