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

# Lancer un site web d'événement payant

> Publiez un programme, des intervenants, un lieu et des billets payants depuis Notion.

export const Connectors = ({items}) => <div style={{
  margin: "8px 0 20px"
}}>
    <style>{`
      .connectors-list, .connectors-list * { margin-top: 0 !important; margin-bottom: 0 !important; }
      .connectors-row {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 4px 0 !important;
        min-height: 0 !important;
        height: auto !important;
      }
      .connectors-row img {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        margin: 2px 0 0 !important;
        display: block !important;
      }
    `}</style>
    <div className="connectors-list">
      {items.map((item, i) => <div key={item.id} className="connectors-row" style={{
  borderTop: i === 0 ? "none" : "1px solid rgba(130,130,130,0.22)"
}}>
          <img src={`/images/connectors/${item.id}.svg`} alt="" width={20} height={20} />
          <div style={{
  minWidth: 0
}}>
            <div>
              <strong>{item.name}</strong>
              {item.why ? <span style={{
  opacity: 0.72
}}> · {item.why}</span> : null}
            </div>
            {item.auth === "api-key" ? <div style={{
  fontSize: "11.5px",
  lineHeight: 1.35,
  color: "#F26207",
  marginTop: "2px"
}}>
                Not a native connector. Agent will ask for your API key.
              </div> : null}
          </div>
        </div>)}
    </div>
  </div>;

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block max-w-full overflow-x-hidden font-sans !whitespace-pre-wrap !break-words" style={{
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
      <div className="pr-7" style={{
    whiteSpace: "pre-wrap",
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
        {children}
      </div>
    </CodeBlock>;
};

Créez un site web d'événement payant complet avec programme, intervenants, lieu, accès, et
paiement des billets. Enregistrez les participants dans Replit Database, encaissez les
paiements avec Stripe, envoyez la confirmation avec Resend, et exportez la liste. Passez une
commande test avant de partager le lien.

## Idéal pour

* Les marketeurs événementiels qui ont besoin d'une page publique et de billets payants pour une conférence, un meetup ou un lancement.
* Les responsables communautaires qui ont besoin d'un programme modifiable dans l'application, sans système de contenu séparé.

## Connecteurs

<Connectors
  items={[
{
  id: "notion",
  name: "Notion",
  why: "Intervenants, programme et horaires des sessions",
},
{ id: "resend", name: "Resend", why: "E-mails de confirmation après achat" },
{ id: "stripe", name: "Stripe", why: "Billets payants et paiement" },
]}
/>

## Avant de commencer

Préparez le nom de l'événement, les dates, le lieu, le prix des billets, et une base de
données Notion pour les intervenants (nom, photo, session). Connectez Notion, Resend et
Stripe. L'Agent construit le paiement dans l'application.

## Invite à l'Agent

<AiPrompt>
  Crée un site web d'événement payant complet à partir de cette page Notion
  \[lien] : programme, intervenants, lieu, accès, et paiement des billets.
  Utilise le nom, la photo, le titre, la bio et les horaires de session des
  intervenants depuis Notion. Facture \[prix] par billet avec Stripe. Enregistre
  les participants dans Replit Database, envoie la confirmation avec Resend, et
  exporte la liste.
</AiPrompt>

## À quoi s'attendre

L'Agent construit le site public et connecte le paiement, la confirmation et la liste des
participants. Passez une commande test avant de partager le lien. Utilisez le mode test de
Stripe et une carte de test, puis vérifiez que la confirmation arrive, que le participant
figure dans la liste, et que l'export l'inclut avant de passer aux paiements réels.

## Adaptez-le à vos besoins

<AiPrompt>
  Ajoute une page intervenants à partir de cette base de données Notion \[lien].
  Utilise le nom, la photo, le titre, la bio et les horaires de session. Garde
  la page synchronisée quand Notion change.
</AiPrompt>

<AiPrompt>
  Ferme les ventes de billets quand on atteint \[n] participants et affiche à la
  place un formulaire de liste d'attente.
</AiPrompt>

## Dépannage

* **L'e-mail de confirmation n'arrive jamais :** vérifiez que Resend est connecté et que le domaine d'expédition est vérifié. Passez une commande test et consultez le tableau de bord Resend pour voir si l'e-mail a été envoyé.
* **Les intervenants ou les horaires sont incorrects :** pointez l'Agent vers la base de données Notion (nom, photo, titre, bio, horaires de session) et demandez-lui de garder la page synchronisée quand Notion change.
* **Le paiement ne débite pas :** vérifiez que Stripe est connecté et que vous êtes d'abord en mode test. Passez une commande test avant de partager le lien.

## Voir aussi

<CardGroup cols={2}>
  <Card title="Concevoir une page de destination" href="/fr/use-cases/design-landing-page">
    Le même brief Notion pour une page de liste d'attente ou de lancement.
  </Card>

  <Card title="Créer des icônes et bannières pour réseaux sociaux" href="/fr/use-cases/create-social-kit">
    Pour les marketeurs événementiels qui ont aussi besoin de visuels de profil et de couverture.
  </Card>
</CardGroup>