L’éditeur de site instantané est une plateforme de conception eCom (série E) sans code qui vous permet de créer un site Web, une page de renvoi ou un catalogue en ligne. Cet outil est facile à utiliser et rend le processus de création plus harmonieux, même pour les débutant·e·s. Selon les besoins de votre entreprise, vous pouvez choisir un thème et le personnaliser en ajoutant ou en modifiant des pages, des sections, du texte et des images.

Comprendre les fonctionnalités de l’éditeur de site instantané

L’éditeur de site instantané offre de nombreux outils d’édition pour faciliter la conception de votre site Web, y compris des paramètres de référencement et la prise en charge de feuilles de style CSS personnalisées :

• Thèmes personnalisables : Choisissez une mise en page préconçue et utilisez-la comme modèle pour créer votre propre site Web.
• Différents types de contenu : Ajoutez et modifiez du texte, des images statiques, des GIF, des vidéos, des barres de réglage, des boutons, des cartes géographiques, des liens, des liens vers les médias sociaux ou du code personnalisé.
• Sections de contenu personnalisables : Les sections contiennent le contenu de votre site Web. Elles sont stockées dans la bibliothèque de l’éditeur et peuvent comprendre des images, du texte, des produits, des menus de navigation, des bannières de promotion, et plus encore. Vous pouvez ajouter de nouvelles sections à votre site ou en modifier.
• Placement de contenu facile : Déplacez une section entière, y compris son texte et ses images, à l’aide de l’éditeur glisser-déposer.
• Pages multiples : Selon vos objectifs, vous pouvez créer une simple page de renvoi ou un site Web à plusieurs pages.
• Éditeur tel-tel (tel écran-tel écrit) : Prévisualisez vos modifications en temps réel sur le côté droit de l’écran pour une expérience plus intuitive.
• Mode sombre : Passez entre les modes clair et sombre pour ajuster la luminosité de l’éditeur.
• Réactivité mobile : L’éditeur de site instantané adapte automatiquement votre mise en page à n’importe quelle résolution d’écran pour assurer un affichage optimisé sur les appareils mobiles.
• Paramètres de référencement : Pour améliorer le classement de votre site Web dans les résultats de moteurs de recherche, vous avez l’option de préciser des balises et des descriptions de référencement pour chacune de vos pages.

Appliquer un thème de site instantané

Les thèmes sont des mises en page préconçues qui offrent un point de départ rapide et fiable pour faciliter la création de votre site. Chaque thème sert de brouillon à partir duquel vous pouvez ajouter ou modifier du contenu pour réaliser votre propre site Web.

Votre éditeur de site instantané comprend plus de 70 thèmes entièrement personnalisables et adaptés à divers types de commerces. Vous pouvez ajouter, modifier, déplacer ou supprimer du texte, des images, des couleurs, des polices, des menus de navigation, des sections et des pages pour façonner un site qui correspond à votre style et aux besoins de votre entreprise.

Sélectionner un thème de site

Choisissez parmi divers thèmes gratuits ou commencez un essai gratuit pour appliquer des thèmes payants :

1. Dans PDV détaillants, accédez à Vente en ligne > Boutique en ligne (ou Site Web) > Edit Site (Modifier le site).

2. Cliquez sur Settings (Paramètres) > Themes (Thèmes). Pour afficher des thèmes liés au domaine de votre entreprise, cliquez sur les catégories en haut de l’écran.

   

3. Pour afficher un thème quelconque, cliquez sur Preview Theme (Prévisualiser le thème).
4. Cliquez sur Apply Theme (Appliquer le thème) pour sélectionner un thème gratuit ou cliquez sur Start Free Trial (Commencer un essai gratuit) pour sélectionner un thème payant.
5. Cliquez sur Publish (Publier) pour appliquer le thème.

Changer le thème de votre site

Si vous avez déjà appliqué un thème et modifié son contenu ou ses images, la sélection d’un thème différent pourrait annuler vos mises à jour. Avant de choisir un nouveau thème, créez une copie de sauvegarde du texte ou des images que vous souhaitez conserver.

• Ce qui ne sera pas sauvegardé : Toute modification de votre thème initial sera annulée lorsque vous sélectionnez et publiez un nouveau thème, y compris tout changement au niveau du texte, des images, des menus de navigation, des paramètres de référencement et d’autres éléments.
• Ce qui sera sauvegardé : Les pages ajoutées à votre thème initial seront sauvegardées lorsque vous appliquez un nouveau thème. Toutefois, vous devrez rajouter des liens vers vos pages supplémentaires à votre menu de navigation.

Si vous avez sélectionné un nouveau thème, mais vous n’avez pas encore cliqué sur Publish (Publier), vous pouvez restaurer votre thème précédent et toutes vos modifications en cliquant sur Discard all (Tout ignorer) > Discard unpublished changes (Ignorer les modifications non publiées) dans le coin supérieur droit de l’éditeur.

Utiliser un thème de site instantané personnalisé

En plus des thèmes préconçus dans la bibliothèque de l’éditeur de site instantané, vous avez aussi l’option de créer votre propre thème. Les thèmes personnalisés vous permettent d’établir une présence en ligne unique qui correspond à vos besoins particuliers grâce à des intégrations avancées et des éléments distinctifs.

Vous devez avoir une bonne maîtrise du langage TypeScript et du cadriciel Vue pour créer vos propres thèmes. Si ce n’est pas le cas, vous pouvez embaucher un·e développeur·euse ou demander de l’aide à votre équipe informatique.

Les thèmes personnalisés peuvent inclure :

