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. Considérez cela comme une répétition générale de dernière minute pour 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 de site web et choisissez l’un des modes d’affichage suivants :

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’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 d’édition - Une fois votre vérification terminée, cliquez sur ce bouton pour revenir dans l’éditeur.

Paramètres mobiles

Bien que les sites SITE123 soient naturellement responsives, 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é 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 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 App de votre site

Page d’accueil de l’app - Utilisez cette option pour 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 que vos utilisateurs appuient sur l’icône de l’app sur leur appareil, c’est l’option sélectionnée qui s’affichera.
Logo de l’écran de démarrage - Utilisez cette option pour choisir si l’icône de l’app doit afficher votre logo ou en générer un 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 App : Noir, Blanc ou la couleur principale du site. Cette option est actuellement disponible uniquement sur les appareils Android.
Fenêtre contextuelle d’installation pour les visiteurs - Utilisez cette option pour informer vos utilisateurs qu’ils peuvent ajouter votre site en tant qu’application sur leurs appareils mobiles. Cette option est actuellement disponible uniquement sur les appareils Android.

Notes

Ajustements dynamiques - Les paramètres spécifiques au mobile vous permettent de corriger des problèmes de mise en page—par exemple, un texte trop grand sur un petit écran—sans impacter 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 cela vous permet de tester les liens et les boutons dans un environnement de navigateur propre.
Expérience utilisateur - Sur mobile, portez une attention particulière à la Couleur du menu et à l’Alignement du texte : un menu centré et bien contrasté est souvent plus facile à parcourir au pouce.