Cómo establecer un enlace de WooCommerce personalizado agregar al carrito

Cualquier tipo de sitio web de WordPress puede convertirse fácilmente en una gran tienda en línea debido al famoso complemento de WooCommerce. Una vez que instale y active esta popular herramienta de comercio electrónico, agregará todos los elementos necesarios para configurar una plataforma de comercio electrónico y podrá ejecutar una tienda en línea con derechos completos en unos pocos clics. Algunas de las razones detrás de la popularidad absoluta de WoCommerce son que es increíblemente simple de usar, le permite controlar cada aspecto de su tienda y es completamente escalable. Su tienda puede desarrollarse a medida que su negocio crece, la gestión de productos y compras es tan fácil, independientemente del nicho que cubra y el tipo de producto que vende.
Aunque una combinación de una calidad de WordPress Electronic WordPress de WooCommerce de calidad es una receta ganadora para una tienda en línea exitosa, hay muchos detalles en los que también debe pensar al instalar su tienda. Cuanto mejor sea la experiencia de uso general, más atraerá y conservará más clientes. Si sus clientes creen que comprarle es demasiado complicado, no importa cuán buenos sean sus productos, dejarán su sitio y buscarán una tienda más amigable con los clientes. En este artículo, hablaremos sobre uno de los pasos esenciales en cualquier compra: agregar productos a la canasta. Descubrirá una variedad de opciones Agregar en el carrito y cómo configurarlas:
Opción de adición predeterminada al carrito en WooCommerce
¿Qué es un enlace personalizado para agregar al carrito?
Cómo agregar un botón personalizado para agregar la canasta en el elemento con un enlace personalizado y un procedimiento automático a la página del carrito
Cómo agregar un botón personalizado para agregar a la canasta en elemento con suplers Qi
Leer también:
Cómo comenzar una tienda en línea en 2021 (guía detallada)
20 Tarea gratuita de WordPress para diferentes negocios
10+ Los mejores proveedores de alojamiento de WordPress para cualquier tipo de sitio web
Opción de adición predeterminada en el carrito en WoCommerce
Antes de ver cómo podemos hacer que un botón agregue la canasta para un producto, veamos cuáles son las opciones predeterminadas de WooCommerce. A veces, las opciones establecidas en la plantilla de WordPress difieren de las opciones predeterminadas de WooCommerce, pero este es un caso especial y no lo trataremos en este artículo.
La página de la tienda en la que se enumeran todos los productos tiene un botón Agregar en la canasta, para que los clientes puedan hacer una compra en el acto. Pero no olvidemos que hay diferentes tipos de productos en WooCommerce y no debe sorprenderse ni preocuparse si no hay botón agregado bajo algunos productos. Por ejemplo, si el producto es un tipo variable de producto, el botón a continuación dirá opciones seleccionadas, porque hay varias variantes del producto y un cliente debe elegir comprar primero. En el caso del tipo de producto externo/afiliado, el botón dirá Comprar producto porque el enlace para él conduce a una fuente externa desde la cual se compra el producto. Los títulos en los botones pueden diferir según la plantilla, pero estos dos tipos de productos que mencioné son los casos más comunes en los que el producto no se puede comprar directamente en la página de la tienda.
Siempre hay un botón completar la canasta en la página del producto y esto es obligatorio porque la página del producto es el lugar donde se lleva a cabo la compra, por lo que sería inútil tener una página del producto sin este botón. En este caso, el tipo de producto variable también tiene un botón agrega en la canasta porque también existe la opción de elegir la variante del producto, y la compra solo se puede realizar después de que el cliente selecciona la variante. El tipo de producto externo/afiliado tiene un botón que conduce a la página externa donde el producto realmente se compra, no hay un botón de adición en la canasta porque solo somos intermediarios en la compra. Por defecto, si la sección del producto relacionado es una sección relacionada es parte integral del tema WP que usa o si ha agregado productos similares solo.

También encontrará el botón Agregar en el carrito en las tablas de productos de WooCommerce y varias listas de productos si son parte del tema WP. ¿Dónde exactamente este botón también dependerá de las opciones de su tema WP y de los autores? Lo que queremos hablar es sobre cómo agregar un botón se agrega a la canasta donde quiera.

¿Qué es un enlace personalizado para agregar en el carrito?

