SKIP TO CONTENT

Créer une page de liste d'attente

beginner~12 min0/4 étapes

Lancez votre produit avec une liste d'attente

Avant de construire le produit complet, vous devez valider l'idée et susciter l'enthousiasme. Une page de liste d'attente est le moyen le plus rapide de rassembler des utilisateurs précoces intéressés et de prouver la demande du marché.

Dans cette leçon, vous allez créer une page d'atterrissage complète avec un titre accrocheur, une proposition de valeur, un formulaire de capture d'e-mail et une preuve sociale. Cette seule page peut devenir le tremplin de tout votre produit — et c'est uniquement du HTML et du Tailwind CSS.

Instructions

1

Ajoutez un titre h1 pour votre produit et un paragraphe p décrivant la valeur apportée aux utilisateurs

Indice : Créez : `<h1 class="text-5xl md:text-6xl font-bold mb-4">Nom du produit</h1>` et `<p class="text-xl text-blue-300 mb-8">Qu'est-ce que ça fait pour les utilisateurs ?</p>`

2

Créez un champ de saisie d'e-mail à l'intérieur d'un élément form avec un texte placeholder

3

Ajoutez un bouton de soumission dans le formulaire avec un texte comme «Rejoindre 500+ Founders» ou «Rejoindre la liste d'attente»

4

Ajoutez un texte de preuve sociale sous le formulaire indiquant combien de personnes attendent déjà (ex. : «500+ founders»)

Votre code

html
14 lignes
1
2
3
4
5
6
7
8
9
10
11
12
13
14

Aperçu en direct

Aperçu en direct