L'éditeur de page du site web Stageo vous permet de modifier le contenu et l'apparence de votre site internet sans avoir à manipuler du code.
Grâce à des simples clicks et glisser-déposer, construire votre site est aussi simple qu'assembler un jeu de Lego®.
Structure d'une page
Toute les pages de votre site internet s'adaptent à la structure du thème choisi et à vos couleurs, selon la structure suivante (de bas en haut):
Barre d'action
La barre d'action apparaît sur les grands écrans et affiche vos informations de contact ainsi que des raccourcis vers les pages d'authentification et l'espace client.
Menu de navigation
Le menu de navigation permet à vos visiteurs de naviguer entre les différentes pages de votre site.
Contenu de la page
Le contenu de la page s'adapte à la page chargée par le visiteur. Sur une page personnalisée, celui-ci peut être modifié via l'éditeur de site internet de Stageo. Sur l'espace client, ce contenu est imposé par Stageo.
Pied de page
Le pied de page est un second menu dans lequel ajouter vos liens secondaires et vos mentions légales. Celui-ci affiche également les mentions légales de Stageo pour garantir le respect des réglementations en vigueur dans votre juridiction.
L'éditeur de page de Stageo vous permet de modifier le contenu de vos pages, c'est à dire tout ce qui apparaît entre le menu de navigation et le pied de page, sur toutes les pages de l'espace public de votre site web.
Prise en main de l'éditeur
L'éditeur de page de votre internet est composé de trois parties distinctes:
Menu supérieur
Comprend les actions principales de l'éditeur, comme le mode de prévisualisation, la sauvegarde et la mise en ligne.
Menu latéral (à gauche)
Affiche le contenu de votre page, ainsi que des raccourcis vers les pages de configuration de votre bar d'action, de votre menu et du pied page.
Prévisualisation (à droite)
Affiche la page et réagis à toutes vos modifications en temps réel pour un aperçu instantané du visuel de votre page.
Menu supérieur
De gauche à droite, dans l'ordre d'apparition:
Bouton "Quitter l'éditeur" (À gauche)
Ferme la page dans l'éditeur et retourne à l'espace organisateur. Pensez à bien sauvegarder votre page avant de quitter l'éditeur.
Mode de prévisualisation (Au centre)
Vous permet d'alterner entre différentes tailles d'appareils pour la prévisualisation de votre page. Nous vous conseillons de toujours prévisualiser vos pages sur les 3 formats (ordinateur, tablette et téléphone) pour un site internet adapté à tous les appareils.
"Nom de la page" (À droite)
Vous amène dans la page de paramètre de la page, pour y modifier le titre et/ou la description. Ces paramètres sont principalement utiles à des fins de référencement.
Sauvegarder (À droite)
Sauvegarde les modifications en cours dans un brouillon. La version sauvegardée de votre page sera affichée pour tous les collaborateurs de votre compte lorsque cette page sera ouverte dans l'éditeur, mais ne sera pas mise en ligne pour les visiteurs.
Mettre en ligne (À droite)
Sauvegarde vos modifications et met en ligne la dernière version de la page pour la rendre disponible à vos visiteurs.
Menu latéral
Le menu latéral est l'outil principal de l'éditeur de page de votre site internet, puisque c'est depuis ce menu que vous modifierez le contenu de votre page.
Raccourcis
Le menu latéral comprend 3 raccourcis:
Bar d'annonce (En haut)
Menu de navigation (En haut)
Pied de page (En bas)
Ces raccourcis sont utiles pour modifier rapidement les différents menus partagés par l'ensemble des pages de votre site web. Attention, n'oubliez pas de sauvegarder votre page avant de cliquer sur ces raccourcis pour ne rien perdre de votre travail.
Contenu de la page
La section "Contenu de la page" du menu latéral affiche tous les éléments affichés entre le menu de navigation et le pied de page sur votre page.
Les différentes sections de votre page sont reprises dans le contenu de la page, par ordre d'apparition (haut en bas). L'indentation horizontale (de gauche à droite) vous permet de visualiser l'imbrication des différents éléments.
Sur la capture d'écran ci-dessus, on aperçoit que la page est constituée, en plus des menus de navigation, des éléments suivants:
Une section de bannière
Cette section contient un autre élément, ici un "Bouton"
Une section d'en-tête
Une section par défaut
Qui contient elle-même un conteneur en grille
Qui contient lui-même une carte Google Maps et une vidéo Youtube
Personnaliser une page de votre site
Les pages de votre site internet peuvent être vues comme un empilement vertical de différentes sections qui permettent chacune d'afficher un certain contenu. Dans la capture d'écran ci-dessus, la page comprend 3 sections: Une bannière, Une en-tête et une section par défaut qui affiche une carte Google Maps et une vidéo YouTube dans une grille.
Il existe 3 types d'éléments que vous pouvez ajouter à vos pages:
Sections
Les sections sont des tranches de votre site web qui se succèdent pour créer votre page.
Conteneurs (Facultatifs)
Les conteneurs peuvent être ajoutés dans une section (ou un autre conteneur) et définissent comment les éléments qui y seront ajoutés doivent être affichés. Par exemple, un conteneur en grille avec 3 colonnes fera en sorte que chacun des éléments qui y sera ajouté prenne 1/3 de l'espace disponible dans la section (sur ordinateur).
Blocs
Les blocs sont les éléments visuels disponibles à l'ajout sur vos pages. Il peut s'agir de texte, d'un bouton, d'une image, d'une vidéo, d'une alerte, ...
Certaines sections (comme la "Section bannière") ont été pré-configurées avec une série de blocs pour rendre la création de vos pages plus facile.
Ajouter un élément à votre page
Pour ajouter un nouvel élément à votre page, cliquer sur le bouton "+" situé à côté du texte "Contenu de la page", dans le coin supérieur droit du menu latéral. Ce bouton ouvrira la bibliothèque de blocs, conteneurs et sections à votre disposition.
Dans cette bibliothèque, choisissez le bloc à ajouter à votre page, et cliquez sur "Ajouter". Les éléments ajoutés à votre page sont toujours ajoutés à la fin du contenu, et peuvent être déplaces avec un simple glisser-déposer entre les différentes sections.
Modifier un élément
La plupart des blocs, conteneurs et sections sont personnalisables grâce à une série de paramètre dépendant des éléments sélectionnés. Pour sélectionner un élément et le personnaliser, il vous suffit de cliquer sur cet élément dans la section "Contenu de la page".
Toutes les modifications apportées dans les champs de configuration des éléments apparaissent instantanément dans la prévisualisation de votre page. Pour désélectionner un élément et sortir de ses paramètres, cliquez sur "Revenir en arrière", juste sous le bouton "Quitter l'éditeur" et au dessus du formulaire de configuration.
Supprimer un élément
Pour supprimer un élément de votre page, placez votre curseur au dessus de cet élément dans le menu latéral, ce qui fera apparaître différents boutons sur la droite de l'élément.
Ces boutons vous permettent, dans l'ordre (de gauche à droite), de:
Renommer l'élément
Utile si vous avez de nombreux éléments d'un même type sur votre page.
Dupliquer l'élément
Utile si vous souhaitez dupliquer un élément rapidement.
Supprimer l'élément
Retire l'élément de la page