{"id":10943,"date":"2023-10-01T16:14:52","date_gmt":"2023-10-01T23:14:52","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&amp;p=10943"},"modified":"2023-10-01T16:14:52","modified_gmt":"2023-10-01T23:14:52","slug":"champ-de-formulaire-smarttag-mm_form_field-checkout-form","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/fr\/documents-3-2\/champ-de-formulaire-smarttag-mm_form_field-checkout-form\/","title":{"rendered":"Form Field SmartTag\u2122 (MM_Form_Field) - Formulaire de paiement"},"content":{"rendered":"<p>Cette balise est utilis\u00e9e conjointement avec la balise MM_Form. Elle produit des champs de formulaire avec lesquels l'utilisateur peut interagir pour saisir des donn\u00e9es.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Attributs<\/h5>\n\n\n\n<p>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.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>caisse<\/strong><\/h6>\n\n\n\n<p><code>type<\/code>&nbsp;(<em>facultatif<\/em>) - Indique le type de champ de formulaire \u00e0 cr\u00e9er. Les valeurs acceptables sont input, hidden, custom ou custom-hidden. La valeur par d\u00e9faut est \"input\".<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>entr\u00e9e<\/code>&nbsp;- Les champs de formulaire de type \"input\" affichent un \u00e9l\u00e9ment 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'\u00e9l\u00e9ment de formulaire HTML appropri\u00e9. <br><br>Par exemple, une liste d\u00e9roulante sera affich\u00e9e pour s\u00e9lectionner un pays et un champ de saisie sera affich\u00e9 pour saisir le pr\u00e9nom. L'attribut \"name\" est obligatoire pour les champs de saisie.<br><br><\/li>\n\n\n\n<li><code>cach\u00e9<\/code>&nbsp;- Les champs de formulaire de type \"hidden\" produisent un \u00e9l\u00e9ment HTML cach\u00e9 qui indique \u00e0 MemberMouse que le \"nom\" associ\u00e9 \u00e0 ce champ de formulaire peut \u00eatre ignor\u00e9 lors de la validation du formulaire. <br><br>Par exemple, lors de l'achat d'un produit, l'adresse de facturation est requise par d\u00e9faut et le logiciel MemberMouse ne permet pas \u00e0 l'utilisateur de continuer tant qu'il n'a pas fourni d'adresse de facturation. En utilisant un champ de formulaire de type cach\u00e9 pour l'adresse de facturation, vous demandez \u00e0 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\u00f9 vous n'avez pas besoin de certaines informations. L'attribut \"name\" est obligatoire pour les champs de formulaire masqu\u00e9s. L'attribut \"value\" est facultatif.<br><br><\/li>\n\n\n\n<li><code>sur mesure<\/code>&nbsp;- Les champs de formulaire de type \"personnalis\u00e9\" produisent un \u00e9l\u00e9ment de formulaire HTML avec lequel l'utilisateur peut interagir pour saisir les informations associ\u00e9es aux champs personnalis\u00e9s que vous avez configur\u00e9s dans MemberMouse. L'attribut \"id\" est obligatoire pour les champs de formulaire personnalis\u00e9s. L'attribut 'isRequired' est facultatif.<br><br><\/li>\n\n\n\n<li><code>personnalis\u00e9-cach\u00e9<\/code>&nbsp;- Les champs de formulaire de type \"personnalis\u00e9-cach\u00e9\" produisent un \u00e9l\u00e9ment de formulaire HTML cach\u00e9 qui stocke les donn\u00e9es associ\u00e9es aux champs personnalis\u00e9s que vous avez configur\u00e9s dans MemberMouse. L'attribut \"id\" est obligatoire pour les champs de formulaire personnalis\u00e9s. L'attribut \"isRequired\" est facultatif. <br><br>Les champs personnalis\u00e9s cach\u00e9s sont parfaits pour stocker des informations relatives \u00e0 la commande que l'utilisateur ne saisit pas. <br><br>Par exemple, vous pouvez suivre le nom de l'annonce dont ils proviennent, le mot-cl\u00e9 qu'ils ont utilis\u00e9 pour trouver votre produit, etc. Tout ce que vous avez \u00e0 faire est de passer un param\u00e8tre de cha\u00eene de requ\u00eate \u00e0 la page dans le format suivant : 'cf_{ID}' o\u00f9 '{ID}' est remplac\u00e9 par l'ID du champ personnalis\u00e9. <br><br>Voici un exemple : http:\/\/mysite.com\/checkout?cf_1=banner-1&amp;cf_2=marketing. Dans cet exemple, nous transmettons \"banner-1\" comme valeur pour le champ personnalis\u00e9 avec l'ID 1 et \"marketing\" comme valeur pour le champ personnalis\u00e9 avec l'ID 2.<br><br><\/li>\n\n\n\n<li><code>nom<\/code>&nbsp;(<em>conditionnel bas\u00e9 sur le type de champ<\/em>) - Ce champ est obligatoire pour les champs de type \"input\" et \"hidden\". Il indique les donn\u00e9es collect\u00e9es dans le champ. <br><br>Vous trouverez ci-dessous un tableau des valeurs acceptables. <br><br>Si un champ est facultatif, cela signifie qu'il n'est pas n\u00e9cessaire 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\u00e9finissant le type de champ comme \u00e9tant cach\u00e9. <br><br>Certains noms sont valables \u00e0 la fois pour les champs de type \"input\" et \"hidden\", tandis que d'autres ne sont valables que pour les champs de type \"input\".<\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Valeur<\/strong><\/td><td><strong>Description<\/strong><\/td><td><strong>En option<\/strong><\/td><td><strong>Types de champs valides<\/strong><\/td><\/tr><tr><td><code>Pr\u00e9nom<\/code><\/td><td>Collecte le pr\u00e9nom de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>nom de famille<\/code><\/td><td>Collecte le nom de famille de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>courriel<\/code><\/td><td>Collecte de l'adresse \u00e9lectronique de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code><\/td><\/tr><tr><td><code>email-confirmation<\/code><\/td><td>Oblige l'utilisateur \u00e0 confirmer son adresse \u00e9lectronique<\/td><td>Oui<\/td><td><code>entr\u00e9e<\/code><\/td><\/tr><tr><td><code>Nom d'utilisateur<\/code><\/td><td>Collecte le nom d'utilisateur de l'utilisateur<\/td><td>Oui<\/td><td><code>entr\u00e9e<\/code><\/td><\/tr><tr><td><code>t\u00e9l\u00e9phone<\/code><\/td><td>Collecte du num\u00e9ro de t\u00e9l\u00e9phone de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>mot de passe<\/code><\/td><td>Collecte le mot de passe de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>captcha<\/code><\/td><td>Oblige l'utilisateur \u00e0 remplir un champ captcha pour validation<\/td><td>Oui<\/td><td><code>entr\u00e9e<\/code><\/td><\/tr><tr><td><code>adresse de facturation<\/code><\/td><td>Collecte de l'adresse de facturation de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>ville de facturation<\/code><\/td><td>Collecte la ville de facturation de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>\u00e9tat de la facturation<\/code><\/td><td>Collecte l'\u00e9tat de la facturation de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>code postal de facturation<\/code><\/td><td>Collecte le code postal de facturation de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>pays de facturation<\/code><\/td><td>Collecte le pays de facturation de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>adresse d'exp\u00e9dition<\/code><\/td><td>Collecte l'adresse de livraison de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>ville d'exp\u00e9dition<\/code><\/td><td>Collecte la ville de livraison de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>\u00e9tat de l'exp\u00e9dition<\/code><\/td><td>Collecte l'\u00e9tat de l'exp\u00e9dition de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>code postal d'exp\u00e9dition<\/code><\/td><td>Collecte le code postal de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>pays d'exp\u00e9dition<\/code><\/td><td>Collecte le pays de livraison de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>m\u00e9thode d'exp\u00e9dition<\/code><\/td><td>Collecte la m\u00e9thode d'exp\u00e9dition que l'utilisateur souhaite utiliser<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code>,&nbsp;<code>cach\u00e9<\/code><\/td><\/tr><tr><td><code>shippingSameAsBilling<\/code><\/td><td>Produit une case \u00e0 cocher sur laquelle l'utilisateur peut cliquer pour indiquer s'il souhaite ou non fournir une adresse de livraison diff\u00e9rente de son adresse de facturation.<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code><\/td><\/tr><tr><td><code>ccNumber<\/code><\/td><td>Collecte du num\u00e9ro de carte de cr\u00e9dit de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code><\/td><\/tr><tr><td><code>ccExpirationDate<\/code><\/td><td>Collecte la date d'expiration associ\u00e9e au num\u00e9ro de carte de cr\u00e9dit de l'utilisateur.<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code><\/td><\/tr><tr><td><code>ccSecurityCode<\/code><\/td><td>Collecte du code de s\u00e9curit\u00e9 associ\u00e9 au num\u00e9ro de carte de cr\u00e9dit de l'utilisateur<\/td><td>Non<\/td><td><code>entr\u00e9e<\/code><\/td><\/tr><tr><td><code>code de coupon<\/code><\/td><td>Recueille le code de coupon que l'utilisateur souhaite appliquer \u00e0 la commande.<\/td><td>Oui<\/td><td><code>entr\u00e9e<\/code><\/td><\/tr><tr><td><code>cadeau<\/code><\/td><td>Produit une case \u00e0 cocher sur laquelle l'utilisateur peut cliquer pour indiquer si le produit achet\u00e9 est un cadeau.<\/td><td>Oui<\/td><td><code>entr\u00e9e<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>classe<\/code>&nbsp;(<em>conditionnel bas\u00e9 sur le type de champ<\/em>) - Ce champ est facultatif pour les champs \"input\" et \"custom\". Il indique la classe CSS \u00e0 utiliser pour le champ.<br><br><\/li>\n\n\n\n<li><code>valeur<\/code>&nbsp;(<em>conditionnel bas\u00e9 sur le type de champ<\/em>) - Ce champ est facultatif pour les champs \"cach\u00e9s\". Il indique les donn\u00e9es par d\u00e9faut \u00e0 d\u00e9finir pour le champ sp\u00e9cifi\u00e9 dans l'attribut \"name\".<br><br><\/li>\n\n\n\n<li><code>id<\/code>&nbsp;(<em>conditionnel bas\u00e9 sur le type de champ<\/em>) - Ce champ est obligatoire pour les champs \"personnalis\u00e9s\" et \"personnalis\u00e9s-cach\u00e9s\". Il indique l'identifiant du champ personnalis\u00e9 pour lequel des donn\u00e9es doivent \u00eatre collect\u00e9es.<br><br><\/li>\n\n\n\n<li><code>isRequired<\/code>&nbsp;(<em>conditionnel bas\u00e9 sur le type de champ<\/em>) - Ce champ est facultatif pour les champs \"personnalis\u00e9s\" et \"personnalis\u00e9s-cach\u00e9s\". Il indique si le champ personnalis\u00e9 doit \u00eatre obligatoire. Les valeurs acceptables sont \"true\" et \"false\". La valeur par d\u00e9faut est \"false\". Cet attribut peut \u00e9galement \u00eatre utilis\u00e9 pour les champs \"input\" qui peuvent \u00eatre cach\u00e9s. Il s'agit notamment du pr\u00e9nom, du nom, du t\u00e9l\u00e9phone, du mot de passe, de l'adresse de facturation, de la ville de facturation, de l'\u00c9tat de facturation, du code postal de facturation, du pays de facturation, de l'adresse d'exp\u00e9dition, de la ville d'exp\u00e9dition, de l'\u00c9tat d'exp\u00e9dition et du code postal d'exp\u00e9dition.<br><br><\/li>\n\n\n\n<li><code>par d\u00e9faut<\/code>&nbsp;(<em>conditionnel bas\u00e9 sur le nom du champ<\/em>) - Ce champ est facultatif lorsque le \"nom\" est d\u00e9fini sur \"shippingMethod\". Il permet de sp\u00e9cifier la cl\u00e9 de la m\u00e9thode d'exp\u00e9dition \u00e0 utiliser par d\u00e9faut. Lisez cet article pour&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/definir-la-methode-dexpedition-par-defaut\/\" target=\"_blank\">apprendre \u00e0 consulter la cl\u00e9 de la m\u00e9thode d'exp\u00e9dition<\/a>.<br><br><\/li>\n\n\n\n<li><code>Attributs personnalis\u00e9s<\/code>&nbsp;(<em>conditionnel bas\u00e9 sur le type de champ<\/em>) - Ce champ est facultatif pour les champs \"input\". Il peut \u00eatre utilis\u00e9 pour ajouter des attributs HTML suppl\u00e9mentaires au champ de saisie HTML g\u00e9n\u00e9r\u00e9 par MemberMouse. Tout ce qui est d\u00e9fini dans cet attribut sera ajout\u00e9 au code HTML mot pour mot. Par exemple, si vous faites ce qui suit :<\/li>\n<\/ul>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>[MM_Form_Field type='input' name='firstName' customAttributes='placeholder=\"First Name\"']<\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Le code HTML suivant sera g\u00e9n\u00e9r\u00e9 :<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;input type=\"text\" id=\"mm_field_first_name\" name=\"mm_field_first_name\" class=\"mm-textField\" placeholder=\"First Name\"&gt;<\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Exemple d'utilisation compl\u00e8te<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>[MM_Form type='checkout']\n\nChamps de saisie :\nPr\u00e9nom : [MM_Form_Field type='input' name='firstName']\nNom de famille : [MM_Form_Field type='input' name='lastName']\n\nChamps cach\u00e9s :\n[MM_Form_Field type='hidden' name='billingAddress']\n[MM_Form_Field type='hidden' name='billingCity']\n[MM_Form_Field type='hidden' name='billingState' value='TX']\n[MM_Form_Field type='hidden' name='billingCountry' value='US']\n\nChamps personnalis\u00e9s :\nAnniversaire : [MM_Form_Field type='custom' id='1' isRequired='true']\nTaille : [MM_Form_Field type='custom' id='3' isRequired='false']\n\nChamp personnalis\u00e9 cach\u00e9 :\n[MM_Form_Field type='custom-hidden' id='5']\n\n...d'autres SmartTags de formulaire...\n[\/MM_Form]<\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Cette balise est utilis\u00e9e conjointement avec la balise MM_Form. Elle produit des champs de formulaire avec lesquels l'utilisateur peut interagir pour saisir des donn\u00e9es. Attributs Les types de champs disponibles et d'autres attributs...<\/p>","protected":false},"author":9645,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[181],"ht-kb-tag":[],"class_list":["post-10943","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-form-tags"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/10943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/comments?post=10943"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/10943\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=10943"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=10943"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=10943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}