Llamar para reservar

¿En dónde puedo encontrarlo? Servicios/Compañía >>> Ajustes por defecto >>> Preferencias de reservas >>> Hora de corte

Instrucciones

Paso 1: Activa la funcionalidad

Puedes activar esta funcionalidad a nivel de Compañía o individualmente en cada servicio. Ve a Compañía >>> Ajustes por defecto >>> Preferencias de reservas >>> Hora de corte o Servicios >>> PX >>> Ajustes por defecto >>> Preferencias de reservas >>> Hora de corte, y marca la casilla que se indica en las capturas: 

Vista en "Compañía"

Vista en "Servicios"

Paso 2: (opcional) añade una leyenda

Si, además, quieres mostrar una leyenda que explique el significado de cada color en tu calendario de reservas, puedes copiar y pegar el siguiente código dentro de cada servicio que use esta funcionalidad, yendo a Servicios >>> PX >>> Ajustes por defecto >>> Servicio HTML personalizado. 

<center>
<label class="event-label" title="Disponible"><span title="Disponible">DISPONIBLE</span></label>

<label class="event-label-closed too-late" title="Llamar para consultar disponibilidad"><span title="Llamar para consultar disponibilidad">LLAMAR PARA RESERVAR</span></label>

<label class="event-label-closed" title="No disponible"><span title="No disponible">OCUPADO</span></label>
</center>

 Ten en cuenta: esta opción puede ser usada por todos los servicios a la vez si habilitas la opción Usar las preferencias de reserva de compañía dentro de cada servicio. 

Opciones para la leyenda

En vez de simplemente indicarles a tus usuarios que pueden llamarte para consultar la disponibilidad de ese evento, puedes ofrecer enlaces directos para que realicen una llamada o contacten al whatsapp del número telefónico que desees.

Para ello, deberás añadir el código que corresponda en el/los servicio/s donde desees que aparezca, dentro de Servicios >>> PX >>> PX >>>Ajustes por defecto >>> Servicio HTML personalizado. 

Leyenda + llamada

Deberás modificar el número de teléfono dentro del atributo href="tel:+34XXXXXXXXX" al que desees. Lo verás resaltado en rojo en el código:

<script>

var legend= $( '<div style="margin-top:0;text-align:left;"><label class="event-label" title="Disponible"><span title="Disponible">DISPONIBLE</span></label><label class="event-label-closed too-late" title="Llamar para consultar disponibilidad"><span title="Llamar para consultar disponibilidad">LLAMAR PARA RESERVAR</span></label><label class="event-label-closed" title="No disponible"><span title="No disponible">NO DISPONIBLE</span></label></div>' );

$( document ).ready(function() {

setTimeout(function(){    

//$('#eventsCalendar-slider').append($legend);

legend.insertAfter($('.eventsCalendar-slider'));

}, 100);

});

/* Add phone to violet */

$(document).on( "afterInsertAfter", null, function() {

$('.event-label-closed.too-late span').wrap( '<a style=“text-decoration:none” href="tel:+34XXXXXXXXX"></a>');

});

</script>

Leyenda + whatsapp

Para que este código funcione el número asociado deberá estar activo en Whatsapp.

Deberás modificar el número de teléfono dentro del atributo href="https://api.whatsapp.com/send?phone=34XXXXXXXXX&text=" al que desees. Lo verás resaltado en rojo en el código:

<script>

var legend= $( '<div style="margin-top:0;text-align:left;"><label class="event-label" title="Disponible"><span title="Disponible">DISPONIBLE</span></label><label class="event-label-closed too-late" title="Escribir por whatsapp"><span title="Escribir por whatsapp">CONSULTAR POR WHATSAPP</span></label><label class="event-label-closed" title="No disponible"><span title="No disponible">NO DISPONIBLE</span></label></div>' );

$( document ).ready(function() {

setTimeout(function(){    

//$('#eventsCalendar-slider').append($legend);

legend.insertAfter($('.eventsCalendar-slider'));

}, 100);

});

/* Add phone to violet */

$(document).on( "afterInsertAfter", null, function() {

$('.event-label-closed.too-late span').wrap( '<a style="text-decoration:none" href="https://api.whatsapp.com/send?phone=34XXXXXXXXX&text=" target="_blank"></a>');

});

</script>