Código html para insertar el seguimiento de envíos de oca en tu web

Índice del artículo

1. ¿Qué es una pasarela de envíos en WooCommerce?
2. Ejemplo de una pasarela de envíos: el plugin de OCA E-pack 
3. Cómo insertar una sección de seguimiento de pedidos de OCA en tu web ecommerce.

¿Qué es una pasarela de envíos en WooCommerce?

Una pasarela de envíos en WooCommerce se le llama a la implementación de una vía automatizada de envíos a través de un plugin que trabajará junto a WooCommerce para ofrecer opciones de envío a los usuarios.

Por default WooCommerce ofrece opciones de envío como «recogida local» o bien la posibilidad de envíos por monto fijo según países, provincias, o incluso se puede definir a nivel de código postal. Esto permite crear diferentes opciones de envíos.

Ahora bien, luego de las opciones estándar existen plugins más complejos que permiten calcular el valor del envío en base a atributos de producto como alto, largo, ancho y peso del objeto que estemos ofreciendo.

Esos atributos se linkean a la base de datos de la empresa oferente del servicio de envíos (por ejemplo OCA, Correo Argentino, Andreani, o Envio Pack que nuclea a varias de ellas) y devuelve el valor del envío para el artículo deseado.

Puede que luego de la compra el usuario desee conocer el estado de su envío. Y en general podremos ofrecer una mejor experiencia de usuario si el cliente puede revisar el estado de su pedido desde la misma web donde realizó la compra.  Por lo que sería razonable generar una sección dentro de la página de Mi cuenta en WooCommerce o WordPress o bien generar una página específica de seguimiento de envíos dentro de nuestra web, insertarla en el footer o en el header para que tenga un lugar destacado.

Ejemplo de una pasarela de envíos: el plugin de OCA E-pack

Una vez configuramos WooCommerce en nuestra web, el siguiente paso será añadirle una pasarela de pagos via plugins como los ofrecidos por mercado pago o decidir de prisma y por otro lado añadir una pasarela de envíos a través de un plugin de envíos.

Por ejemplo con el plugin de envíos de oca desarrollado por Wanderlust se puede calcular el costo del envío, mostrarlo en el carrito y el checkout, y si el usuario compra, nos permitirá generar la etiqueta de envío desde la sección de pedidos de WooCommerce sin necesidad de cargar el pedido en la web de oca, reduciendo tiempos y costos en nuestro proceso de venta y distribución.

El plugin de oca pueden descargarlo desde el repositorio de wordpress con una versión gratuita y el plugin premium desde la página de Wanderlust donde explica paso a paso como configurarlo y también se cuenta con un muy buen servicio de asistencia posventa.

Cómo insertar una sección de seguimiento de envíos en tu sitio web

Si bien estos plugins son buenas soluciones tecnológicas, nos permitirán ofrecer una buena experiencia de usuario antes y durante la transacción. 

Si lo que queremos es reforzar la experiencia de usuario posventa, tenemos que pensar en que datos precisará conocer el usuario luego de realizar la transacción, uno de ellos es el «estado del envío».

Para ello tendremos que generar una sección donde el usuario pueda revisar el estado de su pedido desde la misma web.

Para ello sería razonable generar una sección a tal efecto que podría estar estratégicamente posicionada en alguno de los siguientes lugares:

Lugares estratégicos:

1) Dentro de la página de Mi cuenta en WooCommerce o WordPress

2) o bien generar una página específica de seguimiento de envíos dentro de nuestra web,

3) O insertarla en el footer

4) O en el header para que tenga un lugar destacado.

Una vez seleccionemos el o los lugares donde deseamos aparezca el mismo tendremos que instalarlo. Para el caso de OCA, copiando y pegando el siguiente código HTML podrán hacer funcionar la opción de comprobación del estado del envío una vez el usuario ingrese el código de envío proporcionado por la empresa de servicios de entregas, OCA en este caso.

La secuencia de código html es la siguiente: 

Aquí pueden ver el código en acción:

Para realizar el seguimiento de su pedido ingrese el número de envío (todo seguido sin paréntesis) en el siguiente recuadro y presione el botón “BUSCAR”. (Ej.: YAA05655084 ó 4706600000000009539)

Insertando este código tendrán entonces una sección de búsqueda de pedidos dentro de su web. Mejorando así el servicio posventa y la lealtad de los clientes, ofreciendo un servicio que será una ventaja competitiva respecto de los competidores.

Fuente: www.conclave.io / www.oca.com.ar

La entrada Tuts: Cómo insertar el seguimiento de envíos de oca en tu web se publicó primero en Cónclave.

Índice del artículo

1. ¿Qué es un producto variable y qué son los atributos?
2. ¿Qué son los atributos de producto con valores excluyentes?
3. Ejemplo de atributos con valores excluyentes en productos variables de WooCommerce
4. ¿Qué ocurre con los valores excluyentes con productos variables con múltiples variantes en WooCommerce?
5. Solución para la correcta vista de productos variables con múltiples variantes y valores excluyentes
6. Para más información sobre configuración de productos en WooCommerce

¿Qué es un producto variable y qué son los atributos?

Como describíamos, el producto variable es un tipo de producto que podemos configurar con el plugin WooCommerce. Implica generar un producto con atributos y opciones dentro de estos atributos.

