{"id":365733,"date":"2022-10-16T17:59:00","date_gmt":"2022-10-16T14:59:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365733"},"modified":"2023-05-07T17:20:31","modified_gmt":"2023-05-07T14:20:31","slug":"como-establecer-un-enlace-personalizado-para-agregar-al-carrito-de-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-establecer-un-enlace-personalizado-para-agregar-al-carrito-de-woocommerce\/","title":{"rendered":"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce"},"content":{"rendered":"\n<p>Cualquier tipo de sitio web de WordPress puede convertirse f\u00e1cilmente en una excelente tienda en l\u00ednea gracias al famoso complemento WooCommerce. Una vez que <a href=\"https:\/\/themewp.inform.click\/es\/pasos-simples-para-instalar-el-complemento-woocommerce\/\" title=\"instale y active esta popular herramienta de comercio electr\u00f3nico\">instale y active esta popular herramienta de comercio electr\u00f3nico<\/a>, agregar\u00e1 todos los elementos necesarios para configurar una plataforma de comercio electr\u00f3nico y podr\u00e1 <a href=\"https:\/\/themewp.inform.click\/es\/como-iniciar-una-tienda-en-linea-en-2022-guia-detallada\/\" title=\"ejecutar una tienda en l\u00ednea completa\">ejecutar una tienda en l\u00ednea completa<\/a> con solo un par de clics. Algunas de las razones detr\u00e1s de la gran popularidad de WooCommerce son que es <strong>incre\u00edblemente f\u00e1cil de usar, te permite controlar todos los aspectos de tu tienda y es totalmente escalable<\/strong>. Su tienda puede crecer a medida que crece su negocio, administrar productos y compras es tan f\u00e1cil como puede ser, sin importar qu\u00e9 nicho cubra y qu\u00e9 tipo de producto venda.<\/p>\n<p>Si bien una combinaci\u00f3n de un <a href=\"https:\/\/themewp.inform.click\/es\/40-temas-de-wordpress-de-comercio-electronico-de-moda-2022\/\" title=\"tema de WordPress de comercio electr\u00f3nico de calidad\">tema de WordPress de comercio electr\u00f3nico de calidad<\/a> y un complemento de WooCommerce es una receta ganadora para una tienda en l\u00ednea exitosa, hay <strong>muchos detalles en los que tambi\u00e9n debe pensar al configurar su tienda<\/strong>. Cuanto mejor sea la experiencia de usuario general que proporcione, m\u00e1s clientes atraer\u00e1 y retendr\u00e1. Si sus clientes encuentran que comprarle es demasiado complicado, no importa cu\u00e1n buenos sean sus productos, abandonar\u00e1n su sitio y buscar\u00e1n una tienda m\u00e1s amigable para el cliente. En este art\u00edculo, hablaremos sobre uno de los pasos esenciales en cualquier compra: agregar productos al carrito. Encontrar\u00e1 informaci\u00f3n sobre una variedad de opciones de Agregar al carrito y c\u00f3mo configurarlas:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/dBSqb77Pvp8\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Opci\u00f3n predeterminada de agregar al carrito en WooCommerce<\/h2>\n<p>Antes de ver c\u00f3mo podemos hacer un bot\u00f3n Agregar al carrito para un producto, veamos cu\u00e1les son las opciones predeterminadas de WooCommerce. <strong>A veces, las opciones establecidas en la plantilla de WordPress difieren de las opciones predeterminadas de WooCommerce<\/strong>, pero este es un caso especial y no lo trataremos en este art\u00edculo.<\/p>\n<p><strong>La p\u00e1gina de la tienda donde se enumeran todos los productos tiene un bot\u00f3n Agregar al carrito<\/strong>, para que los clientes puedan realizar una compra en el acto. Pero no olvidemos que hay diferentes tipos de productos en WooCommerce, y no deber\u00eda sorprenderse ni preocuparse si no hay un bot\u00f3n para agregar al carrito debajo de algunos productos. Por ejemplo, si el producto es un <a href=\"https:\/\/themewp.inform.click\/es\/como-crear-un-producto-variable-de-woocommerce\/\" title=\"tipo de producto variable\">tipo de producto variable<\/a>, el bot\u00f3n a continuaci\u00f3n dir\u00e1 Seleccionar opciones porque hay varias variaciones del producto y el cliente debe elegir cu\u00e1l quiere comprar primero. En el caso de <a href=\"https:\/\/themewp.inform.click\/es\/como-crear-productos-de-afiliados-de-woocommerce\/\" title=\"tipo de producto externo\/afiliado\">tipo de producto externo\/afiliado<\/a>, el bot\u00f3n dir\u00e1 Comprar producto porque el enlace lleva a una fuente externa donde se compra el producto. Los t\u00edtulos de los botones pueden variar seg\u00fan la plantilla, pero estos dos tipos de productos que hemos mencionado son los casos m\u00e1s comunes en los que el producto no se puede comprar directamente desde la p\u00e1gina de la tienda.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf5fc6378.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf5fc6378.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Siempre hay un bot\u00f3n Agregar al carrito <strong>en la p\u00e1gina del producto y esto es obligatorio porque la p\u00e1gina del producto es donde se realiza la compra<\/strong>, por lo que no tendr\u00eda sentido tener una p\u00e1gina del producto sin este bot\u00f3n. En este caso, el tipo de producto variable tambi\u00e9n tiene un bot\u00f3n Agregar al carrito porque la opci\u00f3n para elegir la variante del producto tambi\u00e9n est\u00e1 all\u00ed y la compra solo se puede realizar despu\u00e9s de que el cliente seleccione la variaci\u00f3n. El tipo de producto externo\/afiliado tiene un bot\u00f3n que lleva a la p\u00e1gina externa donde realmente se compra el producto, no hay un bot\u00f3n de agregar al carrito porque solo somos intermediarios en la compra.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf62783fb.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf62783fb.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>El bot\u00f3n Agregar al carrito tambi\u00e9n se puede encontrar en las <strong>secciones de productos relacionados de forma predeterminada<\/strong>, ya sea que la secci\u00f3n de productos relacionados sea una parte integral del tema de WP que est\u00e1 utilizando o que usted <a href=\"https:\/\/themewp.inform.click\/es\/como-personalizar-productos-relacionados-con-woocommerce\/\" title=\"mismo haya agregado productos relacionados\">mismo haya agregado productos relacionados<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf647ac24.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf647ac24.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Tambi\u00e9n encontrar\u00e1 el bot\u00f3n Agregar al carrito en <a href=\"https:\/\/themewp.inform.click\/es\/como-usar-el-complemento-de-tabla-de-productos-de-woocommerce\/\" title=\"las tablas de productos de WooCommerce\">las tablas de productos de WooCommerce<\/a> y varias listas de productos si forman parte del tema WP. D\u00f3nde se mostrar\u00e1 exactamente este bot\u00f3n depende tambi\u00e9n de las opciones de su tema WP y de los autores del tema. De lo que queremos hablarte es de c\u00f3mo agregar un bot\u00f3n Agregar al carrito donde quieras.<\/p>\n<h2>\u00bfQu\u00e9 es un enlace personalizado para agregar al carrito?<\/h2>\n<p>Como ya hemos mencionado, el complemento de WooCommerce brinda grandes posibilidades, y en la que nos estamos enfocando en este art\u00edculo es la posibilidad de <strong>crear un enlace Agregar al carrito que le permite al cliente comprar un producto desde cualquier lugar que especifiquemos<\/strong>. El objetivo de esto es, por supuesto, aumentar las ventas.<\/p>\n<p>Tome la siguiente secci\u00f3n como ejemplo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf668225b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf668225b.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Este es un ejemplo cl\u00e1sico de c\u00f3mo podemos <strong>mostrar un producto de una manera interesante e invitar a un cliente a comprar el producto en el acto<\/strong>. Todo lo que necesita en este caso es aprender c\u00f3mo <strong>crear una URL que se colocar\u00e1 en el bot\u00f3n Agregar al carrito y permitir\u00e1 que el cliente compre el producto que se muestra<\/strong>. Crear un enlace es incre\u00edblemente simple, solo debe prestar atenci\u00f3n al tipo de producto para el que est\u00e1 creando el enlace.<\/p>\n<p>Cuando crea el enlace, <strong>tambi\u00e9n puede usarlo en el texto, en la imagen (por ejemplo, en un banner) o pr\u00e1cticamente en cualquier lugar y no solo en el bot\u00f3n<\/strong>. Solo es importante dejar claro que los elementos seleccionados contienen el enlace y que se puede realizar la compra.<\/p>\n<p>Otra gran cosa es que puede <strong>determinar la cantidad de productos que se agregar\u00e1n al carrito a trav\u00e9s de la URL<\/strong>. Esta no es una opci\u00f3n que se use con frecuencia y aqu\u00ed hay un ejemplo en el que tiene sentido poner la cantidad en el enlace Agregar al carrito:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf687c8d9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf687c8d9.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>La propia descripci\u00f3n dice que cuando compras 2, obtienes un colgante gratis, por lo que es l\u00f3gico que el cliente haga clic en Comprar ahora para agregar 2 piezas para obtener un regalo. Se debe tener en cuenta la cantidad, se debe indicar cuanto se agrega a la canasta para evitar malentendidos.<\/p>\n<p>De este ejemplo, vemos que <strong>no siempre es necesario que el enlace diga Agregar al carrito<\/strong>. T\u00fa decides lo que se escribir\u00e1 en el enlace, solo hace falta que muestre claramente lo que est\u00e1 pasando al hacer clic en \u00e9l, independientemente de si es en el bot\u00f3n, imagen, texto\u2026<\/p>\n<h2>C\u00f3mo agregar un bot\u00f3n Agregar al carrito personalizado en Elementor con un enlace personalizado y un bot\u00f3n<\/h2>\n<p>De esta manera, puede crear un bot\u00f3n Agregar al carrito que <strong>agregue autom\u00e1ticamente el producto \u00fanico, el producto variable (cierta variaci\u00f3n del producto) y el producto agrupado (o algunos productos del grupo) al carrito<\/strong>. Si solo necesita un bot\u00f3n Agregar al carrito personalizado para un solo producto, es decir, para agregar un producto espec\u00edfico al carrito de inmediato, le recomendamos que use Qi Addons.<\/p>\n<h3>Agregar al enlace del carrito para un solo producto<\/h3>\n<p>Ahora, cuando comprenda para qu\u00e9 sirve un enlace Agregar al carrito personalizado, veamos c\u00f3mo se crea. Como mencionamos la forma en que se crea <strong>depende del tipo de producto<\/strong>.<\/p>\n<p>Si necesita un enlace Agregar al carrito personalizado <strong>para un producto que no pertenece al grupo y que no tiene variaci\u00f3n<\/strong> (es decir, un enlace para un tipo de <a href=\"https:\/\/themewp.inform.click\/es\/como-crear-productos-simples-de-woocommerce\/\" title=\"producto simple, un tipo\">producto simple, un tipo<\/a> de <a href=\"https:\/\/themewp.inform.click\/es\/como-crear-un-producto-virtual-de-woocommerce\/\" title=\"producto virtual\">producto virtual<\/a> y <a href=\"https:\/\/themewp.inform.click\/es\/como-crear-un-producto-descargable-de-woocommerce\/\" title=\"un tipo de producto descargable\">un tipo de producto descargable<\/a> ), se realiza de acuerdo con un esquema espec\u00edfico. Todo lo que necesita es la ID del producto WooCommerce.<\/p>\n<p>Encontrar\u00e1 f\u00e1cilmente <strong>la ID cuando vaya a la lista de productos<\/strong> (Productos &gt; Todos los productos) y coloque el cursor sobre el producto deseado. Se mostrar\u00e1 la identificaci\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf6a99bb5.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf6a99bb5.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Para crear una URL, debe incluir su nombre de dominio y luego agregar strong&gt;?add-to-cart=X donde X representa la ID del producto:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/?add-to-cart=**X\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tudominio.com\/?add-to-cart=X<\/a> _<\/p>\n<p><strong>Un enlace creado de esta manera se puede agregar a cualquier bot\u00f3n, texto o cualquier otro elemento y al hacer clic en \u00e9l,<\/strong> se agrega al carrito el producto con esa identificaci\u00f3n.<\/p>\n<p>Si desea <strong>agregar la cantidad del producto<\/strong>, eso tambi\u00e9n es posible, solo necesita agregar un elemento m\u00e1s a la URL:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/?add-to-cart=X**&amp;quantity=Y\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tudominio.com\/?add-to-cart=X&amp;quantity=Y<\/a> <em><\/em><\/p>\n<p><strong>Despu\u00e9s de agregar su dominio, ?add-to-cart=X simplemente agregue &amp;quantity=Y donde Y representa el n\u00famero\/cantidad del producto<\/strong>.<\/p>\n<p>Cuando se coloca un enlace como este, y cuando el cliente elige comprar el producto desde ese lugar, es decir, agregarlo al carrito por defecto, el producto se agrega al carrito pero el cliente permanece en la misma p\u00e1gina. Si desea que el cliente acceda <strong>autom\u00e1ticamente a la p\u00e1gina Su carrito, simplemente agregue el elemento del carrito al enlace<\/strong>.<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/**cart\/**?add-to-cart=X\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tudominio.com\/carrito\/?add-to-cart=X<\/a><\/p>\n<p>En caso de que desee <strong>enviar al cliente a la p\u00e1gina de pago<\/strong>, simplemente agregue el pago:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/**checkout\/**?add-to-cart=X\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tudominio.com\/checkout\/?add-to-cart=X<\/a><\/p>\n<p>De esta manera, puede <strong>redirigir al cliente a cualquier p\u00e1gina que desee<\/strong> :<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/any-page-url\/?add-to-cart=X\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tudominio.com\/cualquier-p\u00e1gina-url\/?add-to-cart=X<\/a><\/p>\n<p>Por supuesto, tambi\u00e9n puede agregar cantidad a esos enlaces.<\/p>\n<h3>Agregar al enlace del carrito para productos variables<\/h3>\n<p>El procedimiento para crear un v\u00ednculo personalizado Agregar al carrito es exactamente el mismo para el tipo de producto variable, la \u00fanica diferencia es que, <strong>en este caso, debe encontrar el n\u00famero de identificaci\u00f3n de la variaci\u00f3n<\/strong>. Para hacer eso, debe <strong>ir al producto y encontrar el ID de la variaci\u00f3n en la pesta\u00f1a de variaciones<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf6c9d2b0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf6c9d2b0.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Si encontramos el ID en la p\u00e1gina del Producto como en el ejemplo anterior para productos individuales, el enlace no ser\u00e1 bueno y no se agregar\u00e1 nada al carrito, pero habr\u00e1 un mensaje para visitar la p\u00e1gina del producto y elegir una de las variaciones.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf6eb5fd1.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf6eb5fd1.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Cuando encontramos la ID adecuada, la URL se construye de la misma manera que en el ejemplo anterior.<\/p>\n<p>Para agregar al carrito:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/?add-to-cart=**X\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tudominio.com\/?add-to-cart=X<\/a> _<\/p>\n<p>Lo mismo ocurre con la adici\u00f3n de cantidad:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/?add-to-cart=X**&amp;quantity=Y\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tudominio.com\/?add-to-cart=X&amp;quantity=Y<\/a> <em><\/em><\/p>\n<p>Para redirigir a los clientes a la p\u00e1gina del carrito:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/**cart\/**?add-to-cart=x\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tudominio.com\/carrito\/?add-to-cart=x<\/a><\/p>\n<p>Para redirigir a los clientes a la p\u00e1gina de pago:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/**checkout\/**?add-to-cart=x\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tudominio.com\/checkout\/?add-to-cart=x<\/a><\/p>\n<p>Para redirigir a los clientes a cualquier otra p\u00e1gina:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/**any-page-url\/**?add-to-cart=X\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/yourdomain.com\/any-page-url\/?add-to-cart=X<\/a><\/p>\n<p>Para m\u00e1s detalles, vuelve a la secci\u00f3n anterior.<\/p>\n<h3>A\u00f1adir al enlace del carrito para el tipo de producto agrupado<\/h3>\n<p>Para crear un v\u00ednculo para un producto de grupo, necesita <strong>el ID del producto de grupo y el ID de producto que contiene<\/strong>. Tomemos como ejemplo esta parte donde agregar al carrito significa comprar todo el grupo (vestido y bolso).<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf715693a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf715693a.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Para agregar un enlace como este, necesitamos conocer la identificaci\u00f3n del producto del grupo, la identificaci\u00f3n de la bolsa y la identificaci\u00f3n del vestido. Todo esto lo podemos encontrar en Productos &gt; Todos los productos.<\/p>\n<p>As\u00ed es como se ve el enlace:<\/p>\n<p><strong><a href=\"https:\/\/yourdomain.com\/?add-to-cart=X&amp;quantity[Y]=1&amp;quantity[Z]=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/tudominio.com\/?add-to-cart=X&amp;cantidad[Y]=1&amp;cantidad[Z]=1<\/a><\/strong><\/p>\n<p>X es la identificaci\u00f3n del producto del grupo, Y es la identificaci\u00f3n de un producto del grupo, Z es la identificaci\u00f3n de otro producto del grupo. Por supuesto, puede haber m\u00e1s productos incluidos en el grupo y se agregan en el enlace agregando &amp;quantity[X]=1. 1 como cantidad se puede cambiar seg\u00fan sea necesario.<\/p>\n<p>Si desea excluir alg\u00fan producto del carrito, simplemente agregue <strong>&amp;quantity[x]=0<\/strong>.<\/p>\n<p>Para <strong>los productos del grupo, no hay URL sin cantidad, por lo tanto, se muestra un error porque WooCommerce no reconoce qu\u00e9 producto del grupo quer\u00eda comprar el cliente<\/strong>. De esta forma, dejamos claro qu\u00e9 producto y en qu\u00e9 cantidad se est\u00e1 comprando.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf73e7a67.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf73e7a67.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Redirigiendo a la p\u00e1gina del carrito:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/**cart\/**?add-to-cart=X&amp;quantity[Y]=1&amp;quantity[Z]=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/yourdomain.com\/cart\/?add-to-cart=X&amp;quantity[Y]=1&amp;quantity[Z]=1<\/a><\/p>\n<p>Redirigiendo a la p\u00e1gina de pago:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/**checkout\/**?add-to-cart=X&amp;quantity[Y]=1&amp;quantity[Z]=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/yourdomain.com\/checkout\/?add-to-cart=X&amp;quantity[Y]=1&amp;quantity[Z]=1<\/a><\/p>\n<p>Redirigir a cualquier otra p\u00e1gina:<\/p>\n<p><a href=\"https:\/\/yourdomain.com\/**any-page-url\/**?add-to-cart=X&amp;quantity[Y]=1&amp;quantity[Z]=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/yourdomain.com\/any-page-url\/?add-to-cart=X&amp;quantity[Y]=1&amp;quantity[Z]=1<\/a><\/p>\n<h2>Redirecci\u00f3n autom\u00e1tica a la p\u00e1gina del carrito<\/h2>\n<p>Si su objetivo es <strong>enviar al cliente a la p\u00e1gina del carrito inmediatamente despu\u00e9s de agregar el producto al carrito<\/strong>, tambi\u00e9n puede configurar esta opci\u00f3n en la configuraci\u00f3n de WooCommerce. De esta manera, no tiene que configurarlo en el enlace, los clientes ser\u00e1n dirigidos autom\u00e1ticamente a la p\u00e1gina del carrito despu\u00e9s de que coloquen el producto en el carrito.<\/p>\n<p>Woocommerce &gt; Configuraci\u00f3n &gt; pesta\u00f1a Productos:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf766f4c3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf766f4c3.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<h2>C\u00f3mo agregar un bot\u00f3n Agregar al carrito personalizado en Elementor con Qi Addons<\/h2>\n<p>Los m\u00e9todos mencionados anteriormente se pueden aplicar en cualquier constructor, sin embargo, <strong>si usa Elementor y desea agregar un bot\u00f3n de carrito, hay una soluci\u00f3n f\u00e1cil<\/strong>. Con <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/?campaign=AddtoCart&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Qi Addons para Elementor<\/a> y su <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/add-to-cart-button\/?campaign=AddtoCart&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">widget Bot\u00f3n Agregar al carrito<\/a>, el proceso es m\u00e1s r\u00e1pido y f\u00e1cil. Esta herramienta le permite insertar un bot\u00f3n de compras en cualquier lugar de la p\u00e1gina. Por supuesto, si desea que el enlace sea parte de un p\u00e1rrafo, como parte de una oraci\u00f3n, debe hacerlo como se describe anteriormente, este widget le brinda la opci\u00f3n de hacer un bot\u00f3n Agregar al carrito. Adem\u00e1s, si quieres determinar autom\u00e1ticamente la cantidad de producto tendr\u00e1s que utilizar el m\u00e9todo descrito anteriormente.<strong>Este bot\u00f3n le permite agregar un solo producto inmediatamente al carrito, y en caso de que Agregar al carrito est\u00e9 configurado para un producto grupal o un producto que tenga m\u00e1s variaciones, el bot\u00f3n Agregar al carrito lo lleva a la misma p\u00e1gina del producto donde se encuentra el el cliente puede seleccionar la variaci\u00f3n del producto<\/strong>, no hay opci\u00f3n para establecer cu\u00e1l de los ofrecidos se agrega autom\u00e1ticamente.<\/p>\n<p>Lo bueno de este complemento es que es el complemento gratuito m\u00e1s grande que viene con 60 widgets que pueden contribuir mucho al aspecto y la funcionalidad del sitio. <strong>Todos los widgets son altamente personalizables, por lo que todo se puede personalizar seg\u00fan el estilo y las necesidades del tema utilizado<\/strong>.<\/p>\n<p>Vamos a explicar c\u00f3mo funciona.<\/p>\n<p>Busque el <strong>widget del bot\u00f3n Agregar al carrito<\/strong> y agr\u00e9guelo a la ubicaci\u00f3n deseada. Lo agregaremos debajo del existente para mostrar c\u00f3mo podemos dise\u00f1arlo f\u00e1cilmente para que coincida con el tema.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf7812629.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf7812629.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Cuando lo agreguemos, los ajustes Personalizar y Estilo se encontrar\u00e1n a la izquierda, y al costado, podemos ver que ha aparecido un campo. Actualmente hay una notificaci\u00f3n y una <strong>solicitud para agregar una ID de producto<\/strong>.<\/p>\n<p><strong>La pesta\u00f1a Contenido se refiere a la configuraci\u00f3n de los elementos del bot\u00f3n,<\/strong> es decir, si tendr\u00e1 un icono, un borde, etc., y la <strong>estilizaci\u00f3n en s\u00ed se realiza en la pesta\u00f1a Estilo<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf7b6866b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf7b6866b.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Como de costumbre, busque el <strong>ID<\/strong>, vaya a Productos &gt; Todos los productos y encuentre la informaci\u00f3n de ID al pasar el mouse.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf7d8fc08.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf7d8fc08.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>En la configuraci\u00f3n general, <strong>agregamos el ID del producto<\/strong>. Autom\u00e1ticamente <strong>aparece un bot\u00f3n que implica una acci\u00f3n espec\u00edfica sobre el producto cuyo ID ingresamos<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf7fbccf5.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf7fbccf5.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Como ya sabemos WooCommerce ofrece <a href=\"https:\/\/themewp.inform.click\/es\/como-agregar-productos-en-woocommerce\/\" title=\"varios tipos de productos\">varios tipos de productos<\/a>. La siguiente imagen ilustra c\u00f3mo se ver\u00e1 el bot\u00f3n para diferentes tipos de productos antes de dise\u00f1ar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf82366e8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf82366e8.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>El bot\u00f3n <strong>Agregar al carrito<\/strong> es un bot\u00f3n <strong>para un solo producto que est\u00e1 en stock y se agrega autom\u00e1ticamente al carrito al hacer clic en<\/strong>.<\/p>\n<p><strong>Comprar producto<\/strong> es un <strong>bot\u00f3n de producto afiliado<\/strong>, conduce a la p\u00e1gina donde se encuentra el producto, no se puede agregar autom\u00e1ticamente al carrito.<\/p>\n<p>El bot\u00f3n <strong>Ver productos<\/strong> es <strong>para un tipo de producto de grupo<\/strong>. Conduce <strong>a la p\u00e1gina del producto y el comprador puede elegir lo que quiere comprar<\/strong>. Recuerde, de la forma anterior de agregar un enlace Agregar al carrito, podr\u00edamos crear un enlace que determine qu\u00e9 producto del grupo se agregar\u00e1 al carrito, as\u00ed como la cantidad del producto.<\/p>\n<p>El bot\u00f3n <strong>Seleccionar opciones<\/strong> es para <strong>productos con m\u00faltiples variables<\/strong>, y nuevamente lleva a la misma p\u00e1gina del producto desde donde el cliente selecciona m\u00e1s opciones.<\/p>\n<p>Ahora cuando hayamos aclarado esto y agregado el ID del producto vamos a <strong>Ajustes del bot\u00f3n<\/strong>. Puedes <strong>experimentar con estas opciones, tienes diferentes dise\u00f1os y tipos, puedes elegir el texto del bot\u00f3n a subrayar y especificar el tama\u00f1o del bot\u00f3n<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf83f2db4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf83f2db4.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Otra opci\u00f3n interesante es la opci\u00f3n de <strong>a\u00f1adir el icono<\/strong>. Puede agregar un SVG seg\u00fan su deseo o elegir uno de la Biblioteca de iconos. Tambi\u00e9n puede <strong>establecer la posici\u00f3n del icono<\/strong> seg\u00fan la posici\u00f3n del texto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf86b6ddc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf86b6ddc.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Una vez que hemos seleccionado los elementos pasamos a la estilizaci\u00f3n. Se hace en la pesta\u00f1a de estilo y ver\u00e1s que las opciones se dividen en <strong>Estilo de bot\u00f3n, Estilo de icono de bot\u00f3n, Estilo de borde interior y Estilo de subrayado<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf88cf773.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf88cf773.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>El estilo del bot\u00f3n se refiere a ajustar el estilo del texto, su color, pero tambi\u00e9n los colores de fondo y borde. <strong>El ancho del borde nos sirve para agregar un borde<\/strong>. Cuando establezcamos este valor, tambi\u00e9n aparecer\u00e1 el borde y podremos seleccionar su color. Tambi\u00e9n tenemos un radio de borde, si queremos recortar sus bordes.<\/p>\n<p>El Relleno se refiere al espacio alrededor del texto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf8a595fc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf8a595fc.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>En cuanto a las opciones de texto tipogr\u00e1fico, este es otro lugar donde se puede experimentar. De forma predeterminada, este widget extrae la fuente del tema, pero puede cambiarla f\u00e1cilmente, ajustar otro tama\u00f1o, ancho, alto de l\u00ednea, etc.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf8d3d6e3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf8d3d6e3.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Lo que es importante aqu\u00ed es la <strong>configuraci\u00f3n de desplazamiento<\/strong>. <strong>Normal es el estado del bot\u00f3n cuando el mouse no est\u00e1 sobre \u00e9l y Hover cuando lo est\u00e1<\/strong>. Podemos asignar un color diferente de texto, fondo y borde al Hover si es necesario.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf8f28ddc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf8f28ddc.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p><strong>El estilo del icono del bot\u00f3n<\/strong> afecta al icono, su tama\u00f1o, color y m\u00e1rgenes. Tambi\u00e9n hay una configuraci\u00f3n para <strong>los iconos al pasar el mouse<\/strong> por encima .<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf916c08b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf916c08b.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Los ajustes muy similares son para el <strong>borde interior y el subrayado<\/strong>. Pruebe, explore y experimente: estamos seguros de que encontrar\u00e1 su camino f\u00e1cilmente.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf93e9b1b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf93e9b1b.jpg\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<p>Esperamos haberte facilitado el uso de este complemento. Lo consideramos una gran soluci\u00f3n para el bot\u00f3n Agregar al carrito. Pru\u00e9balo y cu\u00e9ntanos en los comentarios c\u00f3mo te gusta.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf959c6ab.gif\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362405-633ecf959c6ab.gif\" alt=\"C\u00f3mo establecer un enlace personalizado para agregar al carrito de WooCommerce\"><\/a><\/p>\n<h2>En conclusi\u00f3n<\/h2>\n<p>Ahora depende de usted pensar detenidamente qu\u00e9 opciones funcionar\u00edan mejor para su tienda. No existe una receta universal para el \u00e9xito, as\u00ed que aseg\u00farese de conocer bien su nicho, productos y clientes. Cuando comprenda las necesidades de su p\u00fablico objetivo, crear\u00e1 f\u00e1cilmente una buena experiencia de usuario. \u00bfYa has usado algunas de las opciones de este art\u00edculo? \u00a1No dude en publicar preguntas y compartir su experiencia con nosotros en la secci\u00f3n de comentarios! \u00a1Esperamos con inter\u00e9s escuchar de usted!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a configurar un enlace WooCommerce personalizado para agregar al carrito para crear la mejor experiencia de compra para sus clientes.<\/p>\n","protected":false},"author":1,"featured_media":263350,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-365733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/365733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=365733"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/365733\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=365733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=365733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=365733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}