> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lekalao.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Pages et fenêtre surgissante

> Une page d'inscription que Lekalao héberge pour vous, une fenêtre surgissante pour votre site, et des pages d'atterrissage avec leur propre adresse.

Trois façons de remplir une liste sans écrire de formulaire vous-même. Toutes trois montrent le même formulaire, aux couleurs de votre [marque](/fr/content/brand) et dans la langue de la liste, et toutes trois demandent que **Accepter les inscriptions depuis des formulaires externes** soit coché dans les **Paramètres** de la liste — voir [Formulaires d'inscription](/fr/contacts/subscription-forms).

| Vous avez…                                                                      | Utilisez                    |
| ------------------------------------------------------------------------------- | --------------------------- |
| pas de site, ou pas envie d'y toucher                                           | la **page d'inscription**   |
| un site, et vous voulez que le formulaire vienne au visiteur                    | la **fenêtre surgissante**  |
| une publicité, un prospectus, un profil qui demande une adresse et une promesse | une **page d'atterrissage** |

## La page d'inscription

Chaque liste en a une, à une adresse affichée dans la section **Formulaire d'inscription** de ses **Paramètres** : rien à installer, un lien à mettre partout.

<Frame caption="La page d'inscription d'une liste, aux couleurs de l'équipe et dans la langue de la liste.">
  <img src="https://mintcdn.com/lekalao/L23y78v0n8Vzliow/images/fr/sign-up-page.png?fit=max&auto=format&n=L23y78v0n8Vzliow&q=85&s=10a6e98769672458c9010b356c716a46" alt="La page d'inscription hébergée" width="1056" height="1362" data-path="images/fr/sign-up-page.png" />
</Frame>

<ParamField path="Titre de la page" type="texte">
  « S'abonner à », puis le nom de la liste, si vide.
</ParamField>

<ParamField path="Ce que le formulaire demande, en plus de l'adresse e-mail et du nom" type="champs de contact">
  Choisissez parmi vos [champs de contact](/fr/contacts/fields), dans l'ordre où ils doivent apparaître. Chacun est demandé selon son type : un calendrier pour une date, une case pour un oui ou non. Un formulaire ne peut écrire que les champs choisis ici.
</ParamField>

La page prend aussi quelques mots d'introduction et le texte de son bouton. Elle suit les règles de la liste : double opt-in, redirections après l'inscription, e-mail de bienvenue.

Une adresse reçoit au plus **trois e-mails de confirmation par heure**, quel que soit le nombre de fois où le formulaire est rempli : un formulaire ne peut pas servir à harceler quelqu'un.

## La fenêtre surgissante

Une ligne avant `</body>` sur votre site, copiée dans la même section (**Une fenêtre surgissante pour votre site**) :

```html theme={null}
<script src="https://panel.lekalao.com/subscribe/9d5c2a1e-…/popup.js" data-delay="8" async></script>
```

La page d'inscription apparaît dans une fenêtre par-dessus votre site.

| Attribut             | Effet                                                                               |
| -------------------- | ----------------------------------------------------------------------------------- |
| `data-delay="8"`     | Secondes avant qu'elle apparaisse. `-1` : jamais d'elle-même, seulement au clic.    |
| `data-days="30"`     | Un visiteur qui l'a vue est laissé tranquille ce nombre de jours.                   |
| `data-lekalao-popup` | À poser sur n'importe quel bouton ou lien de votre page : un clic ouvre la fenêtre. |

```html theme={null}
<button data-lekalao-popup>Recevoir la lettre</button>
```

La fenêtre se ferme par sa croix, la touche Échap, ou un clic à l'extérieur. Elle garde une date dans le navigateur du visiteur (`localStorage`) et aucun cookie.

<Note>
  Quand la liste nomme des **Domaines autorisés**, seuls ces sites peuvent afficher la fenêtre : le navigateur refuse d'encadrer la page ailleurs.
</Note>

## Pages d'atterrissage

L'onglet **Pages** d'une liste. Une page d'atterrissage, c'est une promesse et le formulaire : un titre, quelques lignes, une image, et une adresse à elle — `https://panel.lekalao.com/p/lettre-de-printemps`.

<Frame caption="Les pages d'une liste, avec leurs visites et les personnes qu'elles ont fait entrer.">
  <img src="https://mintcdn.com/lekalao/L23y78v0n8Vzliow/images/fr/landing-pages.png?fit=max&auto=format&n=L23y78v0n8Vzliow&q=85&s=82a63c1b1274240cb5bd624b0a944833" alt="L'onglet Pages d'une liste" width="2000" height="508" data-path="images/fr/landing-pages.png" />
</Frame>

<Steps>
  <Step title="Nouvelle page">
    **Nom** est pour vous. **Adresse** est ce qui suit `/p/` : lettres minuscules, chiffres et tirets. Laissée vide, elle est tirée du nom ; déjà prise, elle reçoit un numéro.
  </Step>

  <Step title="Écrire">
    **Titre**, puis **Texte** en Markdown : `**gras**`, `- listes`, `[liens](https://…)`. Le HTML que vous tapez est affiché comme du texte, pas exécuté. **Image (adresse)** prend une adresse en `https://`, par exemple celle de l'une de vos [images](/fr/content/media-and-blocks).
  </Step>

  <Step title="Pour les moteurs de recherche et les aperçus de lien">
    La phrase qu'un moteur de recherche affiche sous le titre, et celle de l'aperçu quand l'adresse est partagée.
  </Step>

  <Step title="Publique">
    Un brouillon répond « introuvable » à tout le monde. Activez **Publique** quand elle est prête.
  </Step>
</Steps>

<Frame caption="Ce que voit un visiteur : la promesse, puis le formulaire.">
  <img src="https://mintcdn.com/lekalao/L23y78v0n8Vzliow/images/fr/landing-page.png?fit=max&auto=format&n=L23y78v0n8Vzliow&q=85&s=7a0210212eeebcb35b2285c1ab40ad38" alt="Une page d'atterrissage" width="1056" height="1642" data-path="images/fr/landing-page.png" />
</Frame>

Renommer une page ne change pas son adresse : elle est peut-être déjà imprimée sur un prospectus.

Chaque page compte ses **visites** (hors robots) et ses **inscriptions** — les nouvelles personnes qu'elle a fait entrer — et affiche le taux entre les deux. Deux pages pour la même liste vous disent quelle promesse fonctionne.