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 pour comprendre exactement comment il apparaîtra à vos visiteurs. Voyez cela comme une répétition générale afin de vous assurer que chaque élément—de votre dernier article de blog à ce nouveau bouton de contact—soit soigné et professionnel.

Options d’aperçu

Pour afficher votre site sur différentes plateformes, cliquez sur l’icône Bureau dans l’éditeur du site 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 - Affiche la façon dont la mise en page s’ajuste automatiquement aux petits écrans et aux tablettes.
Application - Prévisualisez votre site tel qu’il apparaîtra sous forme d’application installée sur les appareils de vos utilisateurs (Android, iOS)
Nouvelle fenêtre - Ouvre un aperçu en direct dans un onglet séparé du navigateur, 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 à l’éditeur.

Paramètres mobiles

Bien que votre site soit responsive par nature, vous pouvez utiliser les Paramètres mobiles pour ajuster finement 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 police de l’en-tête afin que votre identité de marque 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 afin qu’il corresponde à l’esthétique de votre marque.
Mise en page et espacement - Utilisez 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’application

Contrôlez certains aspects de la version application du site

Page d’accueil de l’application - Utilisez cette option pour déterminer ce que vos utilisateurs voient lorsqu’ils ouvrent l’application. Choisissez entre la page d’accueil mobile standard, la zone client de vos utilisateurs ou votre boutique. Une fois que vos utilisateurs cliquent sur l’icône de l’application sur leur appareil, ils verront l’option sélectionnée.
Logo de l’écran de démarrage - Utilisez cette option pour définir si l’icône de l’application 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 d’arrière-plan de votre version application. Choisissez entre Noir, Blanc ou la couleur principale du site. Cette option est actuellement disponible uniquement sur les appareils Android.
Fenêtre pop-up d’installation pour les visiteurs - Utilisez cette option pour informer vos utilisateurs qu’ils peuvent ajouter votre site en tant qu’application sur leur appareil mobile. 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—par exemple, un texte trop grand sur les petits écrans—sans affecter la version bureau de votre site.
Vérification de cohérence - Il est vivement 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 propre.
Expérience utilisateur - Sur mobile, accordez une attention particulière à la Couleur du menu et à l’Alignement du texte ; un menu centré et fortement contrasté est souvent plus simple à parcourir avec le pouce.