Formulaire de contact

Widget Formulaire de Contact - Métal Rouge SAMR

Vue d'ensemble

Le widget Formulaire de Contact est un composant Elementor personnalisé qui permet de créer des formulaires de contact flexibles et sécurisés avec de nombreuses options de personnalisation.

Fonctionnalités principales

✨ Champs disponibles

• Nom : Champ obligatoire/optionnel avec validation

• Prénom : Champ obligatoire/optionnel avec validation

• Email : Validation automatique du format email

• Téléphone : Validation internationale avec intlTelInput

• Sujet : Liste déroulante personnalisable

• Message : Zone de texte avec nombre de lignes configurable

• Upload de fichiers : Glisser-déposer sécurisé avec validation

• Politique de confidentialité : Case à cocher avec lien personnalisable

🔒 Sécurité intégrée

• Validation côté client et serveur

• Protection CSRF avec nonces WordPress

• Filtrage des types de fichiers autorisés

• Limitation de taille des fichiers

• Sanitisation de toutes les données

🎨 Personnalisation visuelle

• Styles pour tous les éléments (conteneur, champs, boutons)

• Support responsive complet

• Couleurs, typographie, espacements configurables

• Animations et transitions CSS

---

Installation et Configuration

Prérequis

• WordPress 5.0+

• Elementor Pro 3.0+

• PHP 7.4+

• Plugin Metal Rouge SAMR Extension activé

Ajout du widget

1. Ouvrir l'éditeur Elementor sur votre page

2. Rechercher "Formulaire de Contact" dans le panneau des widgets

3. Glisser-déposer le widget dans votre section

4. Le widget se trouve dans la catégorie "Métal Rouge SAMR"

---

Configuration des champs

🏷️ Onglet Contenu > Champs du Formulaire

Titre du formulaire

Label : Titre du formulaire
Type : Texte
Défaut : "Formulaire de Contact"

Configuration des champs

Champ Nom

• show_name : Afficher/masquer le champ

• name_label : Texte du label (défaut: "Nom")

• name_placeholder : Texte d'exemple (défaut: "Doe")

• name_required : Obligatoire (Oui/Non)

Champ Prénom

• show_first_name : Afficher/masquer le champ

• first_name_label : Texte du label (défaut: "Prénom")

• first_name_placeholder : Texte d'exemple (défaut: "John")

• first_name_required : Obligatoire (Oui/Non)

Champ Email

• show_email : Afficher/masquer le champ

• email_label : Texte du label (défaut: "E-mail")

• email_placeholder : Texte d'exemple (défaut: "[email protected]")

• email_required : Obligatoire (Oui/Non)

Champ Téléphone

• show_phone : Afficher/masquer le champ

• phone_label : Texte du label (défaut: "Téléphone")

• phone_required : Obligatoire (Oui/Non)

• Validation internationale automatique

Champ Sujet

• show_subject : Afficher/masquer le champ

• subject_label : Texte du label (défaut: "Sujet")

• subject_options : Options du menu déroulant (une par ligne)

  Demande de devis
  Information produit
  Service client
  Autre demande

• subject_required : Obligatoire (Oui/Non)

Champ Message

• show_message : Afficher/masquer le champ

• message_label : Texte du label (défaut: "Message")

• message_placeholder : Texte d'exemple

• message_rows : Nombre de lignes (3-10)

• message_required : Obligatoire (Oui/Non)

Upload de fichiers

• show_file_upload : Activer l'upload

• file_upload_label : Texte du label

• file_upload_text : Texte de la zone de drop

• file_upload_types : Types autorisés (auto-généré)

• file_upload_max_files : Nombre max (1-5)

• file_upload_required : Obligatoire (Oui/Non)

Politique de confidentialité

• show_privacy_policy : Afficher la case à cocher

• privacy_policy_text : Texte complet

• privacy_policy_clickable_text : Partie cliquable

• privacy_policy_url : URL de destination (support balises dynamiques)

• privacy_policy_required : Obligatoire (Oui/Non)

📧 Onglet Contenu > Paramètres d'email

On utilise le champ du sous-menu Paramètres du plugin Métal Rouge SAMR Extension pour ajouter ou supprimer des destinataires, au lieu de ce champ qui est désormais dépassé.

'email_subject' => 'Sujet de l\'email'
'email_to' => 'Destinataire(s)' // Séparés par des virgules

✅ Onglet Contenu > Message de succès

'success_message_title' => 'Titre du message de succès'
'success_message_text' => 'Texte du message de succès'

---

Personnalisation visuelle

🎨 Onglet Style > Style du formulaire

Conteneur principal

• Couleur d'arrière-plan

• Bordures (type, largeur, couleur)

• Rayon des bordures

• Padding responsive

• Marges responsive

🏷️ Onglet Style > Style des labels

Typographie et couleurs

• Couleur du texte

• Police, taille, poids

• Marges responsive

📝 Onglet Style > Style des champs

Champs de saisie

• Couleur du texte

• Couleur d'arrière-plan

• Bordures (normale et focus)

• Padding et marges

• Rayon des bordures

📁 Onglet Style > Style de la zone d'upload

Zone de glisser-déposer

• Couleur d'arrière-plan

• Couleur de bordure

• Couleur du texte

• Couleur de l'icône

• Padding et rayon

🔘 Onglet Style > Style du bouton

États Normal et Hover

• Couleurs d'arrière-plan

• Couleurs du texte

• Bordures

• Ombres portées

• Transitions

---

Gestion des soumissions

📊 Interface d'administration

Les formulaires soumis sont accessibles via : WordPress Admin > Métal Rouge SAMR > Messages de contact

Fonctionnalités disponibles :

• Vue liste avec pagination

• Détails complets de chaque soumission

• Téléchargement des pièces jointes

• Export des données

• Suppression individuelle ou en masse

• Filtres et recherche

📧 Notifications email

Email administrateur :

• Envoyé automatiquement à la soumission

• Template HTML personnalisable

• Pièces jointes incluses

• Informations de traçabilité

Email de confirmation :

• Envoyé au visiteur (optionnel)

• Template personnalisable

• Accusé de réception