• Des mises en page complexes qui créent une expérience utilisateur mémorable et correspondent à l’identité visuelle de votre marque.
• Des fonctionnalités personnalisées comme des widgets de réservation, des formulaires pour recueillir les adresses courriel de client·e·s, et des intégrations aux médias sociaux pour améliorer l’engagement et la fidélisation de votre clientèle.
• Des intégrations avec les services tiers essentiels au fonctionnement de votre entreprise.

Une fois que vous avez réalisé votre thème personnalisé, vous pouvez l’installer et le gérer à partir de l’éditeur de site :

1. Accédez à Vente en ligne > Boutique en ligne (ou Site Web) > Edit Site (Modifier le site).
2. Cliquez sur Settings (Paramètres) > Themes (Thèmes).

Accéder à l'éditeur de site instantané

Pour accéder à l'éditeur de site instantané :

1. Dans PDV détaillants, accédez à Vente en ligne > Boutique en ligne (ou Site Web) > Edit Site (Modifier le site).

2. Cliquez sur Edit Site (Modifier le site) pour ouvrir l'éditeur.

   À partir de l’éditeur, vous pouvez ajouter votre contenu, vos images et les éléments de votre image de marque pour créer un site Web unique et professionnel.

   

   Pour chaque section de votre site, vous pouvez choisir une mise en page, un arrière-plan et un style. Toutes vos modifications seront prévisualisées en temps réel dans l’éditeur.

   

3. Pour appliquer des paramètres sur l’ensemble de votre site, cliquez sur Settings (Paramètres) dans le coin supérieur gauche de l’éditeur. Vous pouvez modifier votre thème, ajouter des pages supplémentaires, optimiser votre référencement, traduire votre site, choisir des polices, activer des bannières de consentement aux témoins ou de confirmation d’âge, et plus encore.

   Si vous changez de thème, toute mise à jour du contenu ou des images de votre thème actuel peut être annulée. Avant d’appliquer un nouveau thème, créez une copie de sauvegarde du texte ou des images que vous souhaitez conserver.

Apprenez-en plus sur la mise à jour de votre site dans la section Configuration de votre site instantané eCom (série E).

Gérer les modifications à votre site

Vous pouvez utiliser les réglages situés en haut de l’éditeur pour prévisualiser et appliquer des modifications à votre site. Tout changement que vous effectuez à partir de l’éditeur sera sauvegardé automatiquement.

• Lorsque vous concevez votre site, cliquez sur Preview (Prévisualiser) pour voir comment vos pages seront affichées aux visiteur·euse·s. Vous pouvez également passer entre les affichages sur mobile et sur ordinateur pour vérifier l’apparence de votre site sur différents types d’écrans.
• Vos modifications ne seront publiées que lorsque vous cliquez sur Publish (Publier) dans le coin supérieur droit.

• Pour annuler vos modifications et restaurer la dernière version publiée de votre site, cliquez sur Discard all (Tout ignorer) > Discard unpublished changes (Ignorer les modifications non publiées).

  Une fois vos modifications publiées, vous ne pourrez plus les annuler, mais vous aurez l’option de restaurer la dernière version publiée de votre site.

Ajouter une favoricône à votre site

Une favoricône est une petite icône qui s’affiche devant le nom du site sur un onglet de navigateur Web. Elle apparaît aussi dans les favoris, les historiques de navigation, les résultats de recherche Google, les publications partagées sur les médias sociaux, etc. Les favoricônes aident les utilisateur·trice·s à identifier votre site et améliorent la reconnaissance de votre marque.

Les fichiers PNG de 192 x 192 pixels sont recommandés pour les favoricônes, mais vous pouvez téléverser une image de n’importe quelle taille en format JPG, PNG, JPEG2000, GIF, WEBP, TIFF ou ICO. Vous pouvez créer une favoricône à l’aide de générateurs en ligne ou d’un logiciel de traitement d’images.

Vous pouvez téléverser une favoricône pour votre site Web eCom depuis l’éditeur de site :

1. Dans PDV détaillants, accédez à Vente en ligne > Boutique en ligne (ou Site Web) > Edit Site (Modifier le site).
2. Cliquez sur Settings (Paramètres) > SEO & Sharing (Référencement et partage) > Site favicon (Favoricône du site).
3. Cliquez sur + Add favicon (Ajouter une favoricône) ou Change favicon (Modifier la favoricône).
4. Téléversez l’image que vous souhaitez utiliser comme favoricône.
5. Cliquez sur Publish (Publier) pour appliquer vos modifications.

Pour supprimer une favoricône, cliquez sur Delete favicon (Supprimer la favoricône).

Personnaliser votre site instantané avec des feuilles de style CSS

Vous pouvez aussi personnaliser les pages de votre site Web à l’aide de feuilles de style en cascade (CSS). Avec les feuilles de style CSS, vous pouvez enlever des boutons, changer des couleurs, modifier des polices, cacher des prix, et plus encore. Le code CSS que vous appliquez aura une priorité plus élevée que vos modifications effectuées depuis l’éditeur de site instantané.

Pour appliquer des feuilles de style CSS à votre site instantané :

1. Dans PDV détaillants, accédez à Vente en ligne > Boutique en ligne (ou Site Web) > Edit Site (Modifier le site).
2. Cliquez sur Settings (Paramètres) > Fonts & Styles (Polices et styles).
3. Cliquez sur Advanced Custom CSS (Personnalisation avancée des feuilles de style CSS) et saisissez votre code CSS.
4. Cliquez sur Publish (Publier) pour appliquer vos modifications.

En ajoutant des feuilles de style CSS depuis l’éditeur, vous pouvez appliquer votre code à toutes les pages de votre site instantané. Si vous souhaitez modifier des pages individuelles, utilisez plutôt des sections de code personnalisé.