Ir al contenido principal

Cómo utilizar las funciones Time Picker Type y Tour Group Headlines

Habilita el Time Picker Type 'select' y agrupa las franjas horarias para que al cliente le resulte más fácil elegir su hora de tour preferida.

Actualizado ayer

Time Picker Type (Tipo de selector de hora)

El Time Picker Type 'select' es una función que, al activarse, transforma la interfaz de selección de hora de botones individuales a un menú desplegable. Este diseño es especialmente útil cuando hay numerosas franjas horarias disponibles, ya que facilita que los clientes elijan su hora preferida.

Actualizar Data-Config

Agrega el siguiente fragmento de código en el atributo data-config de tu script de checkout, consulta la Guía de implementación para más información.

 "features": {
"timePickerType": "select",
},


Al agregar la función en el data-config se habilitará la entrada en todos los productos del checkout. Si deseas limitar esta función a productos específicos, puedes hacerlo especificando el ID del producto en el atributo data-config.

Puedes añadir la función timePickerType a tu data-config para script o botón.

<script 
src="https://cdn.checkout.ventrata.com/v3/production/ventrata-checkout.min.js" type="module" data-config='{"apiKey":"<YOUR_API_TOKEN>", "features": { "timePickerType": "select"} }'>
</script>

Flujo de 'Select' Time Picker Type

El cliente selecciona un producto donde el Time Picker Type 'select' está habilitado. Luego elige el número de unidades y la fecha.

Debajo del selector de fecha se muestra un campo desplegable que se rellena con las franjas horarias disponibles. El cliente selecciona una franja y continúa el flujo de reserva como de costumbre.

Time Picker Type: Button (left) &amp; Select (right)


Tour Groups Headlines (Encabezados de grupos de tours)

Puedes habilitar la función Tour Groups Headlines (Encabezados de grupos de tours), usada junto con el Time Picker Type 'select', para organizar tus franjas horarias en grupos de tours distintos, cada uno con su propio encabezado.

Esta categorización mejora la claridad y permite a los clientes diferenciar fácilmente entre las distintas opciones de tour.

Requisitos previos:

Actualizar Data-Config

Agrega el siguiente fragmento de código en el atributo data-config de tu script de checkout, consulta la Guía de implementación para más información.

 "features": {
"showTourGroupsHeadlines": true,
},


Al agregar la función en el data-config se habilitará la entrada en todos los productos del checkout. Si deseas limitar esta función a productos específicos, puedes hacerlo especificando el ID del producto en el atributo data-config.

Puedes añadir la función showTourGroupsHeadlines a tu data-config para script o botón.

<script 
src="https://cdn.checkout.ventrata.com/v3/production/ventrata-checkout.min.js" type="module" data-config='{"apiKey":"<YOUR_API_TOKEN>", "features": { "showTourGroupsHeadlines": true} }'>
</script>

Flujo de Tour Groups Headlines

El cliente selecciona un producto donde el Time Picker Type 'select' está habilitado. Luego elige el número de unidades y la fecha.

Debajo del selector de fecha se muestra un campo desplegable que se rellena con las franjas horarias disponibles. Las franjas se estructuran en grupos significativos. El cliente selecciona una franja y continúa el flujo de reserva como de costumbre.

Los tour groups con encabezados ofrecen una vista estructurada de las franjas horarias disponibles y ayudan a los clientes a entender el tipo de tours disponibles.

Tour Groups Headlines (right)


¿Ha quedado contestada tu pregunta?