Como ya hemos mencionado, el complemento WooCommerce ofrece posibilidades absolutas, y en la que nos enfocamos en este artículo es la posibilidad de crear un enlace agregar al carrito que permite al cliente comprar un producto en cualquier lugar que especifiquemos. El propósito de esto es, por supuesto, aumentar las ventas.
Tome como ejemplo la siguiente sección:
Este es un ejemplo clásico de cómo podemos mostrar un producto de una manera interesante e invitar a un cliente a comprar el producto en el acto. Todo lo que necesita en este caso es averiguar cómo crear una URL que se coloque en el botón Agregar y permitir que el cliente compre el producto mostrado. Crear un enlace es increíblemente simple, solo tiene que prestar atención al tipo de producto para el que crea el enlace. Al crear el enlace, puede usarlo en el texto, en la imagen (por ejemplo, en un banner) o en casi cualquier lugar y no solo en el botón. Solo es importante aclarar que los elementos seleccionados contienen el enlace y que la compra se puede hacer. Otra cosa genial es que puede determinar la cantidad de productos que se agregarán al carrito a través de la URL. Esta no es una opción que a menudo se usa y aquí hay un ejemplo en el que es lógico poner la cantidad en el enlace agregar al carrito:
La descripción en sí misma dice que cuando compra 2, obtiene un colgante gratis, por lo que es lógico que el cliente haga clic ahora para agregar 2 piezas para recibir un regalo. La cantidad debe tenerse en cuenta, debe indicarse cuánto se agrega a la canasta para evitar malentendidos. A partir de este ejemplo, vemos que no siempre es necesario que el enlace se agrega a la canasta. Usted decide qué se escribirá en el enlace, solo tiene que verse claro qué sucede haciendo clic en él, ya sea en el botón, imagen, texto …

Cómo agregar un botón personalizado para agregar a la canasta en el elemento con un enlace y un botón personalizados
De esta manera, puede crear un botón agregar en la canasta que se agrega automáticamente a la canasta el producto único, el producto variable (una cierta variación del producto) y el producto agrupado (o algunos productos grupales). Si solo necesita un botón personalizado, agregue la canasta para un solo producto, es decir, para agregar inmediatamente un producto en particular en el carrito, recomendamos usar suplementos de Qi. Agregue el enlace para un solo producto

Ahora, cuando comprenda lo que es un enlace personalizado, agregue al carrito, para ver cómo se crea. Como mencioné, la forma en que se crea depende del tipo de producto.
Si necesita un enlace personalizado, agregue la canasta para un producto que no pertenezca a un grupo que no tenga variaciones (es decir, se realiza un enlace para el tipo de producto simple, el tipo de producto virtual y el tipo de producto descargable) de acuerdo con un esquema específico. Todo lo que necesita es la identificación del producto WooCommerce. Encontrará fácilmente la identificación cuando vaya a la lista de productos (productos> todos los productos) y pase con el mouse sobre el producto deseado. Se mostrará la identificación.
Para crear una URL, debe incluir el nombre de dominio y luego agregar el Strong>? Agregar a la tarjeta = X donde x representa la ID del producto:
https://yourdomain.com/?add-to-cart x Se puede agregar un enlace creado de esta manera a cualquier botón, texto o cualquier otro elemento y haciendo clic en el producto con esa ID se agrega a la canasta. Si desea agregar la cantidad de producto, esto es posible, solo tiene que agregar otro elemento a la URL: https://yourdomain.com/?add a-cart=x & cantity = y después de haber agregado su dominio., “agregar a la tarjeta = x simplemente agregar y cantidad = y donde y representa el número/cantidad del producto. Cuando se coloca dicho enlace y cuando el cliente elige comprar el producto de ese lugar, es decir, para agregar la canasta de forma predeterminada, el producto se agrega a la canasta, pero el cliente permanece en la misma página. Si desea que el cliente llegue a su carrito en la página, simplemente agregue el elemento de la canasta al enlace. https://yourdomain.com/ Cart/? Add- To-Cart = x En caso de que desee enviar al cliente a la página de finalización del pedido, simplemente agregue la finalización del pedido: https://yourdomain.com/ Checkout/ ? Agregar a la tarea = x de esta manera, puede redirigir al cliente a cualquier página que desee: https://yourdomain.com/any-page-url/?add-to-cart=x Por supuesto, puede agregar Cantidad a esos enlaces. Agregue el enlace COș para el producto variable
El procedimiento para crear un enlace personalizado agrega en el CART es exactamente el mismo para el tipo de producto variable, la única diferencia es que debe encontrar el número de identificación de variación en este caso. Para hacer esto, debe acceder al producto y encontrar la ID de variación en la pestaña Variaciones.
Si encontramos la ID en la página del producto como en el ejemplo anterior de productos únicos, el enlace no será bueno y no se agregará nada al carrito, pero aparecerá un mensaje para visitar la página del producto y elegir una de las variantes. Encontramos la identificación correcta, la URL está construida de la misma manera que en el ejemplo anterior. Para agregar a la canasta: https://yourdomain.com/?add-to-cart= x Lo mismo es cierto para agregar la cantidad: https://yourdomain.com/?add-o-cart=x & cantity = Y para y la redirección del cliente a la página del carrito de compras: https://yourdomain.com/ car/? Add- to-chart = x para redirigir a los clientes a la finalización del pedido: https://yourdomain.com/ checkout/? Add— a -cart = x para redirigir a los clientes a cualquier otra página: https://yourdomain.com/ Anypage-url/? Add-to-Cart = x Para más detalles, regrese a la sección anterior.

