Cómo crear URLs personalizadas "Añadir al carrito" de WooCommerce: Guía detallada

WooCommerce proporciona potentes funciones de comercio electrónico para sitios de WordPress, y una de las características clave es el "Añadir a la cestaBotón "Añadir a la cesta". Al personalizar las URL de "Añadir al carro", puede crear una experiencia de compra más cómoda para sus usuarios. Este artículo se adentrará en cómo crear y utilizar estas URL personalizadas para que los usuarios puedan añadir productos directamente a sus carritos de la compra yRedirección automática a páginas específicas cuando sea necesario(matem.) génerocomo una página de carrito de la compra o de pago.

¿Por qué debo utilizar una URL personalizada de "Añadir a la cesta"?

Utilizando una URL personalizada de "Añadir a la cesta", puede conseguir varias funciones importantes:

• Mejorar la experiencia de compraFacilitar el proceso de compra reduciendo el número de pasos que debe seguir el usuario.
• Aumentar la tasa de conversiónReduzca las barreras en el proceso de compra y dirija a los usuarios a la cesta de la compra o a la página de pago para aumentar la probabilidad de compra.
• Flexibilidad en marketing y promociónMejora las promociones insertando estas URL en correos electrónicos de marketing, redes sociales o anuncios que dirijan directamente a los usuarios a añadir productos específicos a su cesta de la compra.

II. Encontrar el ID del producto

Antes de crear una URL personalizada "Añadir al carrito", necesitas encontrar el ID de producto del producto en WooCommerce, que es un identificador único utilizado por WooCommerce para identificar cada producto. A continuación se muestran los pasos para encontrar el ID de producto:

1. Ir a la lista de productos WooCommerceInicie sesión en el backend de WordPress y navegue hasta "WooCommerce > Productos".
2. Buscar ID de productoPasar el ratón por encima del título del producto del que desea obtener el ID. El ID del producto aparecerá debajo del título del producto, normalmente con el formato "ID: 123".

Creación de URL personalizadas "añadir al carrito" para productos sencillos

Los productos simples son el tipo de producto más común y no incluyen opciones de variantes como la talla o el color. Para crear una URL personalizada de "Añadir al carrito" para un producto simple, utilice el siguiente formato:

https://example.com/?add-to-cart=PRODUCT_ID&cantidad=CANTIDAD

• PRODUCT_ID: Sustitúyalo por el ID del producto simple.
• CANTIDAD: Especifica la cantidad que el usuario añade al carrito. Si se omite esta parte, la cantidad por defecto es 1.

ejemplo típico: Si hay un producto simple con ID de producto 123 y el usuario añade 3 productos al carrito, la URL será la siguiente:

https://example.com/?add-to-cart=123&cantidad=3

IV. Creación de URL personalizadas "añadir al carrito" para productos variables

Los productos variables permiten a los usuarios seleccionar diferentes atributos como la talla, el color o el material antes de comprar. Para crear una URL personalizada para un producto variable, debe conocer el ID de la variante (ID de variación), no el ID principal del producto.

1. Buscar ID de variantePara editar un producto variable, vaya a la sección "Variantes" y busque el ID de la variante específica (por ejemplo, para una camiseta azul, el ID es162125).

2. Creación de URL personalizadas::

https://example.com/?add-to-cart=VARIATION_ID&quantity=QUANTITY

• VARIATION_ID: Sustituir por el ID de la variante específica.
• CANTIDAD: Especifica el número de artículos que se añadirán al carrito.

ejemplo típicoSi desea que el usuario añada un ID de162125de camisetas azules a la cesta de la compra en la cantidad de2La URL es la siguiente:

https://example.com/?add-to-cart=162125&cantidad=2

V. Creación de URL personalizadas "Añadir a la cesta" para productos agrupados

Los productos agrupados consisten en varios productos simples en los que el usuario puede seleccionar la cantidad de varios subproductos y añadirlos al carrito a la vez. Al crear una URL personalizada para un producto agrupado, debe especificar cantidades independientes para cada subproducto.

