Prévisualisez le site Web avant de le publier

Avant de publier vos dernières modifications, il est essentiel de prévisualiser votre site web afin de comprendre exactement comment il apparaîtra à vos visiteurs. Voyez cela comme une répétition générale finale pour vous assurer que chaque élément — de votre dernier article de blog à ce nouveau bouton de contact — est soigné et professionnel.

Options de prévisualisation

Pour afficher votre site sur différentes plateformes, cliquez sur l’icône Bureau dans l’Éditeur de site web et choisissez l’une des options d’affichage suivantes :

Bureau - La vue par défaut de l’éditeur, qui affiche le site tel qu’il apparaît sur un écran d’ordinateur standard.
Tablette et mobile - Montre comment la mise en page s’adapte automatiquement aux écrans plus petits et aux tablettes.
App - Prévisualisez votre site tel qu’il apparaîtra en tant qu’application installée sur les appareils de vos utilisateurs (Android, iOS).
Nouvelle fenêtre - Ouvre un aperçu en direct dans un onglet de navigateur séparé, offrant la représentation la plus fidèle de l’expérience visiteur.
Retour au mode édition - Une fois votre vérification terminée, cliquez sur ce bouton pour revenir dans l’éditeur.

Paramètres mobiles

Bien que votre site soit responsive par nature, vous pouvez utiliser les Paramètres mobiles pour affiner certains éléments visuels sur les appareils portables :

En-tête et police - Ajustez la hauteur de l’en-tête et la taille de la police de l’en-tête afin que votre identité visuelle reste claire sans occuper trop d’espace à l’écran.
Apparence du menu - Personnalisez le type de menu et la couleur du menu du menu contextuel mobile pour l’aligner sur l’esthétique de votre marque.
Mise en page et espacement - Utilisez l’option Alignement du texte pour positionner le texte du menu et Espace entre les pages pour contrôler la distance verticale entre les liens de navigation.

Paramètres de l’app

Contrôlez certains aspects de la version App du site

Page d’accueil de l’app - Utilisez cette option pour définir ce que vos utilisateurs voient lorsqu’ils ouvrent l’app : choisissez entre la page d’accueil mobile standard, leur Espace client ou votre Boutique. Une fois qu’ils appuient sur l’icône de l’app sur leur appareil, l’option sélectionnée s’affiche.
Logo de l’écran de démarrage - Utilisez cette option pour définir si l’icône de l’app affiche votre logo ou si un logo est généré automatiquement à partir du nom de votre site.
Arrière-plan de l’écran de démarrage - Utilisez cette option pour définir la couleur de fond de la version App : choisissez entre Noir, Blanc ou la couleur principale du site. Cette option est actuellement disponible uniquement sur les appareils Android.
Popup d’installation pour les visiteurs - Utilisez cette option pour informer vos utilisateurs qu’ils peuvent ajouter votre site en tant qu’app sur leurs appareils mobiles. Cette option est actuellement disponible uniquement sur les appareils Android.

Remarques

Ajustements dynamiques - Les paramètres spécifiques au mobile vous permettent de résoudre des problèmes de mise en page — comme un texte trop grand sur les petits écrans — sans affecter la version bureau de votre site.
Vérification de cohérence - Il est fortement recommandé d’utiliser l’aperçu « Nouvelle fenêtre » avant un lancement important, car il vous permet de tester les liens et les boutons dans un environnement de navigateur vierge.
Expérience utilisateur - Sur mobile, portez une attention particulière à la couleur du menu et à l’alignement du texte : un menu centré et à fort contraste est souvent plus facile à parcourir avec le pouce.