{"id":6888,"date":"2017-07-12T11:00:50","date_gmt":"2017-07-12T11:00:50","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=6888\/"},"modified":"2026-08-10T10:04:16","modified_gmt":"2026-08-10T10:04:16","slug":"como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/","title":{"rendered":"\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n?"},"content":{"rendered":"<p style=\"text-align: justify;\">Un pago y env\u00edo p\u00e1gina ha sido en el debate desde hace mucho tiempo.\u00a0Hay docenas de art\u00edculos sobre los temas como \u201cSi usted elige una extracci\u00f3n de una p\u00e1gina?\u201d \u201cPros y contras de una p\u00e1gina de pago\u201d, y as\u00ed uno.\u00a0La mayor\u00eda de estos art\u00edculos resuelven de manera eficaz los inconvenientes, pero parece que hemos estado promoviendo estos inconvenientes, como que est\u00e1n ah\u00ed para siempre y no pueden ser derribados todos modos.<\/p>\n<p style=\"text-align: justify;\">Vamos a enfrentar la verdad, cada nueva introducci\u00f3n tiene algunas desventajas con seguridad.\u00a0Poco a poco, con el desarrollo y la investigaci\u00f3n, estas desventajas se desvanecen con seguridad.<\/p>\n<p style=\"text-align: justify;\">En este blog, voy a abordar estos 3 contras de una salida m\u00e1s de una p\u00e1gina, que hemos eliminado de nuestro\u00a0<a href=\"https:\/\/www.knowband.com\/magento-one-page-supercheckout\">Magento una extensi\u00f3n de p\u00e1gina de pago<\/a>\u00a0y tambi\u00e9n el\u00a0<a href=\"https:\/\/www.knowband.com\/es\/prestashop-one-page-supercheckout\">m\u00f3dulo de p\u00e1gina de pago PrestaShop Uno<\/a>\u00a0.\u00a0La mayor\u00eda de estas desventajas nunca fueron all\u00ed en nuestra extensi\u00f3n de pago, ya que tomamos el cuidado de ellos, mientras que en la misma fase de desarrollo y pruebas.<\/p>\n<h2 style=\"text-align: justify;\">Uno inconvenientes p\u00e1gina de pago fijos<\/h2>\n<h3 style=\"text-align: justify;\">1. Gran parte de la informaci\u00f3n en una sola p\u00e1gina?\u00a0Se congestiona<\/h3>\n<p style=\"text-align: justify;\">La mayor\u00eda de las p\u00e1ginas de pago, cuando se introduce en el pasado, ten\u00edan este problema.\u00a0Fue realmente una tarea enorme para ajustar todo, desde una salida de varias p\u00e1ginas en una sola p\u00e1gina.<\/p>\n<p style=\"text-align: justify;\">El reto era m\u00e1s problem\u00e1tico para adaptarse a todos los elementos de caja en una sola p\u00e1gina y debe proporcionar una visi\u00f3n completa de toda la p\u00e1gina de pago tambi\u00e9n.\u00a0Por otra parte, todos los elementos de pago y env\u00edo como formulario de acceso, direcci\u00f3n de entrega, direcci\u00f3n de facturaci\u00f3n forma, las opciones de pago, opciones de env\u00edo, y la revisi\u00f3n carro no deben superponerse entre s\u00ed, y ni ellos deben superponerse sobre s\u00ed mismos.\u00a0se necesita una gran cantidad de HTML, CSS, JavaScript y Ajax para ser manipulados para mantener el dise\u00f1o de todo bien con el valor por defecto, as\u00ed como la tercera parte de los temas de Magento.\u00a0Pero ten\u00edamos la intenci\u00f3n de mantenerlos lo menor posible para acelerar la carga de la p\u00e1gina.<\/p>\n<p style=\"text-align: justify;\">Esto es lo que se nos ocurri\u00f3:<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture1-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6878 aligncenter\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture1-1-300x256.png\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture1-1-300x256.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture1-1-768x656.png 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture1-1-1024x875.png 1024w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture1-1.png 1197w\" alt=\"opciones de inicio de sesi\u00f3n\" width=\"425\" height=\"363\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Una gran cantidad de HTML, CSS, JS y Ajax fue ajustado por nuestros dise\u00f1adores para adaptarse a todos los elementos de manera clara y ordenada en una sola p\u00e1gina y tambi\u00e9n para mantener el tiempo de carga de la p\u00e1gina \u00f3ptima.\u00a0Por otra parte, gracias a nuestros dise\u00f1adores, despu\u00e9s de todo esto, no hab\u00eda suficiente espacio dejado para agregar la\u00a0<a href=\"https:\/\/www.knowband.com\/magento-social-loginizer\">opci\u00f3n de inicio de sesi\u00f3n Social<\/a>\u00a0usando Facebook y Google en nuestra p\u00e1gina de pago.<\/p>\n<h3 style=\"text-align: justify;\">2. La forma en la p\u00e1gina est\u00e1n congestionadas sin espacios en blanco y el uso de etiqueta apropiada<\/h3>\n<p style=\"text-align: justify;\">Si bien el dise\u00f1o de las formas, los principales aspectos que busc\u00e1bamos eran:<\/p>\n<ul style=\"text-align: justify;\">\n<li>Mantener las formas compactas<\/li>\n<li>Todos los campos necesarios deben estar all\u00ed<\/li>\n<li>Los campos que deben tener adecuados los espacios en blanco<\/li>\n<li>Las etiquetas no deben confundir a los usuarios<\/li>\n<li>Administrador debe ser capaz de elegir el campo de formulario que quiere mostrar en la p\u00e1gina para los clientes.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><strong>Etiquetas<\/strong><\/p>\n<p style=\"text-align: justify;\">Las etiquetas estaban saliendo como una de las principales preocupaciones aqu\u00ed.\u00a0Si queremos mantener las etiquetas por el lado de los campos respectivos, la longitud horizontal de la forma dar\u00eda un espacio muy inferior para las otras secciones de la p\u00e1gina.<\/p>\n<p style=\"text-align: justify;\">Tambi\u00e9n hemos pensado en un dise\u00f1o de formulario donde debemos omitir las etiquetas y el uso de marcadores de posici\u00f3n en el lugar de ellos.\u00a0Algo como esto:<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture2.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6879 aligncenter\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture2-300x210.png\" sizes=\"auto, (max-width: 471px) 100vw, 471px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture2-300x210.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture2.png 549w\" alt=\"Formulario de contacto con nosotros\" width=\"471\" height=\"330\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Sin embargo, hab\u00eda un problema en eso.\u00a0Para las formas considerablemente largas como las formas y direcci\u00f3n de facturaci\u00f3n, si el cliente una vez llenado el detalle, y la etapa posterior si querr\u00eda volver a comprobar ellos, \u00e9l conseguir\u00eda confundido acerca de lo que realmente son estos detalles.\u00a0Dado que el marcador de posici\u00f3n se desvanece a medida que escribe, y no hay una etiqueta, as\u00ed, siempre queda una confusi\u00f3n si mis datos son correctas o incorrectas.<\/p>\n<p style=\"text-align: justify;\">No quer\u00edamos que sus clientes consigan en tal confusi\u00f3n y olvidar el objetivo principal de hacer una compra, es por eso que se nos cae la idea.\u00a0De lo contrario, podr\u00eda haber ahorrado un mont\u00f3n de espacio, as\u00ed.<\/p>\n<p style=\"text-align: justify;\">Finalmente, decidimos no poner en peligro con la experiencia del usuario de todas formas y adoptamos la colocaci\u00f3n de la etiqueta por encima de los campos como se muestra en esta imagen:<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture3.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6880 aligncenter\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture3-179x300.png\" sizes=\"auto, (max-width: 249px) 100vw, 249px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture3-179x300.png 179w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture3.png 397w\" alt=\"El campo Direcci\u00f3n de facturaci\u00f3n\" width=\"249\" height=\"417\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Se salv\u00f3 el espacio horizontal que necesitamos para otros elementos y tambi\u00e9n ayud\u00f3 en una otra caracter\u00edstica que ha sido discutido a continuaci\u00f3n.<\/p>\n<p style=\"text-align: justify;\"><strong>Los campos necesarios<\/strong><\/p>\n<p style=\"text-align: justify;\">Despu\u00e9s de tratar con la colocaci\u00f3n de la etiqueta, la \u00faltima cosa en las formas que nos dieron era una pesadilla para incluir todos los campos necesarios en la forma.\u00a0El problema es que el t\u00e9rmino es bastante necesaria relativa aqu\u00ed.\u00a0Un campo de formulario que es necesario para un due\u00f1o de la tienda puede ser de ninguna utilidad para el otro.<\/p>\n<p style=\"text-align: justify;\">Por ejemplo, el n\u00famero de IVA, y el nombre de compa\u00f1\u00eda es un campo necesario de un due\u00f1o de la tienda que tiene un negocio de venta B2B.\u00a0Todos los clientes de negocios europeas tambi\u00e9n necesitar\u00eda este campo para hacer las compras en su tienda.\u00a0Por otro lado, due\u00f1o de una tienda que vende directamente a los consumidores individuales no tendr\u00eda ning\u00fan uso de los campos como el IVA N\u00famero y Nombre de la empresa.<\/p>\n<p style=\"text-align: justify;\"><strong>\u00bfC\u00f3mo lo manejamos?<\/strong><\/p>\n<p style=\"text-align: justify;\">Fue un momento de abrir nuestra extensi\u00f3n de pagar un poco m\u00e1s y dar a los propietarios de tiendas de alg\u00fan acceso f\u00e1cil desarrollo, pero crucial.\u00a0A\u00f1adimos una caracter\u00edstica de nuestro m\u00f3dulo, mediante el cual el administrador puede f\u00e1cilmente habilitar, inhabilitar, a\u00f1adir y eliminar un campo de la forma de pago y env\u00edo.\u00a0Eso tambi\u00e9n, sin editar el c\u00f3digo.\u00a0Todo esto se puede hacer desde el propio servidor.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture4.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6881 aligncenter\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture4-300x115.png\" sizes=\"auto, (max-width: 537px) 100vw, 537px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture4-300x115.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture4-768x295.png 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture4-1024x394.png 1024w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture4.png 1267w\" alt=\"s\u00faper Pedido\" width=\"537\" height=\"206\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Por lo tanto, si alguno de los campos no es utilizable para el propietario de una tienda, puede simplemente ocultar con un simple clic y guardar.\u00a0No hay necesidad de ir a trav\u00e9s de los complejos c\u00f3digos de Magento o Prestashop para hacer esto ahora.<\/p>\n<h3 style=\"text-align: justify;\">3. p\u00e1gina de recarga frecuente en el carro de actualizaci\u00f3n<\/h3>\n<p style=\"text-align: justify;\">Esas cajas de varias p\u00e1ginas tienen una p\u00e1gina dedicada a la edici\u00f3n de los carritos de la compra.\u00a0Fue un reto para nosotros incluimos el carrito de la compra en la p\u00e1gina de pago.\u00a0Los clientes podr\u00edan actualizar con frecuencia el carro aumentando o disminuyendo el recuento de productos, la eliminaci\u00f3n de un producto de la carreta y as\u00ed uno.<\/p>\n<p style=\"text-align: justify;\">Todas estas solicitudes requieren una recarga de la p\u00e1gina para actualizar todos los detalles de pago y env\u00edo y la informaci\u00f3n de acuerdo con el estado m\u00e1s reciente de la compra.\u00a0Si un producto ha sido retirado de la carreta, ten\u00edamos que actualizar el coste, la cantidad de la compra del producto, m\u00e9todos de env\u00edo totales y as\u00ed sucesivamente con ella.<\/p>\n<p style=\"text-align: justify;\">Habr\u00eda llegado a ser tan irritante para los clientes si la p\u00e1gina de pago ser\u00eda recargar de vez en cuando.\u00a0Este reto se enfrenta a cada desarrollo de pagar una sola p\u00e1gina.\u00a0Sin embargo, hemos conseguido solucionarlo con el carrito de la compra y formulario de solicitud de actualizaci\u00f3n basado en Ajax.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture5.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6882 aligncenter\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture5-300x126.png\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture5-300x126.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/Picture5.png 738w\" alt=\"Confirmar Orden de los campos\" width=\"414\" height=\"174\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Ahora, con el Ajax carrito de compras y actualizaciones, si un cliente cambia nada en el carro, todos los detalles dependientes se actualizar\u00e1n de forma autom\u00e1tica sin necesidad de recargar toda la p\u00e1gina de pago.\u00a0Incluso el cliente puede solicitar un c\u00f3digo promocional para el carro y la p\u00e1gina validar\u00eda el cup\u00f3n sin ser recargado.<\/p>\n<p style=\"text-align: justify;\">As\u00ed es como hemos resuelto estos problemas en nuestra extensi\u00f3n de pago y env\u00edo.\u00a0Usted puede tener una demo gratuita para experimentar todas estas caracter\u00edsticas de la extensi\u00f3n.\u00a0Demo gratuita una p\u00e1gina de pago\u00a0<a href=\"https:\/\/www.knowband.com\/magento-one-page-supercheckout\">Magento<\/a>\u00a0y\u00a0<a href=\"https:\/\/www.knowband.com\/es\/prestashop-one-page-supercheckout\">PrestaShop<\/a>\u00a0y\u00a0<a href=\"https:\/\/www.knowband.com\/opencart-one-page-supercheckout\">OpenCart<\/a>\u00a0.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un pago y env\u00edo p\u00e1gina ha sido en el debate desde hace mucho tiempo.\u00a0Hay docenas de art\u00edculos sobre los temas como \u201cSi usted elige una extracci\u00f3n de una p\u00e1gina?\u201d \u201cPros y contras de una p\u00e1gina de pago\u201d, y as\u00ed uno.\u00a0La mayor\u00eda de estos art\u00edculos resuelven de manera eficaz los inconvenientes, pero parece que hemos estado [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":6884,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kbui_enabled":"","footnotes":""},"categories":[302,303],"tags":[86,109,47,335],"class_list":["post-6888","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-es","category-prestashop-es","tag-magento","tag-opencart","tag-prestashop","tag-una-pagina-de-pago"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n? - Knowband Blog | Ecommerce Modules<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n? - Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"og:description\" content=\"Un pago y env\u00edo p\u00e1gina ha sido en el debate desde hace mucho tiempo.\u00a0Hay docenas de art\u00edculos sobre los temas como \u201cSi usted elige una extracci\u00f3n de una p\u00e1gina?\u201d \u201cPros y contras de una p\u00e1gina de pago\u201d, y as\u00ed uno.\u00a0La mayor\u00eda de estos art\u00edculos resuelven de manera eficaz los inconvenientes, pero parece que hemos estado [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Knowband\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-12T11:00:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-10T10:04:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/One-page-checkout.png\" \/>\n\t<meta property=\"og:image:width\" content=\"760\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Joe Parker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:site\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joe Parker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/\"},\"author\":{\"name\":\"Joe Parker\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\"},\"headline\":\"\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n?\",\"datePublished\":\"2017-07-12T11:00:50+00:00\",\"dateModified\":\"2026-08-10T10:04:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/\"},\"wordCount\":1435,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/One-page-checkout.png\",\"keywords\":[\"magento\",\"OpenCart\",\"prestashop\",\"una p\u00e1gina de pago\"],\"articleSection\":[\"Magento\",\"Prestashop\"],\"inLanguage\":\"es-ES\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/\",\"name\":\"\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n? - Knowband Blog | Ecommerce Modules\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/One-page-checkout.png\",\"datePublished\":\"2017-07-12T11:00:50+00:00\",\"dateModified\":\"2026-08-10T10:04:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/#breadcrumb\"},\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/One-page-checkout.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/One-page-checkout.png\",\"width\":760,\"height\":300,\"caption\":\"one page checkout\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/magento-es\\\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"description\":\"Magento, Prestashop, Opencart, Shopify\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"width\":153,\"height\":61,\"caption\":\"Knowband Blog | Ecommerce Modules\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Knowband\",\"https:\\\/\\\/x.com\\\/KnowbandPlugin\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\",\"name\":\"Joe Parker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"caption\":\"Joe Parker\"},\"description\":\"We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/author\\\/joe\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n? - Knowband Blog | Ecommerce Modules","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n? - Knowband Blog | Ecommerce Modules","og_description":"Un pago y env\u00edo p\u00e1gina ha sido en el debate desde hace mucho tiempo.\u00a0Hay docenas de art\u00edculos sobre los temas como \u201cSi usted elige una extracci\u00f3n de una p\u00e1gina?\u201d \u201cPros y contras de una p\u00e1gina de pago\u201d, y as\u00ed uno.\u00a0La mayor\u00eda de estos art\u00edculos resuelven de manera eficaz los inconvenientes, pero parece que hemos estado [&hellip;]","og_url":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/","og_site_name":"Knowband Blog | Ecommerce Modules","article_publisher":"https:\/\/www.facebook.com\/Knowband","article_published_time":"2017-07-12T11:00:50+00:00","article_modified_time":"2026-08-10T10:04:16+00:00","og_image":[{"width":760,"height":300,"url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/One-page-checkout.png","type":"image\/png"}],"author":"Joe Parker","twitter_card":"summary_large_image","twitter_creator":"@KnowbandPlugin","twitter_site":"@KnowbandPlugin","twitter_misc":{"Written by":"Joe Parker","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/"},"author":{"name":"Joe Parker","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8"},"headline":"\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n?","datePublished":"2017-07-12T11:00:50+00:00","dateModified":"2026-08-10T10:04:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/"},"wordCount":1435,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/One-page-checkout.png","keywords":["magento","OpenCart","prestashop","una p\u00e1gina de pago"],"articleSection":["Magento","Prestashop"],"inLanguage":"es-ES"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/","url":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/","name":"\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n? - Knowband Blog | Ecommerce Modules","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/One-page-checkout.png","datePublished":"2017-07-12T11:00:50+00:00","dateModified":"2026-08-10T10:04:16+00:00","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/#primaryimage","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/One-page-checkout.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/07\/One-page-checkout.png","width":760,"height":300,"caption":"one page checkout"},{"@type":"BreadcrumbList","@id":"https:\/\/www.knowband.com\/blog\/es\/magento-es\/como-eliminamos-3-inconvenientes-de-diseno-cruciales-de-una-pagina-checkout-en-nuestra-extension\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.knowband.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo eliminamos 3 inconvenientes de dise\u00f1o cruciales de una p\u00e1gina Checkout en nuestra extensi\u00f3n?"}]},{"@type":"WebSite","@id":"https:\/\/www.knowband.com\/blog\/fr\/#website","url":"https:\/\/www.knowband.com\/blog\/fr\/","name":"Knowband Blog | Ecommerce Modules","description":"Magento, Prestashop, Opencart, Shopify","publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.knowband.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-ES"},{"@type":"Organization","@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization","name":"Knowband Blog | Ecommerce Modules","url":"https:\/\/www.knowband.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","width":153,"height":61,"caption":"Knowband Blog | Ecommerce Modules"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Knowband","https:\/\/x.com\/KnowbandPlugin"]},{"@type":"Person","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8","name":"Joe Parker","image":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","url":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","caption":"Joe Parker"},"description":"We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..","url":"https:\/\/www.knowband.com\/blog\/es\/author\/joe\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts\/6888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=6888"}],"version-history":[{"count":2,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts\/6888\/revisions"}],"predecessor-version":[{"id":837426,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts\/6888\/revisions\/837426"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/media\/6884"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=6888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=6888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=6888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}