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 à quoi il ressemblera pour vos visiteurs. Considérez 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 — soit soigné et professionnel.

Options de prévisualisation

Pour voir votre site sur différentes plateformes, cliquez sur l’icône Bureau dans l’éditeur du 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 - Affiche comment votre mise en page s’ajuste automatiquement aux écrans plus petits et aux tablettes.
App - Prévisualisez votre site web tel qu’il apparaîtra une fois installé en tant qu’application 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 ajuster plus 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 la police de l’en-tête afin que votre identité de marque reste bien lisible 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 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 de votre site web

Page d’accueil de l’application - Cette option vous permet de définir ce que vos utilisateurs voient lorsqu’ils ouvrent l’application. Choisissez entre la page d’accueil mobile standard, l’espace client de vos utilisateurs ou votre boutique. Une fois qu’ils 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 - Cette option permet de choisir 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 web.
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 : Noir, Blanc ou la couleur principale du site web. 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 web comme application 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 — 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 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 propre.
Expérience utilisateur - Sur mobile, faites particulièrement attention à la couleur du menu et à l’alignement du texte : un menu centré et à fort contraste est souvent plus facile à parcourir au pouce.