{"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":"form-field-smarttag-mm_form_field-checkout-form","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/form-field-smarttag-mm_form_field-checkout-form\/","title":{"rendered":"Form Field SmartTag\u2122 (MM_Form_Field) - Formulario de pago"},"content":{"rendered":"<p>Esta etiqueta se utiliza junto con la etiqueta MM_Form. Genera campos de formulario con los que el usuario puede interactuar para introducir datos.<\/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\">Atributos<\/h5>\n\n\n\n<p>Los tipos de campo disponibles y otros atributos variar\u00e1n en funci\u00f3n del tipo de formulario principal. Este art\u00edculo trata de los atributos y ejemplos de uso para el tipo de formulario Checkout.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>checkout<\/strong><\/h6>\n\n\n\n<p><code>tipo<\/code>&nbsp;(<em>opcional<\/em>) - Indica el tipo de campo de formulario a crear. Los valores aceptables son input, hidden, custom o custom-hidden. El valor por defecto es '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>entrada<\/code>&nbsp;- Los campos de formulario de tipo 'input' generan un elemento de formulario HTML est\u00e1ndar con el que el usuario puede interactuar para introducir informaci\u00f3n. En funci\u00f3n del valor del atributo 'name', MemberMouse mostrar\u00e1 el elemento de formulario HTML adecuado. <br><br>Por ejemplo, se mostrar\u00e1 un desplegable para seleccionar un pa\u00eds y un campo de entrada para introducir su nombre. El atributo \"name\" es obligatorio en los campos de entrada.<br><br><\/li>\n\n\n\n<li><code>oculto<\/code>&nbsp;- Los campos de formulario de tipo 'hidden' producen un elemento HTML oculto que indica a MemberMouse que el 'name' asociado a este campo de formulario puede ser ignorado al validar el formulario. <br><br>Por ejemplo, al comprar un producto, la direcci\u00f3n de facturaci\u00f3n es obligatoria por defecto, por lo que MemberMouse no permitir\u00e1 que el usuario contin\u00fae hasta que se haya proporcionado una direcci\u00f3n de facturaci\u00f3n. Al utilizar un campo de formulario de tipo oculto para la direcci\u00f3n de facturaci\u00f3n, est\u00e1 indicando a MemberMouse que permita el env\u00edo del formulario sin proporcionar una direcci\u00f3n de facturaci\u00f3n. Esto resulta \u00fatil cuando se desea proporcionar un formulario de pago m\u00ednimo en casos en los que no se requiere cierta informaci\u00f3n. El atributo 'name' es obligatorio para los campos de formulario ocultos. El atributo 'value' es opcional.<br><br><\/li>\n\n\n\n<li><code>personalizado<\/code>&nbsp;- Los campos de formulario de tipo \"personalizado\" generan un elemento de formulario HTML con el que el usuario puede interactuar para introducir informaci\u00f3n asociada a los campos personalizados que ha configurado en MemberMouse. El atributo 'id' es obligatorio para los campos de formulario personalizados. El atributo 'isRequired' es opcional.<br><br><\/li>\n\n\n\n<li><code>oculto personalizado<\/code>&nbsp;- Los campos de formulario de tipo 'custom-hidden' dan salida a un elemento de formulario HTML oculto que almacena los datos asociados a los campos personalizados que ha configurado en MemberMouse. El atributo 'id' es obligatorio para los campos de formulario personalizados. El atributo 'isRequired' es opcional. <br><br>Los campos personalizados ocultos son perfectos para almacenar informaci\u00f3n relacionada con el pedido que el usuario no introduce. <br><br>Por ejemplo, puede rastrear el nombre del anuncio del que proceden, la palabra clave que han utilizado para encontrar su producto, etc. Todo lo que tiene que hacer es pasar un par\u00e1metro querystring a la p\u00e1gina con el siguiente formato: 'cf_{ID}' donde '{ID}' se sustituye por el ID del campo personalizado. <br><br>He aqu\u00ed un ejemplo: http:\/\/mysite.com\/checkout?cf_1=banner-1&amp;cf_2=marketing. En este ejemplo, estamos pasando 'banner-1' como valor para el campo personalizado con ID 1 y 'marketing' como valor para el campo personalizado con ID 2.<br><br><\/li>\n\n\n\n<li><code>nombre<\/code>&nbsp;(<em>condicional en funci\u00f3n del tipo de campo<\/em>) - Este campo es obligatorio para los tipos de campo \"entrada\" y \"oculto\". Indica qu\u00e9 datos se est\u00e1n recopilando en el campo. <br><br>A continuaci\u00f3n figura una tabla de valores aceptables. <br><br>Si un campo es opcional significa que no tienes que incluirlo en el formulario. Si es obligatorio, tiene que incluirlo en el formulario, pero en varios casos puede ocultar los campos obligatorios para que no se vean estableciendo el tipo en oculto. <br><br>Algunos nombres son v\u00e1lidos tanto para los campos de entrada como para los ocultos, mientras que otros s\u00f3lo son v\u00e1lidos para los campos de entrada.<\/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>Valor<\/strong><\/td><td><strong>Descripci\u00f3n<\/strong><\/td><td><strong>Opcional<\/strong><\/td><td><strong>Tipos de campo v\u00e1lidos<\/strong><\/td><\/tr><tr><td><code>firstName<\/code><\/td><td>Recoge el nombre del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>apellido<\/code><\/td><td>Recoge el apellido del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>correo electr\u00f3nico<\/code><\/td><td>Recoge la direcci\u00f3n de correo electr\u00f3nico del usuario<\/td><td>No<\/td><td><code>entrada<\/code><\/td><\/tr><tr><td><code>email-confirmar<\/code><\/td><td>Obliga al usuario a confirmar su direcci\u00f3n de correo electr\u00f3nico<\/td><td>S\u00ed<\/td><td><code>entrada<\/code><\/td><\/tr><tr><td><code>nombre de usuario<\/code><\/td><td>Recoge el nombre de usuario del usuario<\/td><td>S\u00ed<\/td><td><code>entrada<\/code><\/td><\/tr><tr><td><code>tel\u00e9fono<\/code><\/td><td>Recoge el n\u00famero de tel\u00e9fono del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>contrase\u00f1a<\/code><\/td><td>Recoge la contrase\u00f1a del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>captcha<\/code><\/td><td>Obliga al usuario a rellenar un campo captcha para su validaci\u00f3n<\/td><td>S\u00ed<\/td><td><code>entrada<\/code><\/td><\/tr><tr><td><code>direcci\u00f3n de facturaci\u00f3n<\/code><\/td><td>Recoge la direcci\u00f3n de facturaci\u00f3n del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>facturaci\u00f3nCity<\/code><\/td><td>Recoge la ciudad de facturaci\u00f3n del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>billingState<\/code><\/td><td>Recoge el estado de facturaci\u00f3n del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>billingZipCode<\/code><\/td><td>Recoge el c\u00f3digo postal de facturaci\u00f3n del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>facturaci\u00f3nPa\u00eds<\/code><\/td><td>Recoge el pa\u00eds de facturaci\u00f3n del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>shippingAddress<\/code><\/td><td>Recoge la direcci\u00f3n de env\u00edo del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>env\u00edoCiudad<\/code><\/td><td>Recoge la ciudad de env\u00edo del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>shippingState<\/code><\/td><td>Recoge el estado de env\u00edo del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>shippingZipCode<\/code><\/td><td>Recoge el c\u00f3digo postal de env\u00edo del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>shippingCountry<\/code><\/td><td>Recoge el pa\u00eds de env\u00edo del usuario<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>shippingMethod<\/code><\/td><td>Recoge el m\u00e9todo de env\u00edo que el usuario desea utilizar<\/td><td>No<\/td><td><code>entrada<\/code>,&nbsp;<code>oculto<\/code><\/td><\/tr><tr><td><code>shippingSameAsBilling<\/code><\/td><td>Genera una casilla de verificaci\u00f3n en la que el usuario puede hacer clic para indicar si desea o no proporcionar una direcci\u00f3n de env\u00edo diferente de su direcci\u00f3n de facturaci\u00f3n.<\/td><td>No<\/td><td><code>entrada<\/code><\/td><\/tr><tr><td><code>ccN\u00famero<\/code><\/td><td>Recoge el n\u00famero de tarjeta de cr\u00e9dito del usuario<\/td><td>No<\/td><td><code>entrada<\/code><\/td><\/tr><tr><td><code>ccFecha de caducidad<\/code><\/td><td>Recoge la fecha de caducidad asociada al n\u00famero de tarjeta de cr\u00e9dito del usuario<\/td><td>No<\/td><td><code>entrada<\/code><\/td><\/tr><tr><td><code>ccC\u00f3digoSeguridad<\/code><\/td><td>Recoge el c\u00f3digo de seguridad asociado al n\u00famero de tarjeta de cr\u00e9dito del usuario<\/td><td>No<\/td><td><code>entrada<\/code><\/td><\/tr><tr><td><code>c\u00f3digo de cup\u00f3n<\/code><\/td><td>Recoge el c\u00f3digo de cup\u00f3n que el usuario quiere aplicar al pedido<\/td><td>S\u00ed<\/td><td><code>entrada<\/code><\/td><\/tr><tr><td><code>regalo<\/code><\/td><td>Genera una casilla de verificaci\u00f3n en la que el usuario puede hacer clic para indicar si el producto que se est\u00e1 comprando es un regalo.<\/td><td>S\u00ed<\/td><td><code>entrada<\/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>clase<\/code>&nbsp;(<em>condicional en funci\u00f3n del tipo de campo<\/em>) - Este campo es opcional para los campos 'input' y 'custom'. Indica la clase CSS que debe utilizarse para el campo.<br><br><\/li>\n\n\n\n<li><code>valor<\/code>&nbsp;(<em>condicional en funci\u00f3n del tipo de campo<\/em>) - Este campo es opcional para los campos \"ocultos\". Especifica los datos predeterminados que se establecer\u00e1n para el campo especificado en el atributo 'name'.<br><br><\/li>\n\n\n\n<li><code>id<\/code>&nbsp;(<em>condicional en funci\u00f3n del tipo de campo<\/em>) - Este campo es obligatorio para los campos \"personalizados\" y \"personalizados-ocultos\". Especifica el ID del campo personalizado para el que se van a recopilar datos.<br><br><\/li>\n\n\n\n<li><code>isRequired<\/code>&nbsp;(<em>condicional en funci\u00f3n del tipo de campo<\/em>) - Este campo es opcional para los campos 'custom' y 'custom-hidden'. Indica si el campo personalizado debe ser obligatorio. Los valores aceptables son \"true\" y \"false\". El valor por defecto es \"false\". Este atributo tambi\u00e9n se puede utilizar en campos 'input' que se pueden ocultar. Esto incluye firstName, lastName, phone, password, billingAddress, billingCity, billingState, billingZipCode, billingCountry, shippingAddress, shippingCity, shippingState,shippingZipCode.<br><br><\/li>\n\n\n\n<li><code>por defecto<\/code>&nbsp;(<em>condicional basado en el nombre del campo<\/em>) - Este campo es opcional cuando 'name' est\u00e1 configurado como 'shippingMethod'. Aqu\u00ed puede especificar la clave del m\u00e9todo de env\u00edo que se utilizar\u00e1 por defecto. Lea este art\u00edculo para&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/es\/docs\/establecer-el-metodo-de-envio-por-defecto\/\" target=\"_blank\">aprenda a buscar la clave de m\u00e9todo de env\u00edo<\/a>.<br><br><\/li>\n\n\n\n<li><code>customAttributes<\/code>&nbsp;(<em>condicional en funci\u00f3n del tipo de campo<\/em>) - Este campo es opcional para los campos 'input'. Este atributo puede utilizarse para a\u00f1adir atributos HTML adicionales al campo de entrada HTML generado por MemberMouse. Lo que se establezca en este atributo se a\u00f1adir\u00e1 al HTML literalmente. Por ejemplo, si hace lo siguiente<\/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='nombre' customAttributes='placeholder=\"Nombre\"']<\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Se generar\u00e1 el siguiente HTML:<\/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\">Ejemplo de uso completo<\/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\nCampos de entrada:\nNombre: [MM_Form_Field type='input' name='firstName']\nApellidos: [MM_Form_Field type='input' name='apellido']\n\nCampos ocultos:\n[MM_Form_Field type='hidden' name='direcci\u00f3n de facturaci\u00f3n']\n[MM_Form_Field type='hidden' name='ciudad_de_facturaci\u00f3n']\n[MM_Form_Field type='hidden' name='billingState' value='TX']\n[MM_Form_Field type='hidden' name='billingCountry' value='US']\n\nCampos personalizados:\nCumplea\u00f1os: [MM_Form_Field type='custom' id='1' isRequired='true']\nAltura: [MM_Form_Field type='custom' id='3' isRequired='false']\n\nCampo personalizado oculto:\n[MM_Form_Field type='custom-hidden' id='5']\n\n...otras SmartTags del formulario...\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>Esta etiqueta se utiliza junto con la etiqueta MM_Form. Genera campos de formulario con los que el usuario puede interactuar para introducir datos. Atributos Los tipos de campo disponibles y otros atributos...<\/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\/es\/wp-json\/wp\/v2\/ht-kb\/10943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=10943"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/10943\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=10943"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=10943"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=10943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}