Configurar el plugin WooCommerce by AntsRoute que permite a los clientes elegir la fecha y la franja horaria de entrega

Este método de trabajo del plugin WooCommerce by AntsRoute permite a sus clientes elegir una fecha y franja horaria de entrega antes de proceder al pago, con verificación previa de la disponibilidad y envío automático de los pedidos a AntsRoute.

Paso 1 - Instalar el plugin AntsRoute en WordPress

En primer lugar, debe instalar el plugin “WooCommerce Local Delivery Date Picker & Time Slots by AntsRoute” en su sitio web WordPress. Para ello, debes seguir los pasos que se indican a continuación:

1. Descargue el archivo .zip del plugin “WooCommerce Local Delivery Date Picker & Time Slots by AntsRoute” u obténgalo del marketplace de WooCommerce.
2. Inicie sesión en su cuenta de WordPress.
3. Accede a la pestaña “Plugins” > “Añadir nuevo”.
4. Pinche en el botón “Subir plugin”.
   

   

5. Pinche en el botón “Seleccionar un archivo” y seleccione el archivo que desea instalar.
6. Cuando aparezca el nombre del archivo, pinche en el botón “Instalar ahora”.
   

   

7. Pinche en el botón “Activar plugin”.

Paso 2 - Configurar las capacidades de los vehículos en AntsRoute

Las capacidades “Number” y “Weight” deben crearse en la cuenta AntsRoute. Estas capacidades permiten gestionar las cantidades (número de artículos y peso) que cada uno de los vehículos puede transportar durante una ruta.

1. Crear las capacidades “Number” y “Weight”

En primer lugar, debe crear estas dos capacidades desde la configuración siguiendo estos pasos:

1. Accede al módulo “Configuración”.
2. Pinche en la pestaña “Capacidades”.
3. Pinche en el botón “Añadir”.

   

4. Cree la primera capacidad “Number”:
   
   • Number (Nombre);
   • Unit (Unidad);
   • Opcional (Modo de validación).
5. Pinche en el botón “Guardar”.
   

   

6. Pinche de nuevo en el botón “Añadir” para crear la segunda capacidad.
7. Cree la segunda capacidad “Weight”:
   
   • Weight (Nombre) ;
   • Kg (Unidad) ;
   • Opcional (Modo de validación).
8. Pinche en el botón “Guardar”.
   

   

2. Determinar las capacidades de los vehículos

Después de crear las capacidades, debe indicar las cantidades que puede transportar cada uno de sus vehículos.

1. Accede al módulo “Recursos”.
2. Pinche en la pestaña “Vehículos”.
3. Para el primer vehículo, pinche en “...” y “Editar”.

   

4. Determine la cantidad “Number” que puede transportar el vehículo.
5. Determine la cantidad “Weight” que puede transportar el vehículo.
6. Pinche en el botón “Guardar”.

   

7. Pinche en el botón “Confirmar”.
8. Repite estos pasos para cada vehículo.

Paso 3 - Obtener una clave API de AntsRoute

Desde su cuenta de AntsRoute, debe obtener una clave de API que se le pedirá más adelante cuando configure el plugin WooCommerce by AntsRoute. Para ello, sigue estos pasos:

1. Pinche en el círculo azul de la parte superior derecha.
2. Pinche en la pestaña “Integraciones”.
   

   

3. Pinche en “Claves de API”.
4. Pinche en el botón “+”.
   

   

5. Indique el “Nombre” de esta clave.
6. Seleccione el almacén para el que desea generar una clave API.
7. Pinche en el botón “Crear”.

   

8. Pinche en el botón “Copiar”.
9. Pinche en el botón “Continuar”.
   

   

Paso 4 - Configurar el plugin WooCommerce by AntsRoute en WordPress

Durante este paso, puede decidir verificar la disponibilidad cuando el cliente elija la franja horaria de entrega o enviar el pedido directamente a AntsRoute sin verificar la disponibilidad.

Opción 1 - Verificar la disponibilidad en AntsRoute

Al elegir esta primera opción, acepta que sus clientes puedan buscar directamente la disponibilidad para la entrega de su pedido en su calendario. Las disponibilidades mostradas a los clientes serán válidas durante un tiempo limitado.

Este tiempo de validez puede configurarse desde su cuenta AntsRoute > Configuración > Configuración > Configuración de optimización.

Una vez que se valida una disponibilidad, es decir, tan pronto como el cliente confirma la fecha y la franja horaria seleccionada, se liberan todas las demás disponibilidades mostradas.

1. Accede a "WooCommerce" > "AntsRoute".
2. Pinche en "Settings".
3. Elige la opción "Let customers choose the date and time slot".
4. Elige una "Shipping zone and method" que haya definido en los ajustes de WooCommerce.
5. Introduce la "AntsRoute site API key" (clave de API) que recuperaste en el paso anterior.
6. Elige el "AntsRoute order deletion trigger" (activador de borrado de pedidos). Por ejemplo, si eliges la opción "Refunded", en cuanto el pedido cambie al estado "Refunded" (reembolsado) en WooCommerce, la entrega se cancelará en AntsRoute.

   

