{"id":2387,"date":"2026-08-26T17:02:50","date_gmt":"2026-08-26T14:02:50","guid":{"rendered":"https:\/\/presta.site\/blog\/cuanto-mas-confuso-es-el-formulario-de-checkout-menos-compradores-terminan\/"},"modified":"2026-08-26T17:03:22","modified_gmt":"2026-08-26T14:03:22","slug":"formulario-de-checkout","status":"publish","type":"post","link":"https:\/\/presta.site\/blog\/es\/formulario-de-checkout\/","title":{"rendered":"Cuanto m\u00e1s confuso es el formulario de checkout, menos compradores terminan"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Abre el checkout en vivo en un m\u00f3vil. Cuenta cada campo que no hace falta para enviar o cobrar. Si los pedidos de pago mueren despu\u00e9s del carrito, esa cuenta suele ser la raz\u00f3n &#8211; cuanto m\u00e1s confuso es el <strong>formulario de checkout<\/strong>, menos compradores terminan.<\/p>\n\n\n<!--more-->\n\n<!-- series-nav:conversion:start -->\n\n<p class=\"series-nav series-nav-top wp-block-paragraph\"><em>Parte 5 de <a href=\"https:\/\/presta.site\/blog\/es\/conversion-pagina-a-pagina\/\">Conversi\u00f3n, p\u00e1gina a p\u00e1gina<\/a> &#8211; plan completo<\/em><\/p>\n\n<!-- series-nav:conversion:end -->\n\n\n<p class=\"wp-block-paragraph\">La \u00faltima entrega fue la <a href=\"https:\/\/presta.site\/blog\/es\/pagina-del-carrito\/\">p\u00e1gina del carrito<\/a> confirmando la bolsa. Esta p\u00e1gina cobra. Direcci\u00f3n, m\u00e9todo de env\u00edo, pago. Un formulario que tambi\u00e9n pregunta c\u00f3mo te conocieron, quiere un segundo tel\u00e9fono &#8220;para las tardes&#8221; y esconde Invitado bajo Crear cuenta no es riguroso. Es c\u00f3mo convences a alguien de que no complete un pedido que el carrito ya gan\u00f3.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 tiene que hacer un formulario de checkout<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un solo trabajo: cobrar y obtener una direcci\u00f3n de env\u00edo. Qui\u00e9n recibe el paquete. A d\u00f3nde va. C\u00f3mo se env\u00eda. C\u00f3mo pagan. Y un bot\u00f3n Pagar que se vea de verdad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El carrito ya mostr\u00f3 las l\u00edneas y el total. Este formulario de checkout no tiene que volver a vender el producto, recoger una encuesta de marketing ni forzar una contrase\u00f1a antes de la tarjeta. Si un campo no es obligatorio para enviar el pedido o cobrar la tarjeta, no pertenece a esta pantalla.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 hace confuso un formulario de checkout<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El m\u00e1s largo que hemos desenredado este a\u00f1o era una tienda de ropa con un tema por defecto &#8211; nada personalizado, nada raro. Crear cuenta antes de la tarjeta. Email, y otra vez email. Contrase\u00f1a, y confirmar contrase\u00f1a. Empresa. IVA. Fax, todav\u00eda ah\u00ed desde 2012. Dos campos de tel\u00e9fono, uno etiquetado &#8220;tardes.&#8221; Un desplegable: c\u00f3mo nos conociste. Newsletter marcada por defecto. Una barra de progreso que dec\u00eda Paso 3 de 5 y no daba pista de qu\u00e9 eran el 4 y el 5. El total aparec\u00eda como una l\u00ednea min\u00fascula bajo un widget de cup\u00f3n. Pagar estaba bajo el pliegue, llamado &#8220;Continuar,&#8221; as\u00ed que nadie sab\u00eda que el clic les cobraba.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nada de eso es ex\u00f3tico. La mayor\u00eda de checkouts confusos son extras normales apilados uno a uno &#8211; cada uno defendible, el mont\u00f3n fatal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El formulario de invitado m\u00e1s limpio que hemos lanzado pide una direcci\u00f3n de env\u00edo, un m\u00e9todo legible, pago, un Pagar. Invitado es lo predeterminado. Cuenta es una oferta despu\u00e9s del cobro, si quieren historial de pedidos. Mismo trabajo que el formulario largo. Uno de ellos cobra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-long-vs-guest-v2.png\" alt=\"Formulario de checkout con campos extra vs un checkout de invitado corto que puede cobrar\" class=\"wp-image-2382\" srcset=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-long-vs-guest-v2.png 1536w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-long-vs-guest-v2-300x200.png 300w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-long-vs-guest-v2-1024x683.png 1024w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-long-vs-guest-v2-768x512.png 768w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-long-vs-guest-v2-945x630.png 945w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-long-vs-guest-v2-1320x880.png 1320w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Campos que pueden esperar hasta despu\u00e9s del pago<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El art\u00edculo de Nick Babich en <a href=\"https:\/\/www.smashingmagazine.com\/2018\/08\/best-practices-for-mobile-form-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Smashing Magazine sobre formularios m\u00f3viles<\/a> lo resume en una l\u00ednea: cada campo es esfuerzo, y m\u00e1s corto es mejor. Preguntas extra en el registro o al pagar es c\u00f3mo pierdes a alguien que ya ten\u00edas. Haz seguimiento despu\u00e9s si necesitas la historia. No retengas la tarjeta como reh\u00e9n por ello.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quita o mueve fuera de esta pantalla:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>C\u00f3mo nos conociste<\/li>\n<li>Alta en newsletter (pregunta despu\u00e9s de Pagar, sin marcar)<\/li>\n<li>Empresa e IVA salvo que el comprador haya elegido checkout de empresa<\/li>\n<li>Fax<\/li>\n<li>Un segundo tel\u00e9fono<\/li>\n<li>Contrase\u00f1a de cuenta, si el invitado puede pagar<\/li>\n<li>Fecha de nacimiento, &#8220;color favorito,&#8221; cualquier cosa que alimente un CRM y no una etiqueta de env\u00edo<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Lo obligatorio para una factura legal o un formulario aduanero no es un extra opcional. Cons\u00e9rvalo. La prueba sigue siendo la misma: \u00bfeste campo env\u00eda el paquete o cobra la tarjeta? Si la respuesta es no, puede esperar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Checkout de invitado vs muro de cuenta<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Forzar un login para pagar son dos formularios haciendo el trabajo de uno. Ya escribieron un email en el carrito, o est\u00e1n a punto de escribir uno para el recibo. Pedir una contrase\u00f1a antes de la tarjeta es un mostrador de socios entre el &#8220;s\u00ed&#8221; y el dinero.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Invitado primero. Muestra Crear cuenta despu\u00e9s del cobro, cuando el pedido existe y un historial merece la pena. Si ya tienen cuenta, iniciar sesi\u00f3n es un atajo &#8211; no la \u00fanica puerta. Enterrar Invitado como un enlace min\u00fasculo bajo una caja de login alta es el mismo muro con peores modales.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cuando el formulario borra lo que ya escribieron<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un pago fallido que borra el formulario basta para perder el pedido. El comprador rellena la direcci\u00f3n, escribe la tarjeta, pulsa Pagar. Algo falla &#8211; CVV, una casilla obligatoria, un c\u00f3digo postal que la transportista no acepta. La p\u00e1gina se recarga. El n\u00famero de tarjeta desaparece. A veces la direcci\u00f3n tambi\u00e9n. La mayor\u00eda no empieza de nuevo. Se van.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Conserva lo que escribieron. Marca el \u00fanico campo que fall\u00f3. No borres la tarjeta porque una casilla de newsletter estaba vac\u00eda. PCI no exige castigar a la gente; exige no almacenar el PAN. Una recarga que borra el formulario es un fallo de la tienda, no una funci\u00f3n de seguridad.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-error-wipe.png\" alt=\"Error en el formulario de checkout que borr\u00f3 el n\u00famero de tarjeta que el comprador ya hab\u00eda escrito\" class=\"wp-image-2380\" srcset=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-error-wipe.png 1536w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-error-wipe-300x200.png 300w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-error-wipe-1024x683.png 1024w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-error-wipe-768x512.png 768w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-error-wipe-945x630.png 945w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2026\/08\/checkout-form-error-wipe-1320x880.png 1320w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">El mismo formulario en un m\u00f3vil<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ya peleaste con el volcado de escritorio en la <a href=\"https:\/\/presta.site\/blog\/es\/pagina-producto-movil\/\">p\u00e1gina de producto m\u00f3vil<\/a>. El checkout es donde esa pelea se pierde m\u00e1s f\u00e1cil: cada campo extra es un teclado a ancho completo y un campo con zoom, y cinco &#8220;pasos&#8221; que en un monitor de 27 pulgadas parec\u00edan ordenados son cinco visitas separadas en un autob\u00fas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Campos a ancho completo. Etiquetas encima de la caja, no al lado. Teclado num\u00e9rico para la tarjeta. Una columna. Pagar visible sin una b\u00fasqueda del tesoro. Si necesitas una segunda pantalla, que sea &#8220;datos de la tarjeta&#8221; &#8211; no &#8220;cu\u00e9ntanos c\u00f3mo nos encontraste.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Abre el formulario en vivo esta noche y cuenta otra vez. Corta lo que no env\u00eda ni cobra. El carrito ya gan\u00f3 este pedido una vez &#8211; el \u00fanico trabajo que queda es no perderlo en el formulario. Luego intenta pagar en un m\u00f3vil con un pulgar. Si t\u00fa te quedas atascado, ellos se quedan atascados.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Trab\u00e1jalo con tu agente de IA<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">No le pidas a un agente que &#8220;mejore la UX del checkout.&#8221; P\u00e1sale el formulario real y haz que separe lo de enviar-o-cobrar de lo que puede esperar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Qu\u00e9 pegar:<\/strong> el HTML del checkout, o dos capturas (escritorio + m\u00f3vil). Si tu primera pantalla es invitado vs cuenta, pega eso tambi\u00e9n &#8211; m\u00e1s el estado de error, la pantalla que ve un comprador tras un cobro fallido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prompt 1 &#8211; inventario de campos.<\/strong> &#8220;Lista cada campo y paso de este checkout. Etiqueta cada uno: necesario para enviar o cobrar, o puede esperar hasta despu\u00e9s del pago. Prop\u00f3n una lista de recortes. No a\u00f1adas funciones. No inventes Express Pay como la soluci\u00f3n.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prompt 2 &#8211; ruta de invitado.<\/strong> &#8220;Aqu\u00ed est\u00e1 la primera pantalla del checkout. Reescr\u00edbela para que un invitado pueda pagar sin crear contrase\u00f1a. Cuenta pasa a ser una oferta despu\u00e9s del cobro.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prompt 3 &#8211; prueba del borrado.<\/strong> &#8220;Aqu\u00ed est\u00e1 el estado de error tras un pago fallido. Lista todo lo que el formulario borr\u00f3. Reescribe el flujo para que un cobro fallido conserve cada campo que el comprador ya hab\u00eda escrito.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Buena salida:<\/strong> un inventario de campos, un orden m\u00e1s corto de bloques y un estado de error que conserve lo escrito &#8211; algo que puedas entregar a un tema. No &#8220;mejora el flujo.&#8221;<\/p>\n\n\n<!-- series-nav:conversion:bottom:start -->\n\n<div class=\"wp-block-group series-nav series-nav-bottom\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><p>Esta es la parte 5 de Conversi\u00f3n, p\u00e1gina a p\u00e1gina.<\/p><p>Anterior: <a href=\"https:\/\/presta.site\/blog\/es\/pagina-del-carrito\/\">La p\u00e1gina del carrito confirma el pedido &#8211; no lo vuelve a vender<\/a> \u00b7 Siguiente: Agradecimiento \/ post-compra &#8211; a\u00fan en redacci\u00f3n. <a href=\"https:\/\/presta.site\/blog\/es\/conversion-pagina-a-pagina\/\">Suscr\u00edbete en el hub de la serie<\/a> para no perd\u00e9rtelo.<\/p><\/div><\/div>\n\n<!-- series-nav:conversion:bottom:end -->\n","protected":false},"excerpt":{"rendered":"<p>Cuanto m\u00e1s confuso es el formulario de checkout, menos compradores terminan. Quita los campos extra, el muro de cuenta y los errores que borran la tarjeta.<\/p>\n","protected":false},"author":0,"featured_media":2047,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[],"class_list":["post-2387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-de-catalogo-y-seo"],"_links":{"self":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/2387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/comments?post=2387"}],"version-history":[{"count":1,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/2387\/revisions"}],"predecessor-version":[{"id":2391,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/2387\/revisions\/2391"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/media\/2047"}],"wp:attachment":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/media?parent=2387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/categories?post=2387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/tags?post=2387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}