El enlace se suma a la canasta para el tipo de productos agrupados
Para crear un enlace para un producto grupal, necesita la identificación del producto del grupo y la identificación del producto contenida en él. Tome, por ejemplo, esta parte donde agregar al carrito significa comprar todo el grupo (vestido y bolsa).
Para agregar un enlace como este, necesitamos conocer la identificación del producto del grupo, la identificación de la bolsa y la identificación de vestimenta. Todo esto encontramos en productos> todos los productos.
Así es como se ve el enlace: https://yourdomain.com/?add-to-cart=x&quantityalypha’s=1&quantityypha es la identificación del grupo, y es la identificación de un grupo, z es la identificación de otro producto en el grupo . Por supuesto, puede haber más productos incluidos en el grupo y se agregan en el enlace agregando y cantidad [x] = 1. 1 Porque la cantidad se puede cambiar según sea necesario. Si desea excluir un producto del carrito, simplemente agregue y cantidad [x] = 0. Para los productos grupales, no hay URL sin cantidad, por lo tanto, se muestra un error porque WooCommerce no reconoce qué producto del grupo quería que el cliente comprara. De esta manera, dejamos en claro qué producto y en qué cantidad se compra. Eliminar a la página del carrito de compras: https://yourdomain.com/ Cart/? Add- TO-CART = X & Cantidad [Y] = 1 & Cantidad [z] = 1 redirección a la página de pago: https://yourdomain.com/ checkout/? Add- to-car = x & cantity [y] = 1 & cantidad [z] = 1 redirección a cualquier otra página : https://yourdomain.

redirección automática a la página del carrito

Si su propósito es enviar al cliente a la página CART inmediatamente después de agregar el producto al carrito, puede establecer esta opción en la configuración de WooCommerce. Por lo tanto, no tiene que configurarlo en el enlace, los clientes se dirigirán automáticamente a la página COș después de poner el producto en la canasta. WooCommerce> Configuración> Pestaña del producto:
Cómo agregar un botón personalizado para agregar la canasta en elemento con suplementos Qi
Los métodos mencionados anteriormente se pueden aplicar en cualquier constructor, sin embargo, si usa Elementor y desea agregar un botón de canasta, hay una solución fácil. Con los suplementos QI de Elementor y agregar un widget de botón en el carrito, el proceso es más rápido y más fácil. Esta herramienta le permite insertar un botón de compra en cualquier lugar de la página. Por supuesto, si desea que el enlace sea parte de un párrafo, como parte de una oración, debe hacerlo como se describe anteriormente, este widget le brinda la opción de hacer un botón de adición en el carrito. Además, si desea determinar automáticamente la cantidad de producto, deberá utilizar el método descrito anteriormente. Este botón le permite agregar un solo producto inmediatamente al carrito, y si se suma al carrito para un producto o producto de grupo que tenga más variaciones, el botón se suma a la página del producto donde el cliente puede seleccionar La variante del producto, no hay opción para establecer cuál de las ofrecidas se agrega automáticamente. Lo bueno de este suplemento es que es el suplemento gratuito más grande que viene con 60 widgets que pueden contribuir mucho al aspecto y la funcionalidad del sitio. Todos los widgets son muy personalizables, por lo que todo se puede personalizar de acuerdo con el estilo y las necesidades del tema utilizado. Explicemos cómo funciona. Encuentre el botón Widget Agregar en el carrito y agréguelo a la ubicación deseada. Lo agregaremos debajo del existente para mostrar cómo podemos diseñarlo fácilmente para que se ajuste al tema.

