Formulaires

Formulaires de contact, de devis, de réservation et d’inscription prêts à l’emploi. L’IA en insère un avec un seul composant — pas de gestionnaire de soumission à écrire — et chaque soumission atterrit dans la boîte de réception des soumissions de ton app.

Les formulaires sur Proyecta sont une fonctionnalité intégrée, pas quelque chose que l’IA code manuellement. Lorsque ton app a besoin d’un moyen pour que les visiteurs te contactent — un formulaire de contact, une demande de devis, une prise de rendez-vous, une inscription à un événement — Proyecta provisionne une définition de formulaire prête à l’emploi et l’affiche via un bloc appartenant au template. La validation, l’état de succès, le stockage des soumissions et la notification du propriétaire sont tous inclus gratuitement.

Les préréglages

Chaque formulaire part de l’un des cinq préréglages intégrés. Décris le formulaire que tu veux et Proyecta choisit (et adapte) le bon — tu n’as jamais à construire des champs from scratch.

Préréglage	form api id	À quoi il sert	Se combine avec
Contact	contactForm	Prise de contact générale : nom, e-mail, téléphone optionnel, message	Infos entreprise
Devis	quoteForm	Demande de devis : coordonnées + service souhaité + détails du projet	Services
Réservation	bookingForm	Prise de rendez-vous : service, date et heure souhaitées, coordonnées	Services
Inscription	registrationForm	Inscription à un événement ou une formation (RSVP) : données du participant + note	Événements
Commande	orderForm	Prise de commande : ce que le client veut, coordonnées, notes	Menu, catalogue

Tu peux avoir plusieurs formulaires dans une même app (par ex. un formulaire de contact et un formulaire de réservation), et l’IA peut ajouter, renommer ou remodeler les champs de n’importe lequel d’entre eux.

Comment l’IA le connecte

L’IA ne construit jamais un formulaire ni un gestionnaire de soumission manuellement. Elle insère le <FormBlock/> appartenant au template et le pointe vers un formulaire par id ou api id :

import { FormBlock } from '@/components/blocks/FormBlock';

// N'importe où sur une page publique — une section contact, un panneau "demander un devis", etc.
<FormBlock form="contactForm" />;

<FormBlock/> fait tout par lui-même :

• Affiche les champs selon leur type — texte / e-mail / téléphone comme des inputs, texte long comme une textarea, choix multiples comme une liste déroulante, opt-ins comme une case à cocher, dates et heures comme des sélecteurs natifs, et champs de fichier comme un contrôle “joindre un fichier”.
• Valide dans le navigateur — les champs obligatoires sont vérifiés avant tout envoi.
• Valide côté serveur — si le serveur rejette une valeur, l’erreur spécifique s’affiche en ligne à côté du champ concerné (aucune soumission perdue, aucun échec silencieux).
• Affiche un état de succès — à la soumission, le formulaire est remplacé par une confirmation conviviale (le message de confirmation propre au formulaire) avec une option pour envoyer une autre réponse.
• Échoue en toute sécurité — si le formulaire n’existe pas ou a été désactivé, le bloc n’affiche rien, ce qui lui évite de casser une page publique.

Le bloc appartenant au template, le travail de l’IA consiste simplement à le placer et à styliser la section environnante — la plomberie derrière lui est fixe et correcte.

Pièces jointes

Les formulaires peuvent accepter un fichier uploadé (un reçu, une photo de référence, un brief). Les champs de fichier affichent un bouton “joindre un fichier”, uploadent le fichier dans le stockage et placent son URL publique dans la soumission. Les limites sont appliquées automatiquement :

• Images et PDF uniquement, jusqu’à 5 Mo (les grandes images sont réduites dans le navigateur en premier).
• Le bouton de soumission est désactivé pendant l’upload d’un fichier, de sorte qu’une soumission ne parte jamais à moitié.

Où vont les soumissions

Chaque soumission est stockée et apparaît dans la boîte de réception des soumissions de ton app — faisant partie du panneau admin, rendu par le <SubmissionsInbox/> du template. De là, tu peux (en tant que propriétaire) :

• Parcourir les soumissions sous les onglets New / Read / Archived, avec un badge de non-lu sur New.
• Ouvrir n’importe quelle soumission pour voir les valeurs des champs soumis, la page d’où elle provient et la date.
• Marquer une soumission comme read, la remettre à new, ou l’archiver.
• Filtrer la boîte de réception sur un seul formulaire, ou voir les soumissions de tous les formulaires dans une seule liste.

La boîte de réception est réservée aux admins — le lecteur doit être connecté avec un compte admin (vérifié côté serveur).

Recevoir un e-mail à chaque soumission

Les formulaires peuvent te notifier par e-mail à chaque fois que quelqu’un soumet — active les notifications propriétaire et définis l’adresse qui doit les recevoir. Tu reçois le lead dans ta boîte de réception sans avoir à ouvrir l’app. L’e-mail est envoyé via la fonctionnalité e-mail de Proyecta, donc ça fonctionne sans configuration supplémentaire.

Cas d’usage courants (laisse l’IA s’en charger)

• "Add a contact form to the footer with name, email, and message, and email me at hello@mybiz.com whenever someone submits."
• "Put a 'Request a quote' form on each service page that asks which service they need and the job details."
• "Add a booking form so clients can request an appointment with a preferred date and time."
• "Create an event registration form for the workshop page and let attendees attach a PDF."
• "Show me the submissions inbox and only the ones I haven't read yet."

Voir aussi

• Gestion de contenu — les formulaires coexistent avec tes collections dans le même modèle de contenu.
• Panneau Admin — là où les soumissions sont consultées.
• E-mails — comment les e-mails de notification propriétaire sont envoyés.