Créer et configurer les pages de votre front-end
L'onglet "Pages" regroupe toutes les pages de votre front-end. Vous pouvez y créer de nouvelles pages, modifier leurs paramètres et définir la configuration par défaut de votre site : page d'accueil, conditions générales, entêtes et pieds de page.
1. Les différents types de pages
1. Rendez-vous au menu Administration > Front-end, puis à l'onglet "Pages".
Cet onglet affiche la liste des pages de votre front-end. On y trouve :
- les pages principales : panier, contact, compte client… ;
- les cadres de page : entêtes et pieds de page ;
- les pages de contenu : accueil, conditions générales de location, confidentialité… ;
- les pages catégorie : elles sont créées automatiquement dès que vous créez une catégorie sur la plateforme ;
- les pages produit : elles sont créées automatiquement dès que vous créez un produit sur la plateforme ;
- les composants réutilisables : des blocs de contenu affichés à un emplacement précis de votre front-end.
Vous pouvez filtrer la liste par type et par statut. Une page peut avoir deux statuts :
- "Brouillon" : la page n'est pas visible sur votre front-end, elle est encore en construction ;
- "Publiée" : la page est visible sur votre front-end.
NB : les pages catégorie et produit ne sont visibles que si la catégorie ou le produit est également en ligne.
2. Créer une page
1. Cliquez sur le bouton "+".
2. Dans l'onglet "Général", renseignez le champ "Nom". Il vous permet d'identifier la page dans la liste. Il n'est pas visible sur votre front-end.
3. Dans la liste déroulante "Type de page", sélectionnez le type de page à créer :
- "Page de contenu" ;
- "Entête de page" ;
- "Pied de page" ;
- "Composant réutilisable".
Attention : le type de page ne peut plus être modifié par la suite.
Si vous créez une entête ou un pied de page, passez directement à l'étape 8.
Si vous créez un composant réutilisable, consultez le tutoriel Créer un composant réutilisable pour votre front-end.
4. Renseignez le champ "Titre". Ce titre est visible sur votre front-end. Vous pouvez le renseigner dans toutes les langues disponibles.
5. Renseignez le champ "Url". Indiquez uniquement la fin de l'adresse, sans la base de l'URL de votre site.
Exemple : si votre front-end répond sur https://monsite.fr/ et que vous souhaitez que votre page réponde sur https://monsite.fr/pagex, renseignez pagex.
Bon à savoir : cliquez sur "synchroniser l'url avec le titre de la page" pour générer l'URL automatiquement à partir du titre. L'URL peut être renseignée dans toutes les langues disponibles.
6. Dans l'onglet "Entête et pied de page", choisissez les éléments à afficher sur la page :
- "Afficher l'entête de page" ;
- "Afficher le pied de page" ;
- "Afficher l'entête de page spécifique à ce type de contenu" ;
- "Afficher le pied page spécifique à ce type de contenu".
7. Dans l'onglet "SEO", renseignez les données de référencement de la page, dans toutes les langues disponibles :
- "Balise titre" : le titre affiché dans l'onglet du navigateur et dans les résultats des moteurs de recherche ;
- "Balise méta description" : le résumé affiché dans les résultats des moteurs de recherche.
8. N'oubliez pas de cliquer sur "Sauvegarder" pour enregistrer vos modifications.
Bon à savoir : pour retrouver votre page, recherchez son nom dans la barre de recherche de la liste.
3. Modifier une page
- Pour modifier les paramètres d'une page, cliquez sur l'icône crayon. Les paramètres s'ouvrent dans une fenêtre.
- Pour modifier le contenu d'une page, cliquez sur l'icône du builder. Le builder vous permet de construire visuellement vos pages, sans connaissances en code.
Pour plus d'informations, consultez le tutoriel Construire et modifier les pages de votre front-end à l'aide du builder.
4. Définir la configuration par défaut de vos pages
1. Dans l'onglet "Pages", cliquez sur l'icône de configuration.
2. Dans l'onglet "Pages" de la configuration, choisissez la page qui servira de page d'accueil. Si votre URL est https://monsite.fr/, c'est cette page qui s'affichera lorsque vos clients saisiront cette adresse.
NB : la page doit avoir été créée au préalable.
Bon à savoir : vous pouvez aussi renseigner une "Page d'accueil externe". Par exemple, si votre plateforme répond sur https://monsite.fr/ et que vous souhaitez utiliser https://mondeuxiemesite.fr/ comme page d'accueil, renseignez cette adresse. Les liens internes vers la page d'accueil redirigeront alors vers ce site. Le champ "Page de contact externe" fonctionne de la même façon pour la page de contact.
3. Sélectionnez la page qui contient vos "Conditions générales de vente". La page doit avoir été créée au préalable.
4. Dans l'onglet "Entête et pied de page", définissez l'entête et le pied de page par défaut. Vous pouvez utiliser les mêmes pour tout votre front-end, ou les définir par type de page : sélectionnez l'option souhaitée dans la première liste déroulante, puis choisissez l'entête et le pied de page dans les listes suivantes.
NB : les entêtes et pieds de page doivent avoir été créés au préalable.
5. Dans l'onglet "Pages catégories", renseignez le "Nombre de produits par page". Si une catégorie contient plus de produits, une pagination s'affiche sous la liste.
6. N'oubliez pas de cliquer sur "Sauvegarder" pour enregistrer vos modifications.