Notre système vous permet d’intégrer des formulaires d’abonnement et désabonnement à une liste de contacts spécifique directement sur votre site Web. Le formulaire que nous fournissons est très simple mais vous pouvez le personnaliser en ajoutant des cases d’option, des cases à cocher et des menus déroulants.
La règle la plus importante à respecter est de d’avoir un “nom d’entrée” qui est exactement le même que le champ que vous avez créé dans votre liste de contacts. Ceci permettra à votre champ personnalisé d’être rempli par la valeur que vous désirez y ajouter.
Cases d’option
<input type="radio" />
définit une case d’option. Les cases d’option permettent à l’utilisateur de choisir seulement une option à partir d’un nombre limité de choix. Par exemple:
<form>
Sexe
<input type="radio" name="sexe" value="homme" /> Homme <br />
<input type="radio" name="sexe" value="femme" /> Femme
</form>
Ceci permet à l’abonné de sélectionner la valeur Homme ou Femme – laquelle remplit automatiquement le champ de votre liste.
Cases à cocher
<input type="checkbox" />
définit une case à cocher. Les cases à cocher permettent à un utilisateur de sélectionner une ou plusieurs options à partir d’un nombre limité de choix. Les champs peuvent accepter seulement une valeur, alors limitez ceux-ci à des réponses de type oui/non.
<form>
Aimez-vous les sports?
<input type="checkbox" name="sport" value="oui" /> Oui <br />
</form>
Ceci vous permettra de remplir tous les champs appropriés de votre liste avec les choix que vous offrez. Tous les champs non sélectionnés apparaîtront avec la valeur S/O.
Voici, ce à quoi cela ressemble sur votre formulaire (image en anglais):
Menus déroulants
La balise <select>
est utilisée pour créer un menu déroulant. Dans ce cas, nous utilisons select name
pour definir quel champ sera rempli par quelle donnée.
Voiture:
<select name="voiture" >
<option>Volvo</option>
<option>Nissan</option>
<option>Mercedes</option>
<option>Audi</option>
</select>
Voici, ce à quoi cela ressemble sur votre formulaire (image en anglais):
En utilisant les exemples de codes ci-dessus, voici un formulaire complet:
<form method='get' accept-charset='UTF-8' name='oi_form' action='http://mydummyaccount.com/list/2349234234234234'>
Courriel <br /> <input type='text' name='courriel'/><br />
Nom <br /><input type='text' name='prenom'/><br />
Nom de famille <br /> <input type='text' name='nom_famille'/><br /><br />
Sexe <input type="radio" name="sexe" value="homme" /> Homme
<input type="radio" name="Gender" value="femme" /> Femme <br /><br />
Aimez-vous les sports? <br />
<input type="checkbox" name="sport" value="oui" /> Oui <br />
Voiture: <select name="voiture" >
<option>Volvo</option>
<option>Nissan</option>
<option>Mercedes</option>
<option>Audi</option>
</select>
<input type='hidden' name='goto' value='' />
<input type='hidden' name='iehack' value='☠' />
<input type='soumettre' value='Soumettre' />
</form>
Le formulaire ressemble à ceci (image en anglais):
Et l’information sur l’abonné est affichée dans votre compte (image en anglais).