{"id":38696,"date":"2020-12-29T06:42:09","date_gmt":"2020-12-29T14:42:09","guid":{"rendered":"https:\/\/kinsta.com\/?p=85725&#038;preview=true&#038;preview_id=85725"},"modified":"2025-02-14T13:12:17","modified_gmt":"2025-02-14T12:12:17","slug":"woocommerce-checkout","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/","title":{"rendered":"La Gu\u00eda Completa de WooCommerce Checkout &#8211; Personalizaci\u00f3n de Campos, Cambios de Plantillas, Creaci\u00f3n de Checkout de Una P\u00e1gina"},"content":{"rendered":"<p>WooCommerce es un plugin flexible y potente que puedes usar para convertir tu sitio de WordPress en una din\u00e1mica tienda de comercio electr\u00f3nico. Sin embargo, si buscas reducir el <a href=\"https:\/\/kinsta.com\/es\/blog\/abandono-carrito-compras\/\">abandono del carrito de compras<\/a>, <a href=\"https:\/\/kinsta.com\/es\/blog\/tutorial-de-woocommerce\/\">impulsar las conversiones<\/a> y aumentar los ingresos, es importante que prestes mucha atenci\u00f3n a la p\u00e1gina de pago (checkout) de WooCommerce.<\/p>\n<p>Hay tantas formas diferentes de estilizar y editar la p\u00e1gina de pago en WooCommerce. Ya sea que est\u00e9s creando tu primera tienda en l\u00ednea y quieras entender c\u00f3mo funciona esta p\u00e1gina, o quieras mejorar la experiencia de pago en tu sitio WooCommerce existente, te tenemos cubierto.<\/p>\n<p>En este post, explicaremos qu\u00e9 es la p\u00e1gina de pago de WooCommerce y c\u00f3mo funciona. Luego te guiaremos a trav\u00e9s de las muchas opciones que tienes para estilizarla, cambiarla y aprovecharla para optimizar las conversiones usando plugins, c\u00f3digo, temas y mucho m\u00e1s.<\/p>\n<p>\u00a1Vamos directamente al grano!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Una Visi\u00f3n General de la P\u00e1gina de Checkout de WooCommerce<\/h2>\n<p>Cuando <a href=\"https:\/\/kinsta.com\/es\/blog\/tutorial-de-woocommerce\/\">configuraste tu tienda WooCommerce<\/a> por primera vez, el plugin crea y asigna autom\u00e1ticamente una p\u00e1gina de pago. Si la previsualizas en la parte delantera de tu sitio, notar\u00e1s que es bastante simple:<\/p>\n<figure style=\"width: 1225px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-checkout-page.png\" alt=\"La p\u00e1gina de pago predeterminada de WooCommerce.\" width=\"1225\" height=\"795\"><figcaption class=\"wp-caption-text\">La p\u00e1gina de pago predeterminada de WooCommerce.<\/figcaption><\/figure>\n<p>Por defecto, WooCommerce pide a los clientes alguna informaci\u00f3n b\u00e1sica. Esto incluye:<\/p>\n<ul>\n<li>Detalles de facturaci\u00f3n<\/li>\n<li>Nombre y apellido<\/li>\n<li>Nombre de la empresa<\/li>\n<li>Direcci\u00f3n (Ciudad, Pa\u00eds, Distrito y C\u00f3digo Postal)<\/li>\n<li>N\u00famero de tel\u00e9fono<\/li>\n<li>Direcci\u00f3n de correo electr\u00f3nico<\/li>\n<li>Notas de pedido<\/li>\n<li>Declaraci\u00f3n de la pol\u00edtica de privacidad<\/li>\n<\/ul>\n<p>Esta es una informaci\u00f3n importante para incluir en una p\u00e1gina de pago de WooCommerce. Proporciona los detalles necesarios para que un cliente complete su compra, y para que el sitio web procese su informaci\u00f3n de pago.<\/p>\n<p>Sin embargo, no hay nada aqu\u00ed que necesariamente ayude a aumentar las conversiones o reducir el abandono de la compra. Es m\u00e1s, la p\u00e1gina predeterminada puede no ofrecer la informaci\u00f3n m\u00e1s relevante o \u00fatil para tu negocio espec\u00edfico. Por lo tanto, como muchos <a href=\"https:\/\/kinsta.com\/webinars\/website-prep-black-friday-cyber-monday\/\">propietarios de sitios de WooCommerce<\/a>, puede que est\u00e9s buscando cambiar tanto el dise\u00f1o como el contenido de tu p\u00e1gina de pago.<\/p>\n<p>Antes de entrar en las diferentes formas en las que puedes personalizar la p\u00e1gina de pago en WooCommerce, hay algunas cosas que debes entender primero.<\/p>\n<p>Hablemos d\u00f3nde puedes\u00a0 encontrar esta p\u00e1gina, as\u00ed como de las diversas configuraciones y caracter\u00edsticas predeterminadas disponibles en el <a href=\"https:\/\/kinsta.com\/es\/blog\/plugins-de-woocommerce\/\">plugin WooCommerce<\/a>.<\/p>\n<h3>D\u00f3nde Puedes Encontrar la P\u00e1gina de Checkout de WooCommerce por Defecto y la Configuraci\u00f3n<\/h3>\n<p>WooCommerce crea autom\u00e1ticamente una p\u00e1gina de pago para tu tienda una vez que activas el plugin. Puedes localizarlo navegando a <strong>P\u00e1ginas <\/strong>&gt; <strong>Checkout <\/strong>en tu <a href=\"https:\/\/kinsta.com\/es\/blog\/panel-control-administracion-wordpress\/\">panel de control de administraci\u00f3n<\/a>:<\/p>\n<figure style=\"width: 956px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/pages-woocommerce-checkout.jpg\" alt=\"La p\u00e1gina de Checkout en WooCommerce.\" width=\"956\" height=\"455\"><figcaption class=\"wp-caption-text\">La p\u00e1gina de Checkout en WooCommerce.<\/figcaption><\/figure>\n<p>Puedes editar esta p\u00e1gina como lo har\u00edas con cualquier contenido de WordPress. Por ejemplo, puedes cambiar el t\u00edtulo y el enlace permanente de la p\u00e1gina, a\u00f1adir una imagen destacada, modificar los atributos de la p\u00e1gina, etc. Tambi\u00e9n puedes usar el <a href=\"https:\/\/docs.woocommerce.com\/document\/woocommerce-shortcodes\/\">atajo [woocommerce_checkout]<\/a>:<\/p>\n<figure style=\"width: 1489px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-checkout-shortcode.png\" alt=\"El atajo de la p\u00e1gina de pago de WooCommerce en WordPress.\" width=\"1489\" height=\"587\"><figcaption class=\"wp-caption-text\">El atajo de la p\u00e1gina de pago de WooCommerce en WordPress.<\/figcaption><\/figure>\n<p>Hay un pu\u00f1ado de opciones est\u00e1ndar para configurar esta p\u00e1gina, algunas de las cuales puedes encontrar en <strong>WooCommerce <\/strong>&gt; <strong>Ajustes <\/strong>&gt;<strong> Avanzado:<\/strong><\/p>\n<figure style=\"width: 1086px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-settings-advanced.png\" alt=\"La pesta\u00f1a 'Avanzado' en la configuraci\u00f3n de WooCommerce\" width=\"1086\" height=\"578\"><figcaption class=\"wp-caption-text\">La pesta\u00f1a &#8216;Avanzado&#8217; en la configuraci\u00f3n de WooCommerce<\/figcaption><\/figure>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">En esta pantalla, en la secci\u00f3n <strong>Instalaci\u00f3n de p\u00e1ginas<\/strong><\/span><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">, puedes seleccionar una p\u00e1gina diferente<\/span><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\"> para usarla como pantalla de pago de tu tienda. Tambi\u00e9n tienes la opci\u00f3n de forzar <\/span><a style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\" href=\"https:\/\/kinsta.com\/es\/blog\/http-a-https\/\">una conexi\u00f3n HTTPS segura<\/a><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">.<\/span><\/p>\n<p>En la p\u00e1gina de configuraci\u00f3n <strong>general<\/strong>, puedes habilitar los cupones que se utilizar\u00e1n en la caja y configurar c\u00f3mo se calcular\u00e1n los impuestos:<\/p>\n<figure style=\"width: 910px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-coupons-taxes.png\" alt=\"La p\u00e1gina de configuraci\u00f3n general en WooCommerce.\" width=\"910\" height=\"428\"><figcaption class=\"wp-caption-text\">La p\u00e1gina de configuraci\u00f3n general en WooCommerce.<\/figcaption><\/figure>\n<p>En la pesta\u00f1a <strong>Cuentas y Privacidad<\/strong>, tambi\u00e9n puedes encontrar algunas opciones para la creaci\u00f3n de cuentas y pagos de invitados:<\/p>\n<figure style=\"width: 1242px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-accounts-privacy.png\" alt=\"La pesta\u00f1a \"Cuentas y Privacidad\" de la configuraci\u00f3n de WooCommerce\" width=\"1242\" height=\"407\"><figcaption class=\"wp-caption-text\">La pesta\u00f1a \u00abCuentas y Privacidad\u00bb de la configuraci\u00f3n de WooCommerce<\/figcaption><\/figure>\n<p>Debajo de eso, hay una secci\u00f3n de <strong>Pol\u00edtica de privacidad <\/strong>donde puedes modificar el texto de la pol\u00edtica de privacidad que aparece en la p\u00e1gina de pago:<\/p>\n<figure style=\"width: 1049px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-privacy-policy.png\" alt=\"Configuraci\u00f3n de la pol\u00edtica de privacidad en WooCommerce\" width=\"1049\" height=\"290\"><figcaption class=\"wp-caption-text\">Configuraci\u00f3n de la pol\u00edtica de privacidad en WooCommerce<\/figcaption><\/figure>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">M\u00e1s all\u00e1 de estos ajustes incorporados, tienes opciones limitadas para personalizar tu p\u00e1gina de pago usando solamente el plugin WooCommerce.<\/span><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\"> Afortunadamente, hay otros m\u00e9todos que puedes usar para mejorar su apariencia y extender su funcionalidad.<\/span><\/p>\n<h2>Por Qu\u00e9 Podr\u00edas Querer Cambiar Tu P\u00e1gina de Checkout de WooCommerce<\/h2>\n<p>La p\u00e1gina de pago es lo \u00faltimo que los clientes ven antes de completar sus compras. Puede marcar la diferencia entre si terminan convirti\u00e9ndose o abandonando tu sitio por completo.<\/p>\n<p>Por lo tanto, es esencial asegurarse de que la p\u00e1gina de pago de WooCommerce est\u00e9 bien dise\u00f1ada y funcione de manera que fomente las conversiones. Hay muchas maneras en las que puedes proporcionar una mejor experiencia, como por ejemplo:<\/p>\n<ul>\n<li>Cambiar el dise\u00f1o y la plantilla de la p\u00e1gina<\/li>\n<li>Creando una p\u00e1gina de pago de una p\u00e1gina<\/li>\n<li>A\u00f1adir, quitar o reorganizar los campos<\/li>\n<li>Cambiar las etiquetas de los campos de entrada y el texto de los botones<\/li>\n<li>Requiriendo que se rellenen ciertos campos<\/li>\n<li>Activando autom\u00e1ticamente el env\u00edo gratuito<\/li>\n<li>Vincular directamente los productos a la p\u00e1gina de compra<\/li>\n<\/ul>\n<p>Ya sea que quieras revisar completamente la p\u00e1gina predeterminada o hacer peque\u00f1as modificaciones, lo importante es que puedas hacerlo con facilidad. Afortunadamente, tienes m\u00faltiples opciones.<\/p>\n\n<h2>M\u00e9todos que Puedes Utilizar para Cambiar Tu P\u00e1gina de Checkout de WooCommerce<\/h2>\n<p>Existen muchas maneras de cambiar la p\u00e1gina de pago de WooCommerce. La mejor depende de un pu\u00f1ado de factores, como el cambio espec\u00edfico que est\u00e1s tratando de hacer y tu nivel de comodidad con la codificaci\u00f3n.<\/p>\n<p>Algunos de los m\u00e9todos que puedes usar para mejorar tu p\u00e1gina de pago de WooCommerce incluyen:<\/p>\n<ul>\n<li><strong>Caracter\u00edsticas, bloqueos y atajos de WooCommerce<\/strong>. WooCommerce viene con algunas caracter\u00edsticas y ajustes incorporados que puedes usar para mejorar tu tienda. Por ejemplo, puedes activar autom\u00e1ticamente el env\u00edo gratuito, as\u00ed como vincular directamente los productos a la p\u00e1gina de compra. Tambi\u00e9n hay bloques y <a href=\"https:\/\/kinsta.com\/es\/blog\/codigos-cortos-wordpress\/\">atajos<\/a> para modificar la p\u00e1gina.<\/li>\n<li><strong>Plugins y extensiones<\/strong>. Si no eres un experto en tecnolog\u00eda o simplemente quieres una manera r\u00e1pida y sin complicaciones de mejorar tu p\u00e1gina de pago de WooCommerce, <a href=\"https:\/\/kinsta.com\/es\/blog\/plugins-de-woocommerce\/\">hay un mont\u00f3n de plugins que puedes usar<\/a>. La mayor\u00eda son f\u00e1ciles de usar y requieren poco soporte. Algunos complementos son proporcionados por WooCommerce y est\u00e1n disponibles en la <a href=\"https:\/\/kinsta.com\/es\/blog\/extensiones-woocommerce\/\">biblioteca de extensiones<\/a>, mientras que otros son desarrollados y ofrecidos por plataformas de terceros.<\/li>\n<li><strong>Plantillas de p\u00e1ginas y temas. <\/strong>Si quieres cambiar el estilo de tu p\u00e1gina de pago, puedes usar una <a href=\"https:\/\/kinsta.com\/es\/blog\/temas-de-woocommerce\/\">plantilla o un tema pre construido<\/a>. Al igual que con los plugins, esta es una opci\u00f3n s\u00f3lida si tienes una experiencia de codificaci\u00f3n limitada y quieres hacer cambios en la apariencia general de la p\u00e1gina, para que coincida mejor con tu marca. La desventaja es que no ofrece tanta flexibilidad como lo har\u00eda la codificaci\u00f3n personalizada.<\/li>\n<li><strong>C\u00f3digo personalizado<\/strong>. Otro m\u00e9todo que puedes aprovechar para cambiar la p\u00e1gina de pago de WooCommerce es la codificaci\u00f3n personalizada. Esta es una ruta poderosa si te sientes c\u00f3modo editando los archivos de tu sitio y quieres a\u00f1adir mucha personalizaci\u00f3n.<\/li>\n<\/ul>\n<p>En las siguientes secciones, veremos algunos de los cambios m\u00e1s efectivos que puedes hacer en tu p\u00e1gina de WooCommerce. Para cada uno de ellos, explicaremos por qu\u00e9 podr\u00edas querer hacer la edici\u00f3n, y te guiaremos a trav\u00e9s de los diferentes m\u00e9todos que puedes usar para hacerlo.<\/p>\n<h2>C\u00f3mo Personalizar los Campos de Checkout de WooCommerce<\/h2>\n<p>Uno de los cambios m\u00e1s comunes que puedes hacer en una p\u00e1gina de WooCommerce es modificar sus campos de formulario. Estos t\u00edpicamente ocupan la mayor parte del espacio en la p\u00e1gina, por lo que deben ser relevantes. Ya sea que quieras eliminar campos, reorganizar su orden o agregar nuevos campos personalizados, tienes un par de opciones para hacerlo. Puedes usar un plugin o editar el c\u00f3digo directamente.<\/p>\n<h3>Usar un Plugin para Cambiar los Campos de Checkout de WooCommerce<\/h3>\n<p>Si quieres una forma r\u00e1pida y sencilla de personalizar los campos de pago en WooCommerce, te recomendamos que utilices un plugin. Existen un pu\u00f1ado de opciones para elegir.<\/p>\n<p>Uno de los m\u00e1s populares es el <a href=\"https:\/\/wordpress.org\/plugins\/woo-checkout-field-editor-pro\/\">plugin de Checkout Field Editor<\/a>:<\/p>\n<figure style=\"width: 928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/checkout-field-editor.png\" alt=\"El editor de campo de pago WooCommerce plugin\" width=\"928\" height=\"299\"><figcaption class=\"wp-caption-text\">El plugin de WooCommerce Checkout Field Editor<\/figcaption><\/figure>\n<p>Esta es una herramienta gratuita que te permite a\u00f1adir o editar los campos de formulario en tu p\u00e1gina de pago de WooCommerce. Puedes habilitar o deshabilitar ciertos campos, as\u00ed como reorganizar su orden.<\/p>\n<p>Aunque la versi\u00f3n gratuita te permite manejar estas tareas b\u00e1sicas, <a href=\"https:\/\/www.themehigh.com\/product\/woocommerce-checkout-field-editor-pro\/\">WooCommerce Checkout Field Editor Pro<\/a> viene con una funcionalidad adicional. Esto incluye 17 tipos de campo y ganchos personalizados.<\/p>\n<p>Para usar este plugin, puedes instalarlo en tu sitio WooCommerce navegando a <strong>Plugins <\/strong>&gt; <strong>A\u00f1adir Nuevo\u00a0<\/strong>y luego buscarlo. Una vez que lo encuentres, haz clic en el bot\u00f3n <strong>Instalar ahora<\/strong>, seguido de <strong>Activar<\/strong>.<\/p>\n<p>Cuando est\u00e1 activado, puedes configurar los ajustes yendo a <strong>WooCommerce &gt; Formulario de pago<\/strong>:<\/p>\n<figure style=\"width: 1022px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/checkout-form-editor.png\" alt=\"El plugin del editor de formularios de compra en WooCommerce\" width=\"1022\" height=\"505\"><figcaption class=\"wp-caption-text\">El plugin del editor de formularios de pago en WooCommerce<\/figcaption><\/figure>\n<p>Hay tres tipos diferentes de campos que puedes editar:<\/p>\n<ol>\n<li>Billing (Facturaci\u00f3n)<\/li>\n<li>Shipping (Env\u00edo)<\/li>\n<li>Additional (Adicional)<\/li>\n<\/ol>\n<p>Puedes seleccionar el campo que quieras cambiar y luego hacer clic en el bot\u00f3n <strong>Eliminar<\/strong>, <strong>Activar <\/strong>o <strong>Desactivar<\/strong>. Para a\u00f1adir un nuevo campo, selecciona <strong>A\u00f1adir un campo<\/strong>.<\/p>\n<p>Si desea cambiar un campo de formulario existente, selecciona el cuadro de la izquierda y haz clic en el bot\u00f3n <strong>Editar<\/strong>. Se abrir\u00e1 un panel en el que podr\u00e1s cambiar el tipo de campo (solo en la versi\u00f3n premium), editar la etiqueta del campo, elegir si es necesario y mucho m\u00e1s:<\/p>\n<figure style=\"width: 991px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/edit-checkout-field.png\" alt=\"El panel de edici\u00f3n del campo de pago en el plugin de edici\u00f3n de campo de pago WooCommerce\" width=\"991\" height=\"544\"><figcaption class=\"wp-caption-text\">El panel de edici\u00f3n del campo en el plugin de WooCommerce Checkout Field Editor<\/figcaption><\/figure>\n<p>Cuando termines, haz clic en el bot\u00f3n <strong>Guardar<\/strong>. Una vez que hayas terminado de hacer todos los cambios que desees en los campos de la p\u00e1gina de pago, aseg\u00farate de pulsar el bot\u00f3n <strong>Guardar cambios <\/strong>en la parte inferior de la pantalla.<\/p>\n<p>Para una orientaci\u00f3n m\u00e1s detallada, puedes consultar la documentaci\u00f3n de WooCommerce sobre el <a href=\"https:\/\/docs.woocommerce.com\/document\/checkout-field-editor\/\">uso del plugin Checkout Field Editor<\/a>.<\/p>\n<p>Por supuesto, este es solo uno de los muchos plugins que puedes usar para cambiar los campos de pago de WooCommerce. Otras opciones adicionales que vale la pena considerar son <a href=\"https:\/\/es.wordpress.org\/plugins\/flexible-checkout-fields\/\">Flexible Checkout Fields<\/a> y <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-checkout-manager\/\">WooCommerce Checkout Manager<\/a>, de las que hablaremos m\u00e1s adelante en este post.<\/p>\n<h3>Edici\u00f3n de los Campos de Checkout Usando C\u00f3digo<\/h3>\n<p>Otra opci\u00f3n para editar los campos de la p\u00e1gina de pago de WooCommerce es utilizar una codificaci\u00f3n personalizada. Por supuesto, esto requiere un cierto nivel de conocimiento t\u00e9cnico y comodidad al trabajar con los archivos de tu sitio. La ventaja es que tienes m\u00e1s flexibilidad en t\u00e9rminos de personalizaci\u00f3n que con un plugin de terceros.<\/p>\n<p>Puedes editar los campos de pago usando el archivo <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/theme-functions\/\"><em>functions.php <\/em>de tu sitio<\/a> y filtros como:<\/p>\n<ul>\n<li><em>woocommerce_checkout_fields<\/em><\/li>\n<li><em>woocommerce_billing_fields<\/em><\/li>\n<li><em>Woocommerce_shipping_fields<\/em><\/li>\n<\/ul>\n<p>Las <a href=\"https:\/\/docs.woocommerce.com\/document\/tutorial-customising-checkout-fields-using-actions-and-filters\/\">acciones y filtros de WooCommerce<\/a> te permiten manipular los campos de pago casi como quieras. Por ejemplo, puedes eliminarlos por completo, a\u00f1adir nuevos, o cambiar el texto mostrado. Usar el filtro <em>woocommerce_checkout_fields <\/em>te permitir\u00e1 anular cualquier campo.<\/p>\n<p>Digamos que quieres cambiar el texto del marcador de posici\u00f3n para el campo <em>order_comments<\/em>. De forma predeterminada, se establece de la siguiente manera:<\/p>\n<pre><code class=\"language-php\">_x('Notes about your order, e.g. special notes for delivery.', 'placeholder', 'woocommerce')<\/code><\/pre>\n<p>Para cambiarlo, puedes a\u00f1adir este fragmento de c\u00f3digo a tu archivo <em>functions.php:<\/em><\/p>\n<pre><code class=\"language-php\">\/\/ Hook in\n\nadd_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );\n\n\/\/ Our hooked in function - $fields is passed via the filter!\n\nfunction custom_override_checkout_fields( $fields ) {\n\n$fields['order']['order_comments']['placeholder'] = 'My new placeholder';\n\nreturn $fields;\n\n}<\/code><\/pre>\n<p>Para eliminar un campo, puedes utilizar el siguiente:<\/p>\n<pre><code class=\"language-php\">\/\/ Hook in\nadd_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );\n\n\/\/ Our hooked in function - $fields is passed via the filter!\nfunction custom_override_checkout_fields( $fields ) {\n\nunset($fields['order']['order_comments']);\n\nreturn $fields;<\/code><\/pre>\n<p>Hay muchos cambios que puedes hacer en los campos de tu p\u00e1gina de pago, as\u00ed que no los exploraremos todos aqu\u00ed. Puedes encontrar una lista \u00fatil de <a href=\"https:\/\/gist.github.com\/woogists\/7241afdfa6f21d561ce85f7247a0f282#file-wc-override-checkout-fields-php\">c\u00f3digos de campo de pago en GitHub<\/a>.<\/p>\n<h2>C\u00f3mo Cambiar la plantilla de la P\u00e1gina de Checkout de WooCommerce<\/h2>\n<p>De forma predeterminada, la plantilla de la p\u00e1gina de pago de WooCommerce se basar\u00e1 en el tema de tu sitio. Pero tal vez quieras cambiar el dise\u00f1o para que se ajuste mejor a tu marca o tal vez solo quieras hacer peque\u00f1os cambios en el contenido de la p\u00e1gina de la plantilla.<\/p>\n<p>Los dos m\u00e9todos principales que puedes usar para cambiar esto son usar una plantilla pre-construida o a\u00f1adir c\u00f3digo. Empecemos con el primero.<\/p>\n<h3>Empezando Con una Plantilla Pre-construida para Personalizar Tu P\u00e1gina de Checkout<\/h3>\n<p>La manera m\u00e1s f\u00e1cil de cambiar el dise\u00f1o de tu p\u00e1gina de pago de WooCommerce es <a href=\"https:\/\/kinsta.com\/es\/blog\/tema-mas-rapido-de-woocommerce\/\">instalando un tema pre-construido<\/a>, como los de la <a href=\"https:\/\/woocommerce.com\/product-category\/themes?\">tienda de temas de WooCommerce<\/a>. Hay una variedad de opciones gratuitas disponibles, as\u00ed como temas premium.<\/p>\n<p>Puedes buscar temas de pago de una p\u00e1gina, por ejemplo, o cualquier otro tipo de plantillas espec\u00edficas que te interese utilizar. Tambi\u00e9n puedes encontrar muchos temas de WooCommerce en <a href=\"https:\/\/themeforest.net\/search\/woocommerce%20one%20page%20checkout\">Envato Market<\/a>.<\/p>\n<h3>Usar el C\u00f3digo para Personalizar la Plantilla de la P\u00e1gina de Checkout de WooCommerce<\/h3>\n<p>Si <a href=\"https:\/\/kinsta.com\/es\/blog\/editar-codigo-wordpress\/\">te sientes c\u00f3modo editando c\u00f3digos<\/a>, tambi\u00e9n puedes cambiar manualmente la plantilla de la p\u00e1gina de pago. Dependiendo de tu proveedor de alojamiento, puedes hacerlo a trav\u00e9s del Administrador de archivos en <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-cpanel\/\">cPanel<\/a> o <a href=\"https:\/\/kinsta.com\/es\/blog\/como-usar-sftp\/\">un cliente de Protocolo de transferencia segura de archivos (SFTP)<\/a>.<\/p>\n<p>Puedes usar <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-hooks\/\">ganchos<\/a> de acci\u00f3n para a\u00f1adir, editar o eliminar elementos de la p\u00e1gina de pago. Hay nueve ganchos de acci\u00f3n principales que WooCommerce utiliza para la p\u00e1gina de pago:<\/p>\n<ul>\n<li><em>woocommerce_before_checkout_form<\/em><\/li>\n<li><em>woocommerce_checkout_before_customer_details<\/em><\/li>\n<li><em>woocommerce_checkout_billing<\/em><\/li>\n<li><em>woocommerce_checkout_shipping<\/em><\/li>\n<li><em>woocommerce_checkout_after_customer_details<\/em><\/li>\n<li><em>woocommerce_checkout_before_order_review<\/em><\/li>\n<li><em>woocommerce_checkout_order_review<\/em><\/li>\n<li><em>woocommerce_checkout_after_order_review<\/em><\/li>\n<li><em>Woocommerce_after_checkout_form<\/em><\/li>\n<\/ul>\n<p>Estos ganchos de acci\u00f3n a\u00f1aden un marcado a la p\u00e1gina, que puedes usar para personalizar tanto su estilo como su funcionalidad. Si deseas utilizar estos ganchos de acci\u00f3n para modificar la plantilla de la p\u00e1gina de pago, puedes hacerlo editando el archivo PHP del formulario de pago.<\/p>\n<p>Puedes localizar los archivos de <a href=\"https:\/\/docs.woocommerce.com\/document\/template-structure\/\">plantillas de WooCommerce<\/a> en <strong><em>\/woocommerce\/templates<\/em><\/strong>. Desde el directorio ra\u00edz de tu sitio, necesitar\u00e1s navegar a <strong><em>wp-content\/plugins\/woocommerce<\/em><\/strong>:<\/p>\n<figure style=\"width: 1051px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-templates-folder.jpg\" alt=\"La carpeta de plantillas de WooCommerce\" width=\"1051\" height=\"386\"><figcaption class=\"wp-caption-text\">La carpeta de plantillas de WooCommerce<\/figcaption><\/figure>\n<p>Dentro de estos archivos, hay ganchos que puedes usar para a\u00f1adir y reorganizar el contenido de la p\u00e1gina de plantilla, sin necesidad de editar los archivos de plantilla. Para crear una plantilla de tema personalizada para la p\u00e1gina de pago, primero deber\u00e1s crear una carpeta \u00abwoocommerce\/checkout\u00bb dentro de la carpeta del tema.<\/p>\n<p>A continuaci\u00f3n, copia la plantilla de la p\u00e1gina de pago de WooCommerce, que puedes encontrar en <strong><em>woocommerce\/templates\/checkout\/form-checkout.php<\/em><\/strong>:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-checkout-form.jpg\" alt=\"El archivo de la plantilla de la p\u00e1gina de pago de WooCommerce\" width=\"1000\" height=\"418\"><figcaption class=\"wp-caption-text\">El archivo de la plantilla de la p\u00e1gina de pago de WooCommerce<\/figcaption><\/figure>\n<p>Luego, agr\u00e9galo a la nueva carpeta que acabas de crear. Despu\u00e9s de eso, puedes editar el archivo para hacer los cambios que desees. Cuando guardes el archivo, el plugin WooCommerce cargar\u00e1 esta plantilla y anular\u00e1 la plantilla de p\u00e1gina predeterminada.<\/p>\n<h2>C\u00f3mo Crear un Checkout de Una P\u00e1gina de WooCommerce<\/h2>\n<p>Una de las formas de mejorar la experiencia de compra de tus clientes, y en el proceso reducir las tasas de abandono, es hacerlo lo m\u00e1s r\u00e1pido y simple posible. Si quieres acortar el proceso de compra, puedes hacerlo creando una p\u00e1gina de pago de una p\u00e1gina en WooCommerce.<\/p>\n<p>Existen m\u00faltiples maneras de hacer esto. Como mencionamos anteriormente, puedes buscar un tema o plantilla de una p\u00e1gina que proporcione una \u00fanica p\u00e1gina de pago. Sin embargo, si te gusta el tema actual, es posible que no quieras cambiarlo.<\/p>\n<p>Si ese es el caso, no te preocupes. Hay otras opciones, como la <a href=\"https:\/\/woocommerce.com\/products\/woocommerce-one-page-checkout\/?_ga=2.83100246.1525586471.1605130294-53477992.1601660722\">extensi\u00f3n Premium de WooCommerce One Page Checkout<\/a>:<\/p>\n<figure style=\"width: 1060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-one-page-checkout-extension.png\" alt=\"La extensi\u00f3n de WooCommerce One Page Checkout\" width=\"1060\" height=\"484\"><figcaption class=\"wp-caption-text\">La extensi\u00f3n de WooCommerce One Page Checkout<\/figcaption><\/figure>\n<p>Desde que esta soluci\u00f3n fue desarrollada por WooCommerce, sabes que es segura, confiable y ofrece mucho soporte. Adem\u00e1s de permitirte transformar cualquier p\u00e1gina en una p\u00e1gina de checkout, viene con una gran cantidad de caracter\u00edsticas para optimizar el proceso de pago de una p\u00e1gina.<\/p>\n<p>T\u00fa puedes:<\/p>\n<ul>\n<li>Mostrar tanto la selecci\u00f3n de productos como los formularios de compra en una p\u00e1gina.<\/li>\n<li>Permitir a los clientes a\u00f1adir o quitar art\u00edculos de sus carritos.<\/li>\n<li>Deja que los clientes completen los pagos sin salir de la p\u00e1gina.<\/li>\n<li>A\u00f1ade campos personalizados a las p\u00e1ginas.<\/li>\n<\/ul>\n<p>Despu\u00e9s de comprar la extensi\u00f3n a trav\u00e9s de tu cuenta de WooCommerce, puedes descargar el plugin, y luego instalarlo y activarlo en tu sitio de WooCommerce.<\/p>\n<p>Para usarlo, navega a <strong>P\u00e1ginas <\/strong>&gt; <strong>A\u00f1adir Nuevo<\/strong><strong>\u00a0<\/strong>y selecciona el icono de <strong>One Page Checkout<\/strong> en la barra de herramientas del editor:<\/p>\n<figure style=\"width: 906px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/one-page-checkout-icon.png\" alt=\"El icono de la extensi\u00f3n de One Page Checkout en el editor de WordPress\" width=\"906\" height=\"256\"><figcaption class=\"wp-caption-text\">El icono de la extensi\u00f3n de One Page Checkout en el editor de WordPress<\/figcaption><\/figure>\n<p>En el panel que se abre, puedes hacer clic dentro del campo <strong>Productos<\/strong>, y comenzar a escribir el nombre del producto o productos que deseas a\u00f1adir.<\/p>\n<p>A continuaci\u00f3n, elige la plantilla que deseas utilizar (Lista de productos, Tabla de productos, Tabla de precios o Producto individual) y haz clic en <strong>Crear c\u00f3digo corto<\/strong>.<\/p>\n<p>Tambi\u00e9n puedes insertar manualmente el c\u00f3digo abreviado de una p\u00e1gina en cualquier publicaci\u00f3n o p\u00e1gina. Para aprender m\u00e1s acerca de este plugin y c\u00f3mo usarlo, puedes consultar la <a href=\"https:\/\/docs.woocommerce.com\/document\/woocommerce-one-page-checkout\/\">documentaci\u00f3n de WooCommerce One Page Checkout<\/a>.<\/p>\n<h2>C\u00f3mo Activar el Env\u00edo Gratuito Durante el Proceso de Checkout de WooCommerce<\/h2>\n<p>Como <a href=\"https:\/\/kinsta.com\/es\/blog\/plataformas-comercio-electronico\/\">propietario de un negocio de comercio electr\u00f3nico<\/a>, existen muchas estrategias diferentes que puedes aprovechar para animar a tus clientes a gastar m\u00e1s. Una de ellas es ofrecer el env\u00edo gratuito.<\/p>\n<p>Por supuesto, puede que no quieras ofrecer env\u00edo gratis en cada pedido. Sin embargo, a\u00f1adirlo como un incentivo en los totales de los pedidos que alcancen una cierta cantidad puede ayudarte a animar a los compradores a gastar m\u00e1s de lo que har\u00edan de otra manera.<\/p>\n<p>Por lo tanto, es posible que desees configurar la p\u00e1gina de pago de WooCommerce para que active autom\u00e1ticamente el env\u00edo gratuito en los pedidos que superen un cierto n\u00famero, como por ejemplo 100 d\u00f3lares.<\/p>\n<p>Lo primero que tendr\u00e1 que hacer es ofrecer el m\u00e9todo de env\u00edo gratuito a la(s) zona(s) de env\u00edo pertinente(s).<\/p>\n<p>Para ello, navega a <strong>WooCommerce &gt; Ajustes &gt; Env\u00edo<\/strong>:<\/p>\n<figure style=\"width: 1185px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-shipping-zones.png\" alt=\"La configuraci\u00f3n de env\u00edo de WooCommerce\" width=\"1185\" height=\"501\"><figcaption class=\"wp-caption-text\">La configuraci\u00f3n de env\u00edo de WooCommerce<\/figcaption><\/figure>\n<p>Pasa el cursor sobre la zona de env\u00edo que desea modificar y luego haz clic en el enlace <strong>Editar<\/strong>. Si a\u00fan no has a\u00f1adido ninguna zona, selecciona primero el <strong>bot\u00f3n A\u00f1adir zona de env\u00edo <\/strong>y sigue las indicaciones antes de continuar.<\/p>\n<p>A continuaci\u00f3n, haz clic en <strong>A\u00f1adir <\/strong><strong>m\u00e9todo de env\u00edo<\/strong>. En el modal que se abre, selecciona <strong>Env\u00edo gratuito <\/strong>en el men\u00fa desplegable, seguido de <strong>A\u00f1adir <\/strong><strong>m\u00e9todo de env\u00edo <\/strong>nuevamente:<\/p>\n<figure style=\"width: 913px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/add-free-shipping.png\" alt=\"A\u00f1adir un m\u00e9todo de env\u00edo gratuito en WooCommerce\" width=\"913\" height=\"375\"><figcaption class=\"wp-caption-text\">A\u00f1adir un m\u00e9todo de env\u00edo gratuito en WooCommerce<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, en la lista de <strong>m\u00e9todos de env\u00edo <\/strong>de la p\u00e1gina de configuraci\u00f3n, pasa el cursor sobre <strong>Env\u00edo gratuito <\/strong>y haz clic en el enlace <strong>Editar<\/strong>.<\/p>\n<p>Se abrir\u00e1 un panel de<strong> Ajustes de env\u00edo gratuito<\/strong>. En el men\u00fa desplegable <strong>El env\u00edo gratuito requiere&#8230;.<\/strong>, selecciona <strong>Una cantidad m\u00ednima de pedido<\/strong>:<\/p>\n<figure style=\"width: 1282px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/free-shipping-settings.png\" alt=\"Configuraci\u00f3n de env\u00edo gratuita en WooCommerce\" width=\"1282\" height=\"405\"><figcaption class=\"wp-caption-text\">Configuraci\u00f3n de env\u00edo gratuita en WooCommerce<\/figcaption><\/figure>\n<p>Entonces puedes definir la cantidad m\u00ednima de pedido. Cuando hayas terminado, haz clic en el bot\u00f3n <strong>Guardar los cambios<\/strong>.<\/p>\n<h2>C\u00f3mo Vincular Directamente los Productos a la P\u00e1gina de Checkout de WooCommerce<\/h2>\n<p>Otra forma de mejorar la experiencia de compra de tus clientes es crear enlaces directos de compra. Esto es \u00fatil para enviar a los clientes directamente a la caja desde las p\u00e1ginas de productos y ventas.<\/p>\n<h3>Crear un Enlace de Pago Directo Manualmente<\/h3>\n<p>Para crear y a\u00f1adir un enlace de pago directo en WooCommerce, puedes usar la siguiente URL: <em>exampledomain.com\/\/checkout\/?add-to-cart=ID<\/em>.<\/p>\n<p>Nota: querr\u00e1s sustituir \u00ab<em>exampledomain<\/em>\u00bb e \u00abID\u00bb por tu nombre de dominio y el ID de producto espec\u00edfico que est\u00e1s enlazando a la p\u00e1gina de pago.<\/p>\n<p>Para encontrar la identificaci\u00f3n de un producto, navega a <strong>Productos &gt; Todos los productos <\/strong>en tu panel de administraci\u00f3n. Navega hasta el producto para el que quieres crear el enlace directo y luego pasa el cursor por encima del nombre del mismo para revelar el n\u00famero de identificaci\u00f3n del producto:<\/p>\n<figure style=\"width: 901px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-product-id.jpg\" alt=\"Una identificaci\u00f3n de producto de WooCommerce\" width=\"901\" height=\"392\"><figcaption class=\"wp-caption-text\">Identificaci\u00f3n de un producto de WooCommerce<\/figcaption><\/figure>\n<p>Una vez que pegues el ID del producto en la URL mencionada, puedes colocar el enlace en cualquier lugar de tu sitio WooCommerce. Puedes repetir este proceso para cada uno de tus productos, incluso para art\u00edculos variables y agrupados.<\/p>\n<h3>Creaci\u00f3n de Un Enlace de Pago Directo Usando un Plugin<\/h3>\n<p>Tenemos en cuenta de que la estrategia anterior puede no ser el m\u00e9todo m\u00e1s eficiente para todos los usuarios. Dependiendo de la cantidad de productos que tengas en tu tienda WooCommerce, puede ser muy lento.<\/p>\n<p>Afortunadamente, si buscas un m\u00e9todo m\u00e1s r\u00e1pido, tambi\u00e9n puedes usar el plugin de <a href=\"https:\/\/quadlayers.com\/portfolio\/woocommerce-direct-checkout\/\">Direct Checkout for WooCommerce<\/a>:<\/p>\n<figure style=\"width: 1295px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/direct-checkout-woocommerce.png\" alt=\"El plugin de Direct Checkout for WooCommerce\" width=\"1295\" height=\"646\"><figcaption class=\"wp-caption-text\">El plugin de Direct Checkout para WooCommerce<\/figcaption><\/figure>\n<p>Esta herramienta freemium te permite simplificar el proceso de compra de varias maneras, incluyendo la adici\u00f3n de un enlace directo desde la p\u00e1gina de un producto a la pantalla de pago. Una vez que instales y actives el plugin en tu sitio WooCommerce, navega a <strong>WooCommerce &gt; Direct Checkout<\/strong>:<\/p>\n<figure style=\"width: 1121px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/direct-checkout-settings.png\" alt=\"La configuraci\u00f3n del plugin de Direct Checkout for WooCommerce\" width=\"1121\" height=\"556\"><figcaption class=\"wp-caption-text\">La configuraci\u00f3n del plugin de Direct Checkout for WooCommerce<\/figcaption><\/figure>\n<p>En la pesta\u00f1a <strong>General<\/strong>, selecciona <strong>S\u00ed <\/strong>para la opci\u00f3n de <strong>Re<\/strong><strong>direcci\u00f3n al a\u00f1adir al carrito <\/strong>y luego elige <strong>Finalizar Compra <\/strong>en el men\u00fa desplegable <strong>A<\/strong><strong>\u00f1adido al carrito &lt;redirigir a&gt;<\/strong>. Haz clic en <strong>Guardar los cambios <\/strong>cuando hayas terminado.<\/p>\n<p>A continuaci\u00f3n, navega hasta la pesta\u00f1a de <strong>Productos<\/strong>:<\/p>\n<figure style=\"width: 1093px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/direct-checkout-redirect.jpg\" alt=\"La opci\u00f3n de redirigir al carro en Direct Checkout for WooCommerce\" width=\"1093\" height=\"462\"><figcaption class=\"wp-caption-text\">La opci\u00f3n de redirigir al carro en Direct Checkout para WooCommerce<\/figcaption><\/figure>\n<p>Habilita la opci\u00f3n <strong>Redirigir a la p\u00e1gina del carrito tras a\u00f1adir productos con \u00e9xito<\/strong>. De nuevo, haz clic en el bot\u00f3n <strong>Guardar los cambios<\/strong>. \u00a1Eso es todo!<\/p>\n<h2>C\u00f3mo Probar tu P\u00e1gina de Checkout de WooCommerce<\/h2>\n<p>En este punto, se espera que hayas implementado una variedad de formas para mejorar tu p\u00e1gina de pago de WooCommerce. Ahora, es esencial asegurarte de que el proceso de compra funciona correctamente, para reducir el abandono y confirmar que ning\u00fan error interrumpa el trayecto del cliente.<\/p>\n<p>Afortunadamente, hay una forma f\u00e1cil de enviar una orden de prueba y pago a trav\u00e9s de tu tienda WooCommerce, para asegurarte de que todo funciona como debe. Para hacer esto, primero necesitar\u00e1s instalar el <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-payments\/\">plugin de WooCommerce Payments<\/a> en tu sitio (si no lo has hecho ya):<\/p>\n<figure style=\"width: 924px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-payments-plugin.png\" alt=\"El plugin de pagos de WooCommerce\" width=\"924\" height=\"293\"><figcaption class=\"wp-caption-text\">El plugin de WooCommerce Payments<\/figcaption><\/figure>\n<p>Una vez que instale y active el plugin, podr\u00e1 activar el \u00abmodo de pruebas\u00bb. Para ello, navega a <strong>WooCommerce <\/strong>&gt; <strong>Pagos <\/strong>&gt;<strong> Ajustes<\/strong>:<\/p>\n<figure style=\"width: 1133px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-test-mode.jpg\" alt=\"El modo de prueba de los pagos de WooCommerce\" width=\"1133\" height=\"667\"><figcaption class=\"wp-caption-text\">El modo de pruebas de los pagos de WooCommerce<\/figcaption><\/figure>\n<p>Recuerda guardar los cambios.<\/p>\n<p>Una vez que el modo de pruebas est\u00e1 activado, puedes navegar por tu tienda WooCommerce y seleccionar cualquier producto. A\u00f1\u00e1delo a tu carrito de compras y luego pasa a la p\u00e1gina de pago.<\/p>\n<p>Rellene los campos del formulario de la p\u00e1gina de pago seg\u00fan sea necesario. Para la informaci\u00f3n de pago, puedes usar cualquiera de los <a href=\"https:\/\/docs.woocommerce.com\/document\/payments\/testing\/\">n\u00fameros de tarjeta de cr\u00e9dito falsos<\/a> proporcionados por WooCommerce. Tambi\u00e9n puedes usar tres d\u00edgitos cualquiera para el c\u00f3digo CVC, y seleccionar cualquier fecha futura.<\/p>\n<p>Cuando termines, haz clic en <strong>Realizar pedido<\/strong>. A continuaci\u00f3n, navega hasta la pantalla <strong>Pagos &gt; Transacciones<\/strong>:<\/p>\n<figure style=\"width: 1216px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/test-transaction-woocommerce.jpg\" alt=\"Probando las transacciones en WooCommerce\" width=\"1216\" height=\"420\"><figcaption class=\"wp-caption-text\">Probando las transacciones en WooCommerce<\/figcaption><\/figure>\n<p>Aqu\u00ed, deber\u00edas ver la carga. Si est\u00e1 ah\u00ed, sabr\u00e1s que tu p\u00e1gina de pago funciona como deber\u00eda. \u00a1Recuerda desactivar el modo de prueba cuando termines!<\/p>\n\n<h2>Los Mejores Plugins y Extensiones de WooCommerce Checkout<\/h2>\n<p>A lo largo de este post, hemos cubierto una amplia variedad de formas de cambiar la p\u00e1gina de pago de WooCommerce, incluyendo bloques, atajos y c\u00f3digo personalizado. Tambi\u00e9n hemos mencionado algunos plugins clave que pueden ayudarte a a\u00f1adir caracter\u00edsticas y funcionalidades que de otra manera no estar\u00edan disponibles.<\/p>\n<p>Sin embargo, hay algunos \u00a0add-ons, plugins y extensiones adicionales que a\u00fan no hemos mencionado, pero que te proporcionan m\u00e1s opciones de personalizaci\u00f3n para tu p\u00e1gina de pago de WooCommerce. Algunas de las mejores que vale la pena considerar incluyen:<\/p>\n<ul>\n<li><a href=\"https:\/\/woocommerce.com\/products\/cart-notices\/\">WooCommerce Cart Notices Add-On<\/a>. Este \u00a0add-on de WooCommerce te permite mostrar mensajes y notificaciones procesables a tus clientes durante el proceso de compra. Por ejemplo, puedes usarlo para notificarles de ventas y promociones relevantes.<\/li>\n<li><a href=\"https:\/\/en-ca.wordpress.org\/plugins\/woocommerce-checkout-manager\/\">WooCommerce Checkout Manager<\/a>. Hecho por el mismo equipo que desarroll\u00f3 Direct Checkout para WooCommerce, este plugin es una poderosa extensi\u00f3n que puedes usar para optimizar tu p\u00e1gina de pago. Puedes usarlo para editar, eliminar y a\u00f1adir campos personalizados, as\u00ed como para crear campos de condici\u00f3n.<\/li>\n<li><a href=\"https:\/\/woocommerce.com\/products\/woocommerce-checkout-add-ons\/\">WooCommerce Checkout Add-Ons<\/a>. Este plugin premium te permite a\u00f1adir complementos gratuitos y de pago en la fase de compra. Es una herramienta \u00fatil para aumentar las conversiones y generar ingresos.<\/li>\n<\/ul>\n<p>Dependiendo del tipo de sitio de comercio electr\u00f3nico que tengas, puede que est\u00e9s buscando m\u00e1s opciones. Si es as\u00ed, te recomendamos que visites la <a href=\"https:\/\/woocommerce.com\/products\/\">Biblioteca de Extensiones de WooCommerce<\/a>, que ofrece una gran cantidad de \u00a0add-ons para ampliar las caracter\u00edsticas y la funcionalidad del plugin de WooCommerce, incluyendo tanto soluciones gratuitas como de pago.<\/p>\n<h2>Resumen<\/h2>\n<p>Hay diferentes maneras que puedes implementar para mejorar y <a href=\"https:\/\/kinsta.com\/es\/blog\/woocommerce-apm\/#1-woocommerce-apm-example-sluggish-thirdparty-api-calls-during-checkout\">optimizar tu p\u00e1gina de pago de WooCommerce<\/a>.<\/p>\n<p>Dependiendo del cambio que quieras hacer y tu nivel de experiencia, puedes aprovechar los <a href=\"https:\/\/kinsta.com\/es\/blog\/plugins-de-woocommerce\/\">plugins<\/a> y <a href=\"https:\/\/kinsta.com\/es\/blog\/extensiones-woocommerce\/\">extensiones de WooCommerce<\/a>, las plantillas de p\u00e1ginas y los <a href=\"https:\/\/kinsta.com\/es\/blog\/tema-mas-rapido-de-woocommerce\/\">temas<\/a>, e incluso el c\u00f3digo personalizado.<\/p>\n<p>\u00bfTienes alguna pregunta sobre el uso o la edici\u00f3n de la p\u00e1gina de pago de WooCommerce? \u00a1H\u00e1znoslo saber en la secci\u00f3n de comentarios de abajo!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce es un plugin flexible y potente que puedes usar para convertir tu sitio de WordPress en una din\u00e1mica tienda de comercio electr\u00f3nico. Sin embargo, si &#8230;<\/p>\n","protected":false},"author":103,"featured_media":38700,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[661,384],"topic":[1342],"class_list":["post-38696","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-onlinestore","tag-woocommerce","topic-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La Gu\u00eda Completa de WooCommerce Checkout<\/title>\n<meta name=\"description\" content=\"Las p\u00e1ginas de checkout son cr\u00edticas para todas las tiendas online. \u00a1Aprende a personalizar y enriquecer tus p\u00e1ginas de checkout de WooCommerce con esta gu\u00eda detallada!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La Gu\u00eda Completa de WooCommerce Checkout - Personalizaci\u00f3n de Campos, Cambios de Plantillas, Creaci\u00f3n de Checkout de Una P\u00e1gina\" \/>\n<meta property=\"og:description\" content=\"Las p\u00e1ginas de checkout son cr\u00edticas para todas las tiendas online. \u00a1Aprende a personalizar y enriquecer tus p\u00e1ginas de checkout de WooCommerce con esta gu\u00eda detallada!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-29T14:42:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-14T12:12:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Las p\u00e1ginas de checkout son cr\u00edticas para todas las tiendas online. \u00a1Aprende a personalizar y enriquecer tus p\u00e1ginas de checkout de WooCommerce con esta gu\u00eda detallada!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"24 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"La Gu\u00eda Completa de WooCommerce Checkout &#8211; Personalizaci\u00f3n de Campos, Cambios de Plantillas, Creaci\u00f3n de Checkout de Una P\u00e1gina\",\"datePublished\":\"2020-12-29T14:42:09+00:00\",\"dateModified\":\"2025-02-14T12:12:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/\"},\"wordCount\":4713,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg\",\"keywords\":[\"onlinestore\",\"woocommerce\"],\"articleSection\":[\"Los mejores tutoriales de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/\",\"name\":\"La Gu\u00eda Completa de WooCommerce Checkout\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg\",\"datePublished\":\"2020-12-29T14:42:09+00:00\",\"dateModified\":\"2025-02-14T12:12:17+00:00\",\"description\":\"Las p\u00e1ginas de checkout son cr\u00edticas para todas las tiendas online. \u00a1Aprende a personalizar y enriquecer tus p\u00e1ginas de checkout de WooCommerce con esta gu\u00eda detallada!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg\",\"width\":768,\"height\":384,\"caption\":\"WooCommerce checkout\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"La Gu\u00eda Completa de WooCommerce Checkout &#8211; Personalizaci\u00f3n de Campos, Cambios de Plantillas, Creaci\u00f3n de Checkout de Una P\u00e1gina\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"La Gu\u00eda Completa de WooCommerce Checkout","description":"Las p\u00e1ginas de checkout son cr\u00edticas para todas las tiendas online. \u00a1Aprende a personalizar y enriquecer tus p\u00e1ginas de checkout de WooCommerce con esta gu\u00eda detallada!","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:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/","og_locale":"es_ES","og_type":"article","og_title":"La Gu\u00eda Completa de WooCommerce Checkout - Personalizaci\u00f3n de Campos, Cambios de Plantillas, Creaci\u00f3n de Checkout de Una P\u00e1gina","og_description":"Las p\u00e1ginas de checkout son cr\u00edticas para todas las tiendas online. \u00a1Aprende a personalizar y enriquecer tus p\u00e1ginas de checkout de WooCommerce con esta gu\u00eda detallada!","og_url":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2020-12-29T14:42:09+00:00","article_modified_time":"2025-02-14T12:12:17+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Las p\u00e1ginas de checkout son cr\u00edticas para todas las tiendas online. \u00a1Aprende a personalizar y enriquecer tus p\u00e1ginas de checkout de WooCommerce con esta gu\u00eda detallada!","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg","twitter_creator":"@matteoduo","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Matteo Du\u00f2","Tiempo de lectura":"24 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"La Gu\u00eda Completa de WooCommerce Checkout &#8211; Personalizaci\u00f3n de Campos, Cambios de Plantillas, Creaci\u00f3n de Checkout de Una P\u00e1gina","datePublished":"2020-12-29T14:42:09+00:00","dateModified":"2025-02-14T12:12:17+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/"},"wordCount":4713,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg","keywords":["onlinestore","woocommerce"],"articleSection":["Los mejores tutoriales de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/","url":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/","name":"La Gu\u00eda Completa de WooCommerce Checkout","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg","datePublished":"2020-12-29T14:42:09+00:00","dateModified":"2025-02-14T12:12:17+00:00","description":"Las p\u00e1ginas de checkout son cr\u00edticas para todas las tiendas online. \u00a1Aprende a personalizar y enriquecer tus p\u00e1ginas de checkout de WooCommerce con esta gu\u00eda detallada!","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/12\/woocommerce-checkout.jpg","width":768,"height":384,"caption":"WooCommerce checkout"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/woocommerce-checkout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/kinsta.com\/es\/secciones\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"La Gu\u00eda Completa de WooCommerce Checkout &#8211; Personalizaci\u00f3n de Campos, Cambios de Plantillas, Creaci\u00f3n de Checkout de Una P\u00e1gina"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/38696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=38696"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/38696\/revisions"}],"predecessor-version":[{"id":55747,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/38696\/revisions\/55747"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/38696\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/38696\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/38696\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/38696\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/38696\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/38696\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/38696\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/38696\/translations\/se"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/38696\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/38700"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=38696"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=38696"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=38696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}