Formulaire de contact avancé

Un formulaire de contact configurable, avec de multiples options.

Préambule

SPIP propose nativement #FORMULAIRE_ECRIRE_AUTEUR qui permet d’écrire à un auteur précis. On peut donc l’utiliser pour la page de contact du site, en mettant le webmestre en auteur. Cette approche peut paraître limitée. Imaginons donc un formulaire entièrement configurable.

Ce formulaire remplace — et donc supprime — le plugin « Formulaire de contact configurable » avec lequel il a fusionné. Les utilisateurs migrants de l’un à l’autre devront donc reconfigurer le formulaire. Par ailleurs, et depuis la rédaction de cet article le plugin évolue, nous vous conseillons de lire également «Le formulaire de contact évolue».

Toutefois, il est désormais conseillé d’utiliser le plugin Formidable plus souple et encore maintenu.

Installation

Comme pour les autres plugins, vous devez télécharger le paquet ci-joint et placer son contenu dans votre dossier plugins/.

Vous devez utiliser PHP 5 pour faire marcher le plugin Voyez avec votre hébergeur si ce n’est pas le cas par défaut. Surtout que PHP 4 n’est plus maintenu.

Ensuite il faut aller dans l’interface de gestion des plugins, l’activer et enfin cliquer sur l’icône d’outils pour le configurer. Au préalable vous devrez installer les plugins cfg, spip-bonux, et Jquery UI.

Alternativement, vous trouverez aussi ce plugin dans la liste d’installation automatique fournie par spip-contrib (il faut pour cela avoir un dossier plugins/auto).

Utilisation

Pour afficher ce formulaire dans un squelette :

Appel classique :

#FORMULAIRE_CONTACT

Appel avec l’auteur 34 pré-selectionné :

#FORMULAIRE_CONTACT{34}

Appel AJAX (sans rechargement de la page) :

<div class="ajax">
    #FORMULAIRE_CONTACT
</div>

Pour afficher ce formulaire dans un contenu :

Appel classique :

<formulaire|contact>

Appel avec l’auteur 34 pré-selectionné :

<formulaire|contact|auteur=34>

Appel AJAX (sans rechargement de la page):

<div class="ajax">
    <formulaire|contact>
</div>

Configuration

Il y a trois principales choses à configurer :

  • La liste des auteurs à qui le courrier pourra être envoyé
  • La méthode de choix pour le visiteur
  • Les éventuelles informations supplémentaires

On peut choisir l’ordre des informations supplémentaires par simple glisser-déplacer à la souris. L’ordre sera gardé en mémoire et repris alors sur le site public.

Personnaliser l’affichage des champs d’informations

Par défaut, le plugin affiche un champ texte basique pour chaque information supplémentaire demandée. Mais parfois, on veut personnaliser ces champs, par exemple pour restreindre des valeurs. Et bien c’est prévu !

Pour cela, il faut connaître l’identifiant du champ que l’on veut personnaliser. Il suffit de regarder dans le HTML l’attribut name du champ. Sinon la liste complète des champs par défaut se trouve dans le fichier contact_options.php.

Vous n’avez alors plus qu’à créer un fichier : /formulaires/contact_champ_*nomduchamp*.html, dans votre dossier squelettes ou dans votre plugin.

Par exemple, si vous voulez mettre une liste déroulante pour restreindre les pays, il faut créer un fichier /formulaires/contact_champ_pays.html, dans lequel vous pourrez mettre par exemple :