Cuando lo agregamos, la configuración de personalización y estilo se encontrará a la izquierda, y a un lado, podemos ver que ha aparecido un campo.Actualmente, hay una notificación y solicitud para agregar una ID de producto.La pestaña de contenido se refiere a configurar los elementos del botón, es decir, si tiene un icono, borde, etc., y la estilización en sí se realiza en la pestaña de estilo. Como de costumbre, busque la identificación, vaya a productos> todos los productos y encuentre Información sobre ID en el cruce del cursor.

En la configuración general, agregamos la identificación del producto.Un botón aparece automáticamente que involucra una acción específica en el producto cuya identificación ha introducido.

Como ya sabemos, WooCommerce ofrece varios tipos de productos.La siguiente imagen ilustra cómo se verá el botón para diferentes tipos de productos antes de la peluquería.
El botón Agregar es un botón para un solo producto que está en stock y se agrega automáticamente al carrito haciendo clic. Comprar el producto es un botón de producto afiliado, conducir a la página donde se encuentra el producto, no se puede agregar automáticamente a la canasta. El botón de vista del producto es para un tipo de producto de grupo. Conduce a la página del producto y el comprador puede elegir lo que quiere comprar. Recuerde, en la forma anterior de agregar un enlace agregar al carrito, podríamos crear un enlace que determine qué producto del grupo se agregará a la canasta, así como a la cantidad de producto. El botón Seleccionar opciones es para productos multivariables, que conduce nuevamente a la página del producto donde el cliente todavía selecciona las opciones. Ahora, cuando aclaré esto y agregué la ID del producto, vamos a la configuración del botón. Puede experimentar estas opciones, tiene diferentes modelos y tipos, puede elegir el texto del botón subrayado y especificar el tamaño del botón. Otra opción interesante es la opción de agregar el icono. Puede agregar un SVG de acuerdo con su deseo o puede elegir uno de los iconos. También puede establecer la posición del icono de acuerdo con la posición del texto.
Después de seleccionar los elementos, vamos a la estilización. Está hecho en la pestaña de estilo y verá que las opciones se dividen en un estilo de botón, un botón de estilo de icono, estilo interior y estilo subrayado.

El estilo del botón se refiere al ajuste del estilo del texto, su color, pero también de los colores de fondo y borde. El ancho de la frontera nos sirve para agregar un borde. Cuando establecemos este valor, aparecerá el borde y podemos seleccionar su color. También tenemos un rayo de borde, si queremos cortar sus bordes. El relleno se refiere al espacio alrededor del texto. En cuanto a las opciones de texto tipográfico, este es otro lugar donde se puede experimentar. Por defecto, este widget elimina la fuente del tema, pero puede cambiarla fácilmente, ajustar otro tamaño, ancho, altura de línea, etc.
Lo que es importante aquí es la configuración de desplazamiento. Normal es la condición del botón cuando el mouse no está sobre él y se desplaza cuando lo es. Podemos asignar un color diferente del texto, el fondo y el borde para el desplazamiento si es necesario.

El estilo del icono del botón afecta el icono, el tamaño, el color y los bordes. También hay una configuración para los íconos de flotar.

Las configuraciones muy similares son para el marco interno y el subrayado. Pruebe, explore y experimente: estamos seguros de que encontrará su camino fácilmente.

Esperamos haberte hecho más fácil usar este suplemento. Lo consideramos una excelente solución para el botón Agregar. Pruébalo y cuéntanos en los comentarios cómo te gusta.

En conclusión

Ahora depende de usted pensar cuidadosamente que las opciones funcionarían mejor para su tienda.No hay una receta universal para el éxito, así que asegúrese de conocer su nicho, productos y clientes.Cuando comprenda las necesidades del público objetivo, creará fácilmente una buena experiencia de usuario.¿Ya ha utilizado algunas de las opciones en este artículo?¡Siéntase libre de publicar preguntas y compartir su experiencia en la sección de comentarios!¡Estamos esperando saber sobre usted! Esperamos que este artículo haya sido útil.Si le gustó, ¡no dude en consultar algunos de estos artículos!

Personalizar la sección de productos relacionados con WooCommerce para maximizar las ventas

Los mejores complementos de WooCommerce para la industria comercial de comercio electrónico próspero

Los mejores complementos de muestras de variación de WooCommerce