Ajouter un formulaire de connexion partenaire à Chatteurs

Ce guide te montre comment intégrer sur ton site un formulaire « partenaire » pour connecter directement tes visiteurs à Chatteurs. Le formulaire enverra toutes les informations requises en GET vers l’URL partenaire officielle.

1) Formulaire minimal (copier-coller)

Colle ce code là où tu veux afficher le formulaire :

<!-- Formulaire partenaire Chatteurs : envoi GET vers /KIWI/parts.php -->
<form method="get" action="https://chatteurs.com/KIWI/parts.php" accept-charset="utf-8">
  <label for="nick">Pseudo (nick)</label>
  <input type="text" id="nick" name="nick" placeholder="Ton pseudo" required>

  <div class="row">
    <div>
      <label for="age">Âge</label>
      <input type="number" id="age" name="age" inputmode="numeric" min="1" placeholder="Âge" required>
    </div>
    <div>
      <label for="sex">Sexe</label>
      <select id="sex" name="sex" required>
        <option value="">— Choisir —</option>
        <option value="H">H</option>
        <option value="F">F</option>
      </select>
    </div>
  </div>

  <label for="location">Ville</label>
  <input type="text" id="location" name="location" placeholder="Ta ville" required>

  <!-- Salle cible (cachée). Exemple : #Accueil -->
  <input type="hidden" name="salle" value="#Accueil">

  <button type="submit">Rejoindre le tchat</button>
</form>

2) Démo visuelle (mêmes champs)

3) Comment ça marche ?

4) Bonnes pratiques

• Rends salle configurable côté éditeur si tu proposes plusieurs salons.
• Ajoute des attributs required pour améliorer la qualité des informations transmises.
• Conforme-toi à tes obligations d’information sur la collecte de données (nick, âge, sexe, ville) avant redirection.

5) Variante : choisir la salle dans un <select>

<label for="salle-select">Salon</label>
<select id="salle-select" name="salle" required>
  <option value="#Accueil">#Accueil</option>
  <option value="#aide">#aide</option>
  <option value="#Paris">#Paris</option>
</select>