<li class="saisie_#ENV{name}[ (#ENV{name}|in_array{#ENV{obligatoires,#ARRAY}}|oui)obligatoire][ (#ENV*{erreurs}|table_valeur{#ENV{name}}|oui)erreur]">
	<label for="info_#ENV{name}">
		#ENV{titre}[ (#ENV{name}|in_array{#ENV{obligatoires,#ARRAY}}|oui)<strong><:info_obligatoire_02:></strong>]
	</label>
	[<span class="erreur_message">
		(#ENV*{erreurs}|table_valeur{#ENV{name}})
	</span>]
	<select name="#ENV{name}" id="info_#ENV{name}">
		<option 
			value="England"[ 
			(#ENV{#ENV{name}}|=={England}|oui)selected="selected"]>
			England
		</option>
		<option
			value="France"[ 
			(#ENV{#ENV{name}}|=={France}|oui)selected="selected"]>
			France
		</option>
	</select>
</li>

Dans le fichier, #ENV{name} correspondra à l’identifiant du champ, et #ENV{titre} à son titre dans la langue courante. #ENV{#ENV{name}} correspond donc à la valeur déjà tapée du champ en question.

Ajouter de nouveaux champs

Le plugin prévoit un point d’entrée qui permet, lorsqu’on s’y connecte, d’ajouter autant d’entrées que l’on veut.

Il faut tout d’abord s’inscrire dans le point d’entrée.

Soit dans un plugin

<pipeline>
    <nom>contact_infos_supplementaires</nom>
    <inclure>un_fichier.php</inclure>
</pipeline>

Soit dans le mes_options.php de votre site

  1. $GLOBALS['spip_pipeline']['contact_infos_supplementaires'] .= '|montruc_contact_infos_supplementaires';

Ensuite dans la fonction qui s’est insérée dans le point d’entrée :

function montruc_contact_infos_supplementaires($champs){
    // Le paramètre contient tous les champs par défaut avec :
    // clé = le "name" du champ
    // valeur = le titre du champ
    $champs['nouveau_truc'] = 'Un titre';
 
    // Si votre site est multilingue, il faut utiliser une chaine de langue
    $champs['civilite'] = _T('une_chaine_de_langue_pour_civilite');
 
    return $champs;
}

Et c’est tout.
Par défaut le champ sera une entrée de texte simple, et vous pouvez le personnaliser comme décrit dans le point précédent.

updated on 2 October 2019

Discussion

459 discussions

  • Laurent J

    Bonjour
    L’envoi des mails via le formulaire de contact ne semble pas fonctionner quand plusieurs destinataires sont sélectionnés...
    #FORMULAIRE_CONTACT
    Plugin “Formulaire de contact avancé v.0.16.5”
    SPIP 3.2.1
    C’est le deuxième site sous SPIP 3.2.1 où je constate ce souci...
    Quelle peut en être la cause ?

    Reply to this message

  • 6
    jeromeD

    Bonjour,

    J’aurai besoin d’un coup de main sur un usage de ce plugin... Il me semble l’avoir installer correctement mais les mails ne partent pas sur un site réalisé...
    J’ai modifié le fichier uniquement pour éviter l’étape de prévisualisation (choix de l’utilisateur final).
    Je vous donne l’URL https://cogenevois.com/spip.php?page=contact&lang=fr si l’un d’entre vous arrive à me dire pourquoi? Vous pouvez faire des tests car cela ne fonctionne pas et si cela fonctionne cela arrive chez moi.

    Merci d’avance pour votre aide?

    • Je n’arrive même pas à valider le formulaire là

    • jeromeD

      Bonsoir RastaPopoulos,
      Justement c’est bien mon soucis, le bouton n’a pas d’action...même si je remets le fichier source cela ne change rien.
      Je viens de le faire en remettant le fichier avec previsu si tu veux voir?
      Merci d’avance

    • Oui, donc ça n’a possiblement aucun rapport avec le plugin. Il est plus probable que ce soit un problème dans l’intégration de ton site, un conflit javascript ou en CSS (des fois il y a des règles qui annulent les clics). Mais je n’ai pas vu d’erreur javascript dans la console pourtant…

    • jeromeD

      Et tu aurais une idée de comment contrôlé cela? J’avais déjà regardé pour la console.
      Car pour les CSS, il n’y a rien en recouvrement qui semblerait l’annuler ou le camoufler.

    • Non là comme ça je n’ai pas d’idées d’où ça peut venir…

    • jeromeD

      merci quand même.
      Bonne soirée

    Reply to this message

  • Bonjour,

    J’utilise le formulaire de contact et je souhaiterais remplacer dans le contenu label sujet le (obligatoire) par (*) comment pourrais-je faire s’il vous plait ? Car malgré une recherche sur le site complet je ne trouve aucune variable ou fichier qui correspondrait à ce champ ou à un contenu quelconque ayant ce contenu texte dans un fichier de langue.

    Bien cordialement,

    Guillaume.

    Reply to this message

  • 5

    Merci.
    Je trouvais ça normal aussi, jusqu’à ce que je vois ce champ remplis avec mon propre email sur l’ordi de ma femme et sur le tél de mon fils. ça, je ne comprends pas. Et c’est gênant.
    Un lien si ça peut aider, vous voyez mon mail dans le champ “Votre email” ? J’en perds mon peu de Latin. jmcollignon.fr/Contact

    • lol bah t’es connecté avec ton compte sur tous vos ordis…

      https://zone.spip.org/trac/spip-zone/browser/_plugins_/contact/trunk/formulaires/contact.php#L129

      Ça remplit avec l’email du visiteur en cours, c’est tout.

      Après ya si t’utilises l’options “defaut” lors de l’insertion du formulaire aussi apparemment…

    • A moitié rassuré. Mais plein d’espoir... Un effet de votre bonté, tester le lien donné et me dire ?
      Mille merci d’avance.

    • Le tél de mon fils passe par ma box en wifi, c’est pour ça ??? Si oui, je comprends mieux...
      J’ai découvert spip il y a qqs jours et je trouvais ce truc incroyablement puissant et accessible (pour quelqu’un comme moi avec seulement des bases html css). Et donc étrangement perplexe devant ce problème. Qui n’en n’est pas un apparemment. Merci pour votre aide rapide, je vais dormir tranquille.

    • Le mail n’est pas pré rempli chez moi.

    • OK, c’est gentil de confirmer.
      Et en passant, merci à tous ceux qui bossent sur ce projet. Depuis mes premiers sites avec NotePad jusqu’à SPIP aujourd’hui, ben, ça le fait... Beau boulot, merci encore.

    Reply to this message

  • 1

    Bonjour.
    Je rencontre un problème avec le formulaire de contact. Le champ “votre email” est systématiquement prérempli avec mon adresse mail (webmestre) Testé sur plusieurs sites, pour voir : C’est pareil. J’ai cherché partout un début de piste, rien à faire, ça résiste. J’imagine que c’est un truc évident, mais je suis néophyte. Curieux et obstiné, mais néophyte. Un grand merci pour votre aide éventuelle.

    • Bah il est rempli avec l’email du compte connecté si le visiteur est connecté, normal. Qu’y a-t-il de bizarre ?

    Reply to this message

  • 1

    Bonjour à tous,

    J’ai un gros pbm de styles avec ce formulaire (il est appelé dans une page unique mais le résultat est le même sous forme d’article...) : http://vps489274.ovh.net/unsatpe/spip/?contact,21

    Je suis webmaster débutant... qqun pourrait-il m’aider SVP ?

    Merci :-)

    Reply to this message

  • 2
    Alain7159

    Bonjour,

    La version 0.16.4 pour spip 3.2 est-elle compatible php7 ?

    Merci pour votre réponse.

    • Aucune idée, il faut tester :)
      N’hésite pas à le dire s’il y a un problème

      (Ce plugin reste un peu en l’état, il n’est plus vraiment maintenu depuis qu’il y a Formidable)

    • Alain7159

      Bonjour,

      Cela semble bien fonctionner. Mais si ce plugin n’est plus trop suivi, je vais voir du côté de Formidable si je trouve mon bonheur.
      En tout cas merci pour le travail fourni.

    Reply to this message

  • crazyspip

    Bonjour,

    Je mets une série de sites à jour vers la version 3.1.6 de Spip, avec formulaire de contact avancé v0.16.0.

    Je viens de faire les 2 premiers sites, l’installation se passe bien mais dans les 2 sites, lors de la prévisualisation d’un mail, j’ai le message “Il y a 2 erreurs dans votre saisie, veuillez vérifier les informations.” Malgré cela, je peux envoyer le mail et il arrive à destination, mais ça fait désordre. :-)

    Une idée ? D’avance merci.

    Reply to this message

  • 1
    Spidermian

    Bonsoir,

    J’ai collé

    $GLOBALS['spip_pipeline']['contact_infos_supplementaires'] .= '|autre_contact_infos_supplementaires';
           
    function autre_contact_infos_supplementaires($champs){
           $champs['sujet_alternatif'] = 'Sujet alternatif';
           return $champs;
       }

    dans mes_options.php et je ne vois nulle part apparaître le champ supplémentaire.
    J’ai merdé quelquepart ? Y a-t-il un soucis avec la dernière version de spip que j’utilise ?

    • Spidermian

      Ça y est, je viens de le trouver, toutes mes confuses il etait en bas...
      par contre il est automatiquement en “obligatoire”
      y a t’il un endroit ou je peux changer cette option ?

    Reply to this message

  • Bonjour,

    J’essaye de personnaliser le formulaire contact avec les class de Bootstrap. J’ai besoin des labels pour afficher “Nom”, “Pays”. Quelqu’un peut m’aider SVP? Merci.

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom