---
title: "Pages web statiques"
weight: 100
description: "Création de pages statiques : mentions légales, CGV, politique de confidentialité, contact."
---

# Pages web statiques

## Présentation

Les pages web statiques vous permettent de créer des pages essentielles pour votre boutique directement depuis Dolibarr : mentions légales, CGV, politique de confidentialité, page contact, à propos, etc.

Vous n'avez pas besoin d'un site internet séparé : la boutique devient un site vitrine autonome avec ces pages.

## Accéder à la gestion des pages

1. Allez dans **Configuration > Modules > OnePageBasket**
2. Cliquez sur l'onglet **Pages web**

![Liste des pages web statiques dans l'interface d'administration OnePageBasket](screenshots/pages-liste-admin.webp)

## Créer une page

1. Cliquez sur **Créer une page**
2. Remplissez le formulaire :

| Champ | Description |
|-------|-------------|
| **Slug** | Identifiant URL de la page. Généré automatiquement depuis le titre si laissé vide. Ne contient que des lettres minuscules, chiffres et tirets. Exemple : `mentions-legales` |
| **Position** | Ordre d'affichage dans les menus (défaut : 100). Tri croissant. |
| **Actif** | Active ou désactive la page |
| **Emplacement menu** | Où afficher le lien vers cette page |
| **Titre** | Titre affiché en haut de la page et dans les menus |
| **Méta description** | Description pour les moteurs de recherche (max 255 caractères). Si vide, les 160 premiers caractères du contenu sont utilisés. |
| **Contenu** | Contenu HTML éditable avec l'éditeur visuel |

### Emplacements du menu

| Valeur | Comportement |
|--------|-------------|
| **Footer** | Lien dans le pied de page (par défaut) |
| **Header** | Lien dans le menu principal en haut |
| **Les deux** | Header et footer |
| **Aucun** | Pas de lien dans les menus, page accessible uniquement par son URL |

### Le slug

Le slug est la partie de l'URL qui identifie la page. Pour le slug `mentions-legales`, l'URL publique sera :

```
https://votre-boutique.fr/page/mentions-legales
```

Si un slug existe déjà, un suffixe numérique est ajouté automatiquement.

### Formulaire de contact

Insérez le code `[contactform]` dans le contenu d'une page pour y intégrer un formulaire de contact. Le formulaire inclut une protection anti-spam (honeypot, limitation de fréquence, captcha optionnel).

## Modifier une page

![Éditeur de page avec le sélecteur de langue et les indicateurs de traduction vert, bleu et gris](screenshots/pages-editeur-multilingue.webp)

En haut du formulaire d'édition, un sélecteur de langue permet de basculer entre les versions linguistiques :

- **Vert** - Langue que vous éditez actuellement
- **Bleu** - Traduction existante
- **Gris** - Aucune traduction

Chaque langue a son propre titre, sa propre méta description et son propre contenu.

## Multilingue

- Si une traduction existe dans la langue du visiteur, elle est affichée
- Sinon, la page s'affiche dans la langue par défaut de votre entreprise
- Si aucune traduction n'existe, la page n'est pas accessible

> **Bonne pratique** : Commencez par créer le contenu dans votre langue principale, puis ajoutez les traductions.

## Prévisualiser une page

Cliquez sur **Prévisualiser** dans la liste des pages. Les pages inactives peuvent aussi être prévisualisées grâce à un token temporaire (valide 1 heure).

## Référencement (SEO)

Les pages intègrent automatiquement :

- **URL canonique** - Balise `<link rel="canonical">` pour éviter le contenu dupliqué
- **Méta description** - Issue du champ dédié ou extraite du contenu
- **Balises hreflang** - Versions linguistiques signalées aux moteurs de recherche
- **Open Graph** - Balises pour un partage optimal sur les réseaux sociaux
- **Sitemap** - Pages actives automatiquement incluses dans `sitemap.xml`

## Pages suggérées

### Obligatoires (cadre légal français)

| Page | Slug suggéré | Contenu |
|------|-------------|---------|
| Mentions légales | `mentions-legales` | Identité de l'entreprise, hébergeur, directeur de publication |
| CGV | `cgv` | Conditions générales de vente |
| Politique de confidentialité | `confidentialite` | Traitement des données personnelles, cookies, droits RGPD |

### Recommandées

| Page | Slug suggéré | Contenu |
|------|-------------|---------|
| Contact | `contact` | Coordonnées, formulaire de contact (avec `[contactform]`) |
| À propos | `a-propos` | Présentation de l'entreprise |
| Livraison et retours | `livraison` | Délais, tarifs, politique de retour |