API del Widget | Zapiet Help Center

Tenemos una lista de eventos a los que puede acceder cuando se toman acciones relevantes en el widget. Se puede acceder a esos eventos a través de la interfaz ZapietEvent.

Para escuchar los eventos descritos aquí, use el método window.ZapietEvent.listen(). Este método acepta dos argumentos:

El nombre del evento
Una función de devolución de llamada opcional con la carga útil del evento

Ejemplo:

window.ZapietEvent.listen("widget_loaded", function() {
alert("Zapiet widget loaded!");
});

Echa un vistazo a nuestra Documentación de la API del widget para obtener más información.

Eventos disponibles

El tiempo de preparación, los límites de franjas horarias y la activación condicional son compatibles a través de la API de ubicaciones.

Los siguientes eventos están disponibles en v7.0.5 y superior:

widget_loaded
- Se activa cuando el widget termina de cargarse en la página y está listo para usarse.

selected_method

Se activa cuando se selecciona un método de pago en el widget.
Tipo de carga útil: "entrega" | "recogida" | "envío"

Ejemplo:

window.ZapietEvent.listen("selected_method", function(checkout_method) {     
  switch (checkout_method) { 
    case "pickup": 
      // Do something when pickup is selected 
      break; 
    case "delivery": 
      // Do something when delivery is selected 
      break; 
    case "shipping": 
      // Do something when shipping is selected 
      break; 
  }
});

delivery.datepicker.rendered
- Se activa cuando el calendario de entrega se muestra en la página.
delivery.datepicker.opened
- Se dispara cuando se abre el calendario de entrega.

delivery.datepicker.opened
- Se dispara cuando se abre el calendario de entrega.
delivery.timepicker.rendered
- Se activa cuando el selector de tiempo de entrega se representa en la página.
delivery.timepicker.opened
- Se activa cuando se abre el selector de tiempo de entrega.

pickup.datepicker.rendered
- Se activa cuando el calendario de recogida se muestra en la página.

pickup.datepicker.rendered
- Se activa cuando el calendario de recogida se muestra en la página.
pickup.datepicker.opened
- Se activa cuando se abre el calendario de recogida.
pickup.timepicker.rendered
- Se activa cuando el selector de hora de recogida se representa en la página.
shipping.datepicker.rendered
- Se activa cuando el calendario de envío se representa en la página.
shipping.datepicker.opened
- Se activa cuando se abre el calendario de envío.

checkoutEnabled

Se activa cuando el botón de pago está habilitado y proporciona los parámetros de pago.

Tipo de carga útil:

{
method: "pickup" | "shipping" | "delivery",
location: {
id: number,
company_name: string,
date_picker_enabled: boolean,
latitude: string,
longitude: string,
address_line_1: string,
address_line_2: string,
city: string,
country: string,
postal_code: string,
region: string,
region_code: string,
slots: array,
custom_attribute_1: string,
custom_attribute_2: string,
custom_attribute_3: string,
more_information: string,
opening_hours: any,
distance: string,
limits_enabled: string,
time_picker_enabled: boolean
},
date: string,
time: string,
start_time: string,
slot_id: number,
postal_code: string
}

Ejemplo:

window.ZapietEvent.listen("checkoutEnabled", function(params) {
if (params.method == "pickup") {
console.log("Checkout enabled with Store pickup selected");
}
});

The following events are currently available on the newest version of our app:

Zapiet.setCheckoutMethod( "delivery" | "pickup" | "shipping"):
- Se utiliza para seleccionar un método de pago: Envío, Entrega o Recogida.
Zapiet.getSelectedCheckoutMethod():
- Se utiliza para obtener el método de pago seleccionado.
Zapiet.getAvailableCheckoutMethods():
- Se utiliza para obtener los métodos de pago disponibles.

locationSelected

Se dispara cada vez que se selecciona una ubicación, ya sea en entrega o recogida.

Tipo de carga útil:

{
method: "pickup" | "shipping" | "delivery",
location: {
id: number,
company_name: string,
date_picker_enabled: boolean,
latitude: string,
longitude: string,
address_line_1: string,
address_line_2: string,
city: string,
country: string,
postal_code: string,
region: string,
region_code: string,
slots: array,
custom_attribute_1: string,
custom_attribute_2: string,
custom_attribute_3: string,
more_information: string,
opening_hours: any,
distance: string,
limits_enabled: string,
time_picker_enabled: boolean
}
}

Ejemplo:

window.ZapietEvent.listen("locationSelected", function(params) {
if (params.method == "pickup") {
console.log("Pickup location selected: " + params.location.company_name); 
}
});

Atributos del carrito

Usamos la API del carrito de Shopify para agregar los atributos necesarios a tus pedidos.

Lista de los posibles atributos:

Checkout-Method: "pickup" | "delivery" | "shipping"
Pickup-Location-Id
Pickup-Location-Company
Pickup-Location-Address-Line-1
Pickup-Location-Address-Line-2
Pickup-Location-City
Pickup-Location-Region
Pickup-Location-Postal-Code
Pickup-Location-Country
Pickup-Date
Pickup-Time
Delivery-Location-Id
Delivery-Date
Delivery-Time
Delivery-Slot-Id (Internal use only)
Shipping-Date
Custom-Attribute-1
Custom-Attribute-2
Custom-Attribute-3