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ébutants. Vous pouvez sélectionner un thème et le personnaliser en ajoutant ou en modifiant des pages, des sections, du texte et des images pour répondre aux besoins particuliers de votre entreprise.

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

L’éditeur de site instantané comprend 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 servez-vous-en comme modèle pour créer votre propre site Web.
• Différents types de contenu : Ajoutez et modifiez du texte, des images fixes, des images GIF, des vidéos, des barres de réglage, des boutons, des cartes géographiques, des liens (y compris 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 à la résolution de l’écran pour un affichage optimal 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 pouvez 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 constituent des mises en page préconçues qui offrent un point de départ rapide et fiable pour 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.

L’é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 votre arrière-boutique eCom, accédez à Site Web > Conception > Modifier le site.

2. Cliquez sur Paramètres > Thèmes. Pour afficher des thèmes liés au domaine de votre commerce, cliquez sur les catégories en haut de la page.

   

3. Pour prévisualiser un thème, placez votre curseur dessus et cliquez sur Prévisualiser le thème.
4. Cliquez sur Appliquer le thème pour sélectionner un thème gratuit ou sur Commencer l’essai gratuit pour sélectionner un thème payant.
5. Cliquez sur 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 apportée à 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 supplémentaires ajoutées à votre thème initial seront sauvegardées lorsque vous appliquez un nouveau thème. Cependant, 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 Publier, vous pouvez restaurer votre thème précédent (y compris toutes vos modifications) en cliquant sur Tout rejeter > Rejeter 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 qui figurent dans la bibliothèque de l’éditeur de site, vous avez également 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 développeur ou demander de l’aide à votre équipe des TI.

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, telles que des widgets de réservation, des formulaires pour recueillir les adresses courriel de clients, et des intégrations dédiées aux médias sociaux pour améliorer l’engagement et la fidélisation de votre clientèle.
• Des intégrations dédiées aux 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 depuis l’éditeur de site :

1. Dans votre arrière-boutique eCom, accédez à Site Web > Conception > Modifier le site.
2. Cliquez sur Paramètres > Thèmes.

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

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

1. Dans votre arrière-boutique eCom, accédez à Site Web > Conception > Modifier le site.

   Avec l’éditeur de site, vous pouvez ajouter votre contenu, vos images et les éléments de votre stratégie 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.

   

2. Pour appliquer des paramètres sur l’ensemble de votre site, cliquez sur Paramètres dans le coin supérieur gauche de l’éditeur. Vous pouvez modifier votre thème, ajouter des pages supplémentaires, personnaliser 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.

Gérer les modifications à votre site

Vous pouvez utiliser les réglages situés en haut de l’éditeur pour prévisualiser et apporter des modifications à votre site. Toute modification effectuée dans l’éditeur sera automatiquement enregistrée.

• Lorsque vous concevez votre site, cliquez sur Aperçu pour voir comment vos pages seront présentées à vos visiteurs. Vous pouvez 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 Publier dans le coin supérieur droit.

• Pour annuler vos modifications et restaurer la dernière version publiée de votre site, cliquez sur Tout rejeter > Rejeter les modifications non publiées.

  Une fois que vous avez cliqué sur Publier, vous ne pourrez plus annuler vos modifications. Toutefois, 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 titre d’une page Web dans les onglets de votre navigateur. Elle est également visible dans les favoris, l’historique de navigation, les résultats de recherche de Google, les publications partagées sur les médias sociaux, etc. Les favoricônes facilitent l’identification de 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 au 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 votre arrière-boutique eCom, accédez à Site Web > Conception > Modifier le site.
2. Cliquez sur Paramètres > SEO et partage > Favoricône du site.
3. Cliquez sur + Ajouter une favoricône ou Modifier la favoricône.
4. Téléversez l’image que vous souhaitez utiliser comme favoricône.
5. Cliquez sur Publier pour appliquer vos modifications.

Pour supprimer une favoricône, cliquez sur Supprimer la favoricône.

Personnaliser votre site instantané avec des feuilles de style CSS

Vous pouvez également 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 votre arrière-boutique eCom, accédez à Site Web > Conception > Modifier le site.
2. Cliquez sur Paramètres > Style du site.
3. Cliquez sur Ajouter du code CSS personnalisé et saisissez votre code CSS.
4. Cliquez sur 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 individuellement, utilisez plutôt des sections de code personnalisé.