Este caso suele ser muy común en los e-commerce de ropa o las tiendas on line de imprentas o servicios gráficos, donde cada producto contiene una gran variedad de opciones. Por ejemplo en el caso de un sitio de venta on – line de calzado los productos podrían tener el atributo talle y tantos valores como medidas de esos productos tengamos en stock.

Es según la combinación de atributos correcta que lograremos representar la realidad de nuestro negocio y potenciar la elección de los clientes así como su experiencia de usuario.

Los atributos ordenan la información y clarifican el proceso de elección de un producto a medida con muchas opciones posibles. De esta manera en lugar de generar un producto por cada opción se resumen en una sola vista con filtros. Es una herramienta muy útil a la hora de generar una experiencia de usuario positiva, una experiencia de usuario que no confunda a las personas que navegan por nuestra tienda y deben elegir un producto con atributos variables.

¿Qué son los atributos de producto variable con valores excluyentes?

Una particularidad de los productos variables y sus atributos que suele potenciar aún más la experiencia de usuario se refiere a las condiciones excluyentes.

En WooCommerce cuando ingresamos variantes con valores excluyentes automáticamente los atributos exhiben y ocultan valores en función de las combinaciones de cada variante que hayamos configurado.

Ejemplo de atributos de productos variables con valores excluyentes en WooCommerce

Por ejemplo en el caso de una imprenta que ofrece tarjetas personales a sus clientes puede darse el escenario donde la imprenta ofrece las opciones de impresión de tarjetas con diseño provisto por el cliente, o un un servicio de diseño para los clientes que no tienen su propio diseño. Lógicamente la segunda opción demorará unos días más de entrega respecto de la primera.

Entonces para el producto creado «Tarjetas Personales» tendremos entre otros atributos (tamaño, papel, impresión) los siguientes:

1. DISEÑO (Cliente trae diseño)
   Con sus opciones a) Trae diseño b) No trae diseño
2. TIEMPO DE ENTREGA
   Con sus opciones a) 48 hs  b) 3 a 4 días hábiles

Para representar el escenario correctamente precisamos que estas opciones sean excluyentes entre sí, es decir:

Si el cliente selecciona

DISEÑO: a) Trae diseño

Siempre debe ir acompañado de

TIEMPO DE ENTREGA: a) 48 hs.

y

Si el cliente selecciona

DISEÑO: b) No trae diseño

Siempre debe ir acompañado de

TIEMPO DE ENTREGA: b) 3 a 4 días hábiles

Creando las variantes correctas, el cliente solo verá las combinaciones pretendidas, evitando confusiones y mala experiencia de usuario con productos variables. WooCommerce trae incoporada por default la funcionalidad que «oculta» aquellas variantes no creadas, como sería en este caso DISEÑO b) No trae diseño y TIEMPO DE ENTREGA a) 48 hs.

¿Qué ocurre con los productos variables con múltiples variantes de valores excluyentes en WooCommerce?

Sin embargo, una vez pasadas las 25 o 30 variantes en un producto variable suele ocurrir que la vista de producto comienza a mostrar combinaciones que no configuramos, lo que redunda en una confusión para el cliente y puede incidir negativamente en nuestras conversiones on line.

Por ejemplo sería el caso de unos botines de fútbol para los que tenemos color naranja solo en talle 50, pero al seleccionar color naranja y luego ir al atributo de talle nos continuara mostrando otros talles para los cuales no tenemos en naranja. En estos casos Woocommerce solo se limitara a mostrarnos un mensaje diciendo que «la combinación solicitada no corresponde a un producto en stock, selecciona otra combinación». Esto puede generar una gran confusión y abandono del proceso de compra por parte del cliente.

Solución para la correcta vista de productos variables con múltiples variantes y valores excluyentes

En general luego de cierta cantidad de variantes (25/30) los datos se cargarán a través de AJAX en lugar de manejarse en línea y esto genera la ausencia de valores excluyentes.  Es posible cambiar esta cantidad usando el filtro woocommerce_ajax_variation_threshold y puede usarse así:

add_filter( ‘woocommerce_ajax_variation_threshold’, ‘wc_ninja_ajax_threshold’ ); function wc_ninja_ajax_threshold() {     return 150; }

Para quienes no están familiarizados con la edición de código, se puede insertar esta línea de código vía el plugin «Code Snippets» que Elimina la necesidad de agregar fragmentos personalizados al archivo functions.php de tu tema. El mismo se puede encontrar acá: https://wordpress.org/plugins/code-snippets/

De esta manera podremos presentar productos variables con valores excluyentes correctamente para casos de múltiples variantes, así quedaría bien representado el caso de la imprenta:

Para más información sobre configuración de productos en WooCommerce

Para más información o una sesión de consultoría para implementación de tiendas on line con WordPress y WooCommerce pueden solicitar una sesión gratuita de consultoría e-commerce en www.conclave.io/contacto o directamente al Whatsapp en el siguiente link.

Fuente: https://wordpress.org/support/topic/variable-products-showing-all-possible-product-combos-even-nonexisting/#post-9557136

La entrada Tips: Productos Variables en WooCommerce se publicó primero en Cónclave.