Formato URL::

https://example.com/?add-to-cart=GROUPED_PRODUCT_ID&cantidad[SUB_PRODUCT_ID]=CANTIDAD

• GROUPED_PRODUCT_ID: El ID maestro del producto agrupado.
• SUB_PRODUCT_IDID del subproducto.
• CANTIDADNúmero de cada subproducto.

ejemplo típico: Suponiendo que el producto agrupado tiene un ID de 50, que incluye dos subproductos con ID 101 y 102, y se desea que el usuario añada al carrito 1 subproducto 101 y 3 subproductos 102, la URL será la siguiente:

https://example.com/?add-to-cart=50&cantidad[101]=1&cantidad[102]=3

VI. Redirección después de añadir a la cesta de la compra

Por defecto, cuando el usuario pulsa "Añadir a la cesta", la página no será redirigida y el usuario permanecerá en la página actual. Para mejorar la eficiencia del proceso de compra, se pueden configurar URL personalizadas para redirigir automáticamente a los usuarios a la página del carrito de la compra o a la página de pago después de añadir un producto al carrito.

1. Redirigir a la página de pago::

https://example.com/checkout/?add-to-cart=PRODUCT_ID&cantidad=CANTIDAD

ejemplo típicoQuiero que el usuario salte a la página de pago inmediatamente después de añadir un producto con ID 123 con la siguiente URL:

https://example.com/checkout/?add-to-cart=123&cantidad=1

2. Redirigir a la página del carrito de la compra::

https://example.com/cart/?add-to-cart=PRODUCT_ID&cantidad=CANTIDAD

ejemplo típicoSi el usuario salta a la página de la cesta de la compra después de añadir un producto con el ID 123, la URL es la siguiente:

https://example.com/cart/?add-to-cart=123&cantidad=1

Siete, activar AJAX para evitar la recarga de la página

En WooCommerce, es posible evitar que la página se recargue cuando se añade un artículo al carrito habilitando AJAX. Esto hace que la experiencia del usuario sea más fluida, ya que no se ve obligado a redirigir o actualizar la página.

mover::

1. Ir a Configuración de WooCommerce: Navegue hasta "WooCommerce > Ajustes > Productos > General".
2. Activar AJAX: en "Añadir al carro de la compra"Sección, marque "Activar el botón AJAX Añadir al carro (para archivos)".

Si se activa, la página no se recargará cuando el usuario añada artículos al carrito.De este modo, la experiencia de compra no se complica.

VIII. Escenarios de aplicación con URL personalizadas "Añadir al carro

Personalizar la URL "Añadir al carro" no es sólo un truco técnico, sino que puede reportarle muchas ventajas en la práctica. He aquí algunos escenarios de aplicación habituales:

1. Marketing por correo electrónico: Insertar directamente en el correo electrónico "Añadir a la cesta", los usuarios pueden hacer clic en él y añadir directamente el producto a su cesta de la compra sin tener que navegar por la página de detalles del producto.
2. Promoción en las redes socialesEl uso de estas URL en anuncios o publicaciones en las redes sociales facilita a los usuarios las compras directas.
3. campaña publicitariaDirigir a los usuarios al proceso de pago a través de un enlace en la página del anuncio, reduciendo los pasos intermedios y aumentando la tasa de conversión del anuncio.
4. Recomendación de productosInserte estas URL en las entradas del blog o en los testimonios para que los lectores puedan añadir rápidamente los productos recomendados a su cesta de la compra.

resúmenes

Mediante el uso de WooCommerce personalizado "Añadir a la cesta"URLs que pueden mejorar significativamente la experiencia de usuario y las tasas de conversión de tu sitio web. Ya se trate de crear URL para productos simples, variables o agrupados, o de configurar redireccionamientos después de añadir un carrito de la compra, estos consejos pueden hacer que tu tienda WooCommerce sea más flexible y eficiente.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres