Avant propos : Ce tutoriel à pour but la réalisation d'un formulaire que vous allez créer sur votre site Jimdo, grace à i-services qui propose le meilleur système de gestion de formulaire gratuit du moment.

Nota : La formule "Basic" gratuite est largement suffisante pour qui gère 1 seul sîte. Possibilité de réaliser sur un même sîte plusieurs formulaires. Pour plus de prestations, les formules payantes "Silver" et "Gold" sont proposées.

Difficultés : Facile.

Tutoriel : Télécharger le site i-services : http://www.i-services.net

1) Allez à la page d'accueil du site .

2) Inscrivez-vous à partir du lien "inscription" en haut à gauche.

3) Remplissez le questionnaire en précisant : abonnement "Basic" gratuit.

    Préciser également votre adresse E-mail pour expédition et gestion des

    formulaires.

4) Vous voila inscrit, vous pouvez accéder à l'espace membre.

5) Cliquez sur le sigle "Form2Mail" situé en haut à gauche de la page.

6) Dans le cadre "Form2mail" noter que vous pouvez : visualiser, installer, et

    créer les formulaires.

7) cliquez sur installer, pour créer votre premier formulaire.

    - préciser son titre;

    - l'URL du formulaire ( le site Jimdo sur lequel il sera installer.

    - configurer le questionnaire. (précédent formulaire par défaut)

    - cliquez sur "ajouter" le questionnaire est créer.

    - cliquez sur installer pour obtenir le code de base du formulaire que vous

      allez modifier.

8) Copier l'intégralité du code proposé ( voir ci-dessous) et collez-le dans le Bloc

    Notes de votre ordinateur.

***************

<form method="post" action="http://www.i-services.net/membres/formmail/formmail.php?uid=157389&amp;sid=104129&amp;idform=3532" enctype="multipart/form-data" style="margin: 0px;">
<input type="hidden" name="_mail_priority" value="Normal" />
<input type="hidden" name="_mail_subject" value="" />
<input type="hidden" name="_conform_copy" value="" />

<table border="0" cellpadding="5" cellspacing="0" width="500" align="center">
<tr>
  <td width="50%">Votre nom :</td>
  <td width="50%"><input type="text" size="20" name="nom" value="" /></td>
</tr>
<tr>
  <td width="50%">Votre adresse e-mail :</td>
  <td width="50%"><input type="text" size="20" name="email" value="" /></td>
</tr>
<tr>
  <td width="50%" valign="top">Votre texte ici :</td>
  <td width="50%">
    <input type="checkbox" name="couleur[]" value="rouge" /> Rouge
    <input type="checkbox" name="couleur[]" value="bleu" /> Bleu
    <input type="checkbox" name="couleur[]" value="vert" /> Vert
    <input type="checkbox" name="couleur[]" value="jaune" /> Jaune
  </td>
</tr>
<tr>
  <td colspan="2" align="center"><i>Votre texte et commentaires éventuellement ici</i></td>
</tr>
<tr>
  <td width="50%">Recopiez le code ci-contre :</td>
  <td width="50%"><img src="http://www.i-services.net/membres/modules/img_rand.php?uid=157389&amp;sid=104129&amp;service=Q" border="0" /> <input type="text" name="code_check" size="10" maxlength="5" value="" autocomplete="off" /></td>
</tr>
<tr>
  <td colspan="2" align="center"><input type="submit" value="Valider" onclick="javascript:if(this.value != 'Patientez...') { this.value='Patientez...'; } else { return false; }"></td>
</tr>
</table>

</form>

***************

9) supprimer du code la partie en rouge .

10) construction du formulaire

En remplacement de la partie supprimée suivant votre construction du formulaire :

code  début formulaire :

<tr>
            <td width="50%">
                <font color="#COCOCO&quot;"><font color="#COCOCO :&lt;/b&gt;&lt;/font&gt; &lt;/td&gt;
          &lt;td width="><font color="#COCOCO"><b>nom/prenom :</b></font></font></font>
            </td>
            <td width="50%">
                <input type="text" size="20" name="nom/prenom" value="" />
            </td>
        </tr>

code intermédiaire

<tr>
            <td width="50%">
                <font color="#COCOCO"><b>adresse postale :</b></font>
            </td>
            <td width="50%">
                <input type="text" size="20" name="adresse postale" value="" />
            </td>
        </tr>

code bas de liste

<tr>
            <td width="50%">
                <font color="#COCOCO"><b>Votre adresse e-mail :</b></font>
            </td>
            <td width="50%">
                <input type="text" size="20" name="Votre adresse e-mail" value="" />
            </td>
        </tr>

Zone de texte intermédiaire

<tr>
            <td width="50%" valign="top">
                <font color="#COCOCO"><b>votre texte ici</b></font>
            </td>

code debut de liste

<td width="50%">
                <font color="#COCOCO"><b><input type="checkbox" name="catégorie[]" value="KFS" /> KFS<br />

Code courant

<font color="#COCOCO"><b><input type="checkbox" name="catégorie[]" value="KZ125" /> KZ125<br />

Code bas de liste

font color="#COCOCO"><b><input type="checkbox" name="catégorie[]" value="Cadet" /> Cadet<br /></b></font></b></font> ( </b></font>autant de fois que d'articles : KFS, KZ125, Cadet ....... . )

10) Vous pouvez bien sur personnaliser le formulaire, changer les couleurs de texte "#COCOCO" dimension en largeur : width "500" ... texte , articles etc ... .

11) Ouvrir le module "winget/html" de Jimdo et coller le code sur votre page web.

12) Enregistrer.

Voir un formulaire réalisé avec i-services :

c'est ICI

***************

retour accueil