7. Active “Check availability in AntsRoute” seleccionando la opción “Yes”.
8. Determine hasta cuatro “Delivery time slots” (franjas horarias de entrega) que se mostrarán a sus clientes en el momento de programar la entrega.
9. Seleccione los “Deliverys days” (días de entrega) que se mostrarán a sus clientes.
10. Determine la “Minimum open calendar date” (fecha mínima de calendario abierto), es decir, la fecha a partir de la cual se puede programar la entrega. Por ejemplo, “0” permite programar una entrega para el mismo día; “1” permite programar una entrega para el día siguiente; “2” permite programar una entrega en D+2; etc.
    

    

11. Si elige una fecha mínima de calendario abierto de “0” o “1”, puede establecer una “Delivery cut-off hour” (hora límite de entrega), es decir, la hora a partir de la cual sus clientes ya no pueden programar una entrega. Por ejemplo, si elige una hora límite de entrega a las 18:00, sus clientes podrán programar una entrega para ese mismo día (o para el día siguiente) hasta las 18:00.
12. Si elige una fecha mínima de calendario abierto de “0”, puede establecer una "Minimum duration before delivery time slot" (duración mínima antes de la franja horaria de entrega), es decir, una duración en minutos antes de la franja horaria a partir de la cual ya no es posible programar una entrega para el mismo día. Por ejemplo, si establece 30 minutos y su cliente elige la franja horaria de entrega de 10:00 a 12:00, el cliente podrá programar la entrega para el mismo día hasta las 9:30.
13. Determine la “Maximum selectable date” (fecha máxima seleccionable), es decir, la fecha hasta la cual sus clientes pueden programar una entrega. Por ejemplo, si establece una fecha máxima de 10 días y su cliente realiza su pedido el 10 de abril de 2022, podrá programar su entrega hasta el 20 de abril de 2022.
14. Configure la “Delivery duration” (duración de la entrega) por defecto, es decir, el tiempo necesario en minutos para que su repartidor saque la mercancía del vehículo y se la entregue al cliente.
15. Si es necesario, indique las “Holidays and days off” (vacaciones y días libres) en el formato aaaa-mm-dd. Por ejemplo, 2022-11-11.
16. Pinche en el botón “Guardar”.
    

    

Opción 2 - No verificar la disponibilidad en AntsRoute

Si elige esta segunda opción, no comprobará la disponibilidad cuando sus clientes programen las entregas. En su lugar, puede elegir el módulo al que se envían las entregas: “Organize” (organizar) o “Delivery basket” (cesta de entregas).

1. Accede a "WooCommerce" > "AntsRoute".
2. Pinche en "Settings".
3. Elige la opción "Let customers choose the date and time slot".
4. Elige una "Shipping zone and method" que haya definido en los ajustes de WooCommerce.
5. Introduce la "AntsRoute site API key" (clave de API) que recuperaste en el paso anterior.
6. Elige el "AntsRoute order deletion trigger" (activador de borrado de pedidos). Por ejemplo, si eliges la opción "Refunded", en cuanto el pedido cambie al estado "Refunded" (reembolsado) en WooCommerce, la entrega se cancelará en AntsRoute.

   

7. Desactive “Check availability in AntsRoute” seleccionando la opción “No”.
8. Seleccione el módulo al que desea “Add order to” (añadir pedido).
9. Determine hasta cuatro “Delivery time slots” (franjas horarias de entrega) que se mostrarán a sus clientes en el momento de programar la entrega.
10. Seleccione los “Deliverys days” (días de entrega) que se mostrarán a sus clientes.
    

    

11. Determine la “Minimum open calendar date” (fecha mínima de calendario abierto), es decir, la fecha a partir de la cual se puede programar la entrega. Por ejemplo, “0” permite programar una entrega para el mismo día; “1” permite programar una entrega para el día siguiente; “2” permite programar una entrega en D+2; etc.
12. Si elige una fecha mínima de calendario abierto de “0” o “1”, puede establecer una “Delivery cut-off hour” (hora límite de entrega), es decir, la hora a partir de la cual sus clientes ya no pueden programar una entrega. Por ejemplo, si elige una hora límite de entrega a las 18:00, sus clientes podrán programar una entrega para ese mismo día (o para el día siguiente) hasta las 18:00.
13. Si elige una fecha mínima de calendario abierto de “0”, puede establecer una “Minimum duration before delivery time slot” (duración mínima antes de la franja horaria de entrega), es decir, una duración en minutos antes de la franja horaria a partir de la cual ya no es posible programar una entrega para el mismo día. Por ejemplo, si establece 30 minutos y su cliente elige la franja horaria de entrega de 10:00 a 12:00, el cliente podrá programar la entrega para el mismo día hasta las 9:30.
14. Determine la “Maximum selectable date” (fecha máxima seleccionable), es decir, la fecha hasta la cual sus clientes pueden programar una entrega. Por ejemplo, si establece una fecha máxima de 10 días y su cliente realiza su pedido el 10 de abril de 2022, podrá programar su entrega hasta el 20 de abril de 2022.
15. Configure la “Delivery duration” (duración de la entrega) por defecto, es decir, el tiempo necesario en minutos para que su repartidor saque la mercancía del vehículo y se la entregue al cliente.
16. Si es necesario, indique las “Holidays and days off” (vacaciones y días libres) en el formato aaaa-mm-dd. Por ejemplo, 2022-11-11.
17. Pinche en el botón “Guardar”.
    

    

Paso 5 - Enviar el estado de las entregas de AntsRoute a WooCommerce usando los webhooks

También tenemos webhooks en AntsRoute para enviar el estado de la entrega a WooCommerce. Aquí hay pasos a seguir para configurar webhooks:

1. Accede a WordPress > WooCommerce > AntsRoute.
2. Pinche en la pestaña “Webhooks”.
3. Copie la URL.

   

4. Accede a su cuenta AntsRoute.
5. Pinche en el círculo azul de la parte superior derecha.
6. Pinche en la pestaña “Integraciones”.

   

7. Pinche en la pestaña “Webhooks”.
8. Pinche en el botón “+”.

   

9. Introduce el “Nombre” de este webhook.
10. Pegue la “Dirección URL” que recuperó anteriormente.
11. Elige el “Modo de autenticación: Ninguno”.
12. Seleccione los “Eventos a enviar”:
    
    • Entrega realizada;
    • Entrega cancelada;
    • Entrega eliminada;
    • Entrega bloqueada.
13. Seleccione el “Almacén afectado”.
14. Pinche en el botón “Guardar”.
    

    

Después, puede ir a WordPress > WooCommerce > Pedidos para ver el estado de cada entrega.

Paso 6 - Personalizar la visualización del plugin WooCommerce by AntsRoute

La visualización del plugin WooCommerce by AntsRoute puede personalizarse para adaptarla a su marca. Para personalizar la visualización del calendario que permite a sus clientes seleccionar la fecha y la franja horaria de entrega, debe ir a WordPress > WooCommerce > AntsRoute > Customization.

Estos son los elementos que pueden personalizarse:

• Field header (cabecera del campo);
• Field position (posición del campo) - es decir, dónde deben mostrarse los campos de selección de fecha y franja horaria;
• Field priority (prioridad del campo) - es decir, la prioridad del plugin WooCommerce by AntsRoute en comparación con otros plugins;
• Date field label (etiqueta del campo de fecha) - por ejemplo, la fecha de entrega preferida;
• Date field description (descripción del campo de fecha);
• The week starts on (la semana comienza el) - es decir, el día de la semana que se mostrará primero en el calendario;
• Date format (formato de fecha) - aa-mm-dd o aa/mm/dd;
• Time slot field label (etiqueta del campo de franja horaria) - por ejemplo: franja horaria de entrega solicitada;
• Time slot field description (descripción de la franja horaria);
• Time slot field format (formato del campo franja horaria) - g:i a (por ejemplo: 15:00 - 17:00) o H:i (por ejemplo: 15:00 - 17:00).

Paso 7 - Gestionar los campos personalizados en AntsRoute

La creación de campos personalizados permite enviar información desde WooCommerce a AntsRoute. Por ejemplo, la descripción y el precio de los artículos, la forma de pago, etc.

1. Crear una nueva categoría

La creación de una categoría es útil para agrupar los campos personalizados y facilitar la lectura de la información. Por ejemplo, “Campos personalizados” o “Campos de WooCommerce”.

1. Accede al módulo “Configuración”.
2. Pinche en la pestaña “Campos personalizados”.
3. Pinche en la pestaña “Entrega”.
4. Pinche en el botón “Crear una categoría”.

   

5. Introduce un “Nombre” para esta categoría.
6. Pinche en el botón “Guardar”.

   

2. Añadir el campo personalizado “Price”

1. Pinche en el botón “Crear un campo”.
   

   

2. Introduce el nombre “Price”.
3. Para el tipo de campo, elige la opción “Tipo de texto”.
4. Pinche en el botón “Guardar”.

   

3. Añadir el campo personalizado “Description”

1. Pinche en el botón “Crear un campo”.
2. Introduce el nombre “Description”.
3. Para el tipo de campo, elige la opción “Tipo de texto”.
4. Pinche en el botón “Guardar”.
   

   

4. Añadir el campo personalizado “Payment method”

1. Pinche en el botón “Crear un campo”.
2. Introduce el nombre “Payment method”.
3. Para el tipo de campo, elige la opción “Tipo de texto”.
4. Pinche en el botón “Guardar”.

   

5. Añadir el campo personalizado “Currency”

1. Pinche en el botón “Crear un campo”.
2. Introduce el nombre “Currency”.
3. Para el tipo de campo, elige la opción “Tipo de texto”.
4. Pinche en el botón “Guardar”.
   

   

6. Añadir el campo personalizado “Paid”

1. Pinche en el botón “Crear un campo”.
2. Introduce el nombre “Paid”.
3. Para el tipo de campo, elige la opción “Tipo de lista”.
4. Añade las opciones "true" y "false".
5. Pinche en el botón “Guardar”.