Description détaillée
Le bloc Contact Form Builder permet de construire un formulaire de contact WordPress directement dans Gutenberg, sans imposer une mise en page ou une identité visuelle. Chaque formulaire se compose de champs indépendants que l’utilisateur peut ajouter, supprimer, ordonner et configurer selon les besoins du site : texte, email, téléphone, URL, nombre, date, message multiligne, liste déroulante, boutons radio, case à cocher ou consentement.
Un formulaire entièrement construit dans Gutenberg
Les champs sont de véritables sous-blocs. Leur largeur peut être réglée séparément pour ordinateur, tablette et mobile afin de créer une ligne de deux champs sur grand écran puis une présentation verticale sur smartphone. Le libellé, le placeholder, le texte d’aide, le caractère obligatoire et le nom technique utilisé dans les emails restent modifiables. Le bloc parent prend également en charge les outils natifs de Gutenberg pour les couleurs, les espacements, la bordure, le rayon et la typographie.
Des emails HTML adaptés à votre identité visuelle
Le destinataire, l’objet, le nom d’expéditeur et le champ utilisé comme adresse de réponse sont configurables. Le contenu de l’email accepte des variables comme {{site_name}}, {{page_url}}, {{all_fields}} ou le nom technique de chaque champ. Les couleurs du fond, de la carte, du texte et de l’accent peuvent reprendre la palette du thème pour produire un email cohérent avec le site. Une confirmation distincte peut aussi être envoyée automatiquement au visiteur.
Une protection serveur conçue pour WordPress
Les envois sont traités par WordPress côté serveur avec nonce, validation des champs obligatoires, nettoyage des données et contrôle des adresses email. Un honeypot invisible piège les robots simples, un délai minimal signé bloque les soumissions instantanées et une limite horaire par adresse IP réduit les envois automatisés. Un identifiant unique empêche également qu’un rafraîchissement renvoie immédiatement le même message.
Fonctionnalités principales
- Champs Gutenberg réorganisables et configurables.
- Types texte, email, téléphone, URL, date, nombre, textarea, select, radio et consentement.
- Largeurs distinctes pour ordinateur, tablette et mobile.
- Champs obligatoires ou facultatifs avec validation serveur.
- Plusieurs destinataires séparés par une virgule.
- Templates d’emails HTML avec variables dynamiques.
- Email de confirmation facultatif pour le visiteur.
- Palette email personnalisable depuis les couleurs du thème.
- Honeypot, nonce, délai signé et limitation des envois par IP.
- Messages de succès et d’erreur personnalisables.
Performance
Zéro scripts inutiles, Vanilla JS uniquement.
Gutenberg Natif
Conformité WCAG pour tous les utilisateurs.
Contact Form
Poids JS
< 2kb
Version
1.0.1
WCAG
WCAG 2.1 AA
0
Likes
1
Téléchargements
Architecture Vanilla JS
Garanti sans dette technique, optimisé pour les Core Web Vitals.
Vous pourriez aussi aimer
Découvrez d'autres blocs de la catégorie creator