Cette balise est utilisée conjointement avec la balise MM_Form. Elle produit des champs de formulaire avec lesquels l'utilisateur peut interagir pour saisir des données.
Attributs
Les types de champs disponibles et les autres attributs varient en fonction du type de formulaire parent. Cet article traite des attributs et des exemples d'utilisation du type de formulaire Caisse.
caisse
type
(facultatif) - Indique le type de champ de formulaire à créer. Les valeurs acceptables sont input, hidden, custom ou custom-hidden. La valeur par défaut est "input".
entrée
- Les champs de formulaire de type "input" affichent un élément de formulaire HTML standard avec lequel l'utilisateur peut interagir pour saisir des informations. En fonction de la valeur de l'attribut "name", MemberMouse rendra l'élément de formulaire HTML approprié.
Par exemple, une liste déroulante sera affichée pour sélectionner un pays et un champ de saisie sera affiché pour saisir le prénom. L'attribut "name" est obligatoire pour les champs de saisie.caché
- Les champs de formulaire de type "hidden" produisent un élément HTML caché qui indique à MemberMouse que le "nom" associé à ce champ de formulaire peut être ignoré lors de la validation du formulaire.
Par exemple, lors de l'achat d'un produit, l'adresse de facturation est requise par défaut et le logiciel MemberMouse ne permet pas à l'utilisateur de continuer tant qu'il n'a pas fourni d'adresse de facturation. En utilisant un champ de formulaire de type caché pour l'adresse de facturation, vous demandez à MemberMouse d'autoriser l'envoi du formulaire sans fournir d'adresse de facturation. Cela est utile lorsque vous souhaitez fournir un formulaire de commande minimal dans les cas où vous n'avez pas besoin de certaines informations. L'attribut "name" est obligatoire pour les champs de formulaire masqués. L'attribut "value" est facultatif.sur mesure
- Les champs de formulaire de type "personnalisé" produisent un élément de formulaire HTML avec lequel l'utilisateur peut interagir pour saisir les informations associées aux champs personnalisés que vous avez configurés dans MemberMouse. L'attribut "id" est obligatoire pour les champs de formulaire personnalisés. L'attribut 'isRequired' est facultatif.personnalisé-caché
- Les champs de formulaire de type "personnalisé-caché" produisent un élément de formulaire HTML caché qui stocke les données associées aux champs personnalisés que vous avez configurés dans MemberMouse. L'attribut "id" est obligatoire pour les champs de formulaire personnalisés. L'attribut "isRequired" est facultatif.
Les champs personnalisés cachés sont parfaits pour stocker des informations relatives à la commande que l'utilisateur ne saisit pas.
Par exemple, vous pouvez suivre le nom de l'annonce dont ils proviennent, le mot-clé qu'ils ont utilisé pour trouver votre produit, etc. Tout ce que vous avez à faire est de passer un paramètre de chaîne de requête à la page dans le format suivant : 'cf_{ID}' où '{ID}' est remplacé par l'ID du champ personnalisé.
Voici un exemple : http://mysite.com/checkout?cf_1=banner-1&cf_2=marketing. Dans cet exemple, nous transmettons "banner-1" comme valeur pour le champ personnalisé avec l'ID 1 et "marketing" comme valeur pour le champ personnalisé avec l'ID 2.nom
(conditionnel basé sur le type de champ) - Ce champ est obligatoire pour les champs de type "input" et "hidden". Il indique les données collectées dans le champ.
Vous trouverez ci-dessous un tableau des valeurs acceptables.
Si un champ est facultatif, cela signifie qu'il n'est pas nécessaire de l'inclure dans le formulaire. S'il est obligatoire, vous devez l'inclure dans le formulaire, mais dans un certain nombre de cas, vous pouvez masquer les champs obligatoires en définissant le type de champ comme étant caché.
Certains noms sont valables à la fois pour les champs de type "input" et "hidden", tandis que d'autres ne sont valables que pour les champs de type "input".
Valeur | Description | En option | Types de champs valides |
Prénom | Collecte le prénom de l'utilisateur | Non | entrée , caché |
nom de famille | Collecte le nom de famille de l'utilisateur | Non | entrée , caché |
courriel | Collecte de l'adresse électronique de l'utilisateur | Non | entrée |
email-confirmation | Oblige l'utilisateur à confirmer son adresse électronique | Oui | entrée |
Nom d'utilisateur | Collecte le nom d'utilisateur de l'utilisateur | Oui | entrée |
téléphone | Collecte du numéro de téléphone de l'utilisateur | Non | entrée , caché |
mot de passe | Collecte le mot de passe de l'utilisateur | Non | entrée , caché |
captcha | Oblige l'utilisateur à remplir un champ captcha pour validation | Oui | entrée |
adresse de facturation | Collecte de l'adresse de facturation de l'utilisateur | Non | entrée , caché |
ville de facturation | Collecte la ville de facturation de l'utilisateur | Non | entrée , caché |
état de la facturation | Collecte l'état de la facturation de l'utilisateur | Non | entrée , caché |
code postal de facturation | Collecte le code postal de facturation de l'utilisateur | Non | entrée , caché |
pays de facturation | Collecte le pays de facturation de l'utilisateur | Non | entrée , caché |
adresse d'expédition | Collecte l'adresse de livraison de l'utilisateur | Non | entrée , caché |
ville d'expédition | Collecte la ville de livraison de l'utilisateur | Non | entrée , caché |
état de l'expédition | Collecte l'état de l'expédition de l'utilisateur | Non | entrée , caché |
code postal d'expédition | Collecte le code postal de l'utilisateur | Non | entrée , caché |
pays d'expédition | Collecte le pays de livraison de l'utilisateur | Non | entrée , caché |
méthode d'expédition | Collecte la méthode d'expédition que l'utilisateur souhaite utiliser | Non | entrée , caché |
shippingSameAsBilling | Produit une case à cocher sur laquelle l'utilisateur peut cliquer pour indiquer s'il souhaite ou non fournir une adresse de livraison différente de son adresse de facturation. | Non | entrée |
ccNumber | Collecte du numéro de carte de crédit de l'utilisateur | Non | entrée |
ccExpirationDate | Collecte la date d'expiration associée au numéro de carte de crédit de l'utilisateur. | Non | entrée |
ccSecurityCode | Collecte du code de sécurité associé au numéro de carte de crédit de l'utilisateur | Non | entrée |
code de coupon | Recueille le code de coupon que l'utilisateur souhaite appliquer à la commande. | Oui | entrée |
cadeau | Produit une case à cocher sur laquelle l'utilisateur peut cliquer pour indiquer si le produit acheté est un cadeau. | Oui | entrée |
classe
(conditionnel basé sur le type de champ) - Ce champ est facultatif pour les champs "input" et "custom". Il indique la classe CSS à utiliser pour le champ.valeur
(conditionnel basé sur le type de champ) - Ce champ est facultatif pour les champs "cachés". Il indique les données par défaut à définir pour le champ spécifié dans l'attribut "name".id
(conditionnel basé sur le type de champ) - Ce champ est obligatoire pour les champs "personnalisés" et "personnalisés-cachés". Il indique l'identifiant du champ personnalisé pour lequel des données doivent être collectées.isRequired
(conditionnel basé sur le type de champ) - Ce champ est facultatif pour les champs "personnalisés" et "personnalisés-cachés". Il indique si le champ personnalisé doit être obligatoire. Les valeurs acceptables sont "true" et "false". La valeur par défaut est "false". Cet attribut peut également être utilisé pour les champs "input" qui peuvent être cachés. Il s'agit notamment du prénom, du nom, du téléphone, du mot de passe, de l'adresse de facturation, de la ville de facturation, de l'État de facturation, du code postal de facturation, du pays de facturation, de l'adresse d'expédition, de la ville d'expédition, de l'État d'expédition et du code postal d'expédition.par défaut
(conditionnel basé sur le nom du champ) - Ce champ est facultatif lorsque le "nom" est défini sur "shippingMethod". Il permet de spécifier la clé de la méthode d'expédition à utiliser par défaut. Lisez cet article pour apprendre à consulter la clé de la méthode d'expédition.Attributs personnalisés
(conditionnel basé sur le type de champ) - Ce champ est facultatif pour les champs "input". Il peut être utilisé pour ajouter des attributs HTML supplémentaires au champ de saisie HTML généré par MemberMouse. Tout ce qui est défini dans cet attribut sera ajouté au code HTML mot pour mot. Par exemple, si vous faites ce qui suit :
[MM_Form_Field type='input' name='firstName' customAttributes='placeholder="First Name"']
Le code HTML suivant sera généré :
<input type="text" id="mm_field_first_name" name="mm_field_first_name" class="mm-textField" placeholder="First Name">
Exemple d'utilisation complète
[MM_Form type='checkout']
Champs de saisie :
Prénom : [MM_Form_Field type='input' name='firstName']
Nom de famille : [MM_Form_Field type='input' name='lastName']
Champs cachés :
[MM_Form_Field type='hidden' name='billingAddress']
[MM_Form_Field type='hidden' name='billingCity']
[MM_Form_Field type='hidden' name='billingState' value='TX']
[MM_Form_Field type='hidden' name='billingCountry' value='US']
Champs personnalisés :
Anniversaire : [MM_Form_Field type='custom' id='1' isRequired='true']
Taille : [MM_Form_Field type='custom' id='3' isRequired='false']
Champ personnalisé caché :
[MM_Form_Field type='custom-hidden' id='5']
...d'autres SmartTags de formulaire...
[/MM_Form]