Avoir un formulaire (presque) tout fait

La question est souvent posée sur les formulaires de contact et formulaires plus compliqués.
En particulier sur les pages-perso de Free.fr ou la fonction mail est quelquefois aléatoire.

Il existe de nombreux services gratuits sur les pages Web (Free Contact Form Services)
par exemple ce site web en référence quelques un,
Ils sont souvent en anglais

Un des plus complet, simple d’utilisation est pour moi le système JotForm qui est traduit en français et permet une variété de formulaires allant du plus simple au plus complexe avec la possibilité de gérer des paiements .
La réalisation d'un formulaire est rapide, par glisser déplacer avec une très bonne qualité.


Construction du formulaire
form1 sform

Détails pour l'envoi des messages. Possibilité de réponse automatique et auto répondeur
jot_for_param_mail jot_for_param_mailAutojot_for_param_mail_rep

La publication
jot_for_publier

Pour incorporer un formulaire il suffit bien sur de le réaliser puis de récupérer l'adresse sous différente formes pour l'intégration dans différents CMS ou sur une simple page HTML.
Par exemple dans une page HTML
:
1- récupérer l'adresse src="https://form.jotform.co/jsform/7xxxxxxxx8"
2- il suffit de copier le code
<script type="text/javascript" src="https://form.jotform.co/jsform/7xxxxxxxx8"></script>


Le service est proposé en différentes versions de prix allant du gratuit (Free) à professionnel.

Bien sur la version gratuite "Starter" est limité et permet de créer 5 formulaires et de recevoir 100 mails de contact par mois, mais c'est pas mal.
En bas de la page vous aurez droit à une petite bannière
banniere


Un des avantage est que vous pouvez vous passer du système SMTP ou de la fonction mail() de PHP de votre hébergeur (par exemple les hébergeur qui bloquent ces paramètres), donc une autonomie sur les envois depuis le formulaire.
De plus un Captcha et différents outils sont intégrés ainsi que différent systèmes de paiement.


Exemples de formulaire de contact

Par exemple pour l'intégration dans le CMS CMSmadesimple :

1- récupérer l'adresse src="http://form.jotform.com/jsform/12xxxxxxxx"
2- Réaliser un bloc de contenu Form_myform1_Jot (Ne pas Utiliser le WYSIWYG)

{literal}<script type="text/javascript" src="http://form.jotform.com/jsform/12xxxxxxxx"></script>
{/literal}

3- Cela donne la balise {global_content name='Form_myform1_Jot'}
4- Dans la page contact on insère la balise {global_content name='Form_myform1_Jot'}


Vue d'un exemple de formulaire
formulaire terminé

Le formulaire de contact




Document http://jc.etiemble.free.fr/abc/ JCE - version 06/11/2018-0 CC_licence