Content Editor

Introduction

Avec l'éditeur de contenu, vous pouvez créer en un clin d'œil des pages de contenu uniques pour votre boutique en ligne. Dans ce guide, nous vous expliquons étape par étape le fonctionnement de l'éditeur de contenu et, enfin, comment attribuer la page créée dans le menu.

Vidéo explicative

Dans cette courte vidéo, vous pouvez voir la conception d’une page d’accueil possible avec l'éditeur de contenu.

Créer une page

Dans l’administration de la boutique, sous “Contenu” → “Pages”, vous pouvez créer une nouvelle page ou modifier une page existante.

Pour créer une nouvelle page, vous pouvez saisir le titre de la page dans le champ “Nouvelle page” en haut à gauche et cliquer sur “Créer”. Pour travailler avec l'éditeur de contenu, sélectionnez “Page de contenu”.

Interface de l'éditeur de contenu

Vous vous trouvez maintenant dans l’interface de l'éditeur de contenu.

1. Responsive Design : Modifiez l’affichage pour voir à quoi ressemble votre page sur les appareils mobiles. Vous ne pouvez toutefois modifier les affichages que partiellement de manière indépendante. Par exemple, vous pouvez modifier la taille d’une image dans l’affichage mobile, mais l’ancienne taille s’affiche toujours dans l’affichage bureau. Vous ne pouvez toutefois pas modifier la position de l’image pour chaque affichage.
2. Lien : En cliquant sur le crayon, vous pouvez modifier le lien de la page. Si vous cliquez directement sur le lien, vous accédez à la page correspondante dans la boutique en ligne.
3. Undo/Redo : Ces flèches vous permettent d’annuler ou de rétablir les dernières opérations.
4. Afficher les lignes d’aide : Les lignes d’aide vous aident à vous repérer.
5. Aperçu : Dans l’aperçu, vous pouvez visualiser votre page (y compris les modifications non encore enregistrées) du point de vue du client.
6. Publier : La page que vous avez créée est automatiquement enregistrée. Lorsque vous êtes prêt, vous pouvez publier la page ici.

Éléments

Sur le côté droit, vous trouverez les éléments qui peuvent être facilement placés par glisser-déposer. Il y a 3 éléments.

Modèles

Les modèles sont des éléments prêts à l’emploi avec des images et du texte qui servent d’inspiration.

Mises en page

Les mises en page vous donnent une structure approximative.

Contenus

Vous pouvez faire glisser les contenus directement dans les mises en page ou les modèles. Il existe un contenu pour les boutons, les images, les titres, le texte et les vidéos.

Commencez donc par créer votre structure à partir des modèles ou des mises en page, puis remplissez-la avec les contenus.

Paramètres des éléments

En cliquant sur un élément, les paramètres de celui-ci s’ouvrent à droite. Selon l’endroit où vous cliquez, différentes options s’affichent. Dans les paramètres des éléments, vous pouvez définir la largeur de la boîte, personnaliser l’arrière-plan ou déterminer l’alignement.

Boîte / Mise en page

Vous pouvez définir l’arrière-plan de chaque boîte. Pour cela, il vous suffit de cliquer sur l’arrière-plan. Les paramètres de l'élément s’ouvrent alors à droite. Outre un arrière-plan transparent, vous avez la possibilité de sélectionner une image, une vidéo ou une couleur dans le menu déroulant.

Vous pouvez également définir les paramètres de la petite boîte (mise en page). Cliquez sur l’arrière-plan de la mise en page pour accéder aux différents paramètres.

Formater le titre

La structure des titres est importante non seulement pour l’apparence, mais aussi pour l’optimisation des moteurs de recherche (SEO). Veillez à n’utiliser qu’un seul titre H1 (titre 1) par page ! Vous pouvez définir les titres à droite dans le menu sous “Taille de la police”.

Bouton

En cliquant sur le bouton, vous accédez également à différentes options de réglage. Définissez ici la destination du bouton, sa taille, son arrière-plan, etc.

Image / Vidéo

Cliquez sur l’image ou la vidéo pour ouvrir le masque d'édition à droite.

Téléchargez l’image souhaitée en cliquant sur l’icône image dans l’image. Le gestionnaire de ressources s’ouvre alors. À l’aide de cet assistant, vous pouvez télécharger les images ou les sélectionner directement parmi les images des produits.

Cliquez sur l'élément vidéo pour modifier les paramètres correspondants. Vous pouvez télécharger des vidéos depuis YouTube ou Vimeo. Insérez le lien vers la vidéo ou l’ID de la vidéo en dessous.

Modification rapide

Outre les paramètres des éléments, vous pouvez également modifier le contenu directement dans le champ. En cliquant sur le contenu souhaité, vous pouvez déplacer, dupliquer ou supprimer la boîte. Vous pouvez également modifier le format du texte ici.

Attribuer un menu

Une fois que vous avez terminé la page, vous pouvez l’attribuer à un menu. Sous “Contenu” → “Menu”, vous trouverez la nouvelle page créée sous “Pages les plus récentes”. Sélectionnez la page et recherchez dans le menu déroulant l’emplacement où vous souhaitez afficher la page. Les pages fixes telles que “CGV”, “Page d’accueil”, etc. peuvent être attribuées directement lors de leur modification. Pour ce faire, allez dans “Contenu” → “Pages” et modifiez par exemple les conditions générales.

Faire voler des textes et des images

Pour faire voler des textes ou des images, sélectionnez le texte ou l’image souhaité(e) et ouvrez les “Paramètres d’effet”. Définissez la direction (haut, bas, gauche, droite) dans laquelle l'élément doit apparaître.

Intégrer votre propre code

Les codes sources HTML et JS sont intégrés directement dans l'éditeur de contenu. L’intégration s’effectue via l'élément de contenu “</>”.

Celui-ci est glissé sur la page de l'éditeur de contenu. Vous pouvez ainsi intégrer des extraits de Google Maps, des avis Google, des flux de réseaux sociaux ou des catalogues.

Selon le widget à intégrer, le fournisseur tiers propose immédiatement un code d’intégration copiable ou vous pouvez créer un code widget à l’aide d’un configurateur de widget.

Petite astuce : avec “elfsight”, vous pouvez générer très facilement des codes de widgets, tels que des flux sociaux.

https://go.elfsight.io/click?pid=828&offer_id=3&l=1677843061

Page “Merci beaucoup”

Vous souhaitez informer vos clients ou leur communiquer quelque chose après leur achat ?

La page de finalisation de la commande est une page standard qui peut être personnalisée dans l'éditeur de contenu selon vos souhaits. Elle inclut l’intégration d'éléments dynamiques via “intégrer votre propre code”, ce qui offre de nombreuses possibilités.

Pied de page flexible

Le pied de page, c’est-à-dire la partie inférieure de votre boutique en ligne, est une page standard qui peut être modifiée dans l'éditeur de contenu. Le pied de page est simple et clair afin de faciliter la navigation.

Aide supplémentaire

Vous avez des questions ou besoin d’aide ? Vous avez des exigences particulières ou souhaitez une solution personnalisée pour votre système ? Notre équipe d’assistance se fera un plaisir de vous aider. Les services d’assistance sont facturés à 195 CHF / heure, en fonction du temps passé. Vous pouvez nous contacter :

E-mail : support@glarotech.ch

Téléphone : +41 (0)71 923 08 58

Heures d’ouverture : Du lundi au vendredi, de 8 h à 12 h et de 13 h 30 à 17 h

Autres pages utiles

• FAQ (Foire aux questions)
• Modules et fonctions
• Interfaces