Cómo enviar notificaciones y recordatorios por WhatsApp con Cal.com

Cal.com es una potente plataforma de automatización del flujo de trabajo diseñada para agilizar y simplificar las tareas de gestión y programación de eventos. Con Cal.com, puedes automatizar varios aspectos de tu flujo de trabajo, mejorando la eficiencia y garantizando que todo funcione sin problemas.

Puedes utilizar 2Chat para integrar Cal.com con WhatsApp a través de disparadores de flujo de tipo Webhook. Un disparador webhook en 2Chat te permite enviar solicitudes POST y enviar mensajes de WhasApp personalizados.

Lo que necesitarás es lo siguiente

• Una cuenta de Cal.com.
• Un número de teléfono personal habilitado para WhatsApp o WhatsApp Business.
• Una cuenta de 2Chat con tu número de WhatsApp conectado a ella.

Para conseguirlo debes seguir estos pasos:

Crea un Event Type

Haz clic en Event Types y luego en New

Ingresa la información del evento y luego haz clic en Continue

Adiciona el campo de número de teléfono

Si quieres enviar un mensaje de WhatsApp personalizado necesitarás el número de teléfono del cliente, por lo que añadiremos este campo como una nueva pregunta. Para ello debes pulsar en Advanced y desplazarte por la ventana hasta la parte inferior donde podrás añadir las preguntas personalizadas que necesites de tu cliente. Haz clic en Add a question

Debes configurar los parámetros de la nueva pregunta.

• Input Type: Seleccione Phone
• Identifier: Este es el nombre interno de este campo y será necesario más adelante cuando tengamos que enviar las variables personalizadas a 2Chat.
• Label: Este es el texto que el cliente va a ver
• Required: Como deseas enviar un mensaje de WhatsApp al cliente, por lo que debe seleccionar Yes.

Ahora haz clic en Add.

Configura el webhook

Ahora debes conectar Cal.com con 2Chat y para ello utilizaremos un flujo creado previamente.

Puedes ver un tutorial paso a paso sobre cómo crear un flujo 2Chat activado por un webhook en este enlace

Para configurar en Cal.com haga clic en Webhooks y luego haga clic en New webhook.

Vaya a 2chat y abra el flujo que creó para recibir el webhook, copie la URL y péguela en el campo Subscriber URL

Después de insertar la URL, configure los demás campos:

• Enable webhook: Debe estar habilitado
• Event triggers: Debes seleccionar los eventos cuando el webhook será llamado. Para este ejemplo hemos seleccionado Booking Created y Booking Requested porque queremos enviar un mensaje de confirmación al WhatsAapp del cliente, pero podrías utilizar el mismo proceso para otros eventos desencadenantes.
• Payload Template: Esta es la solicitud JSON que se enviará desde Cal.com a su flujo en 2Chat. Utilizaremos esta plantilla, los valores con doble corchete {{value}} son campos proporcionados por Cal.com al invocar el webhook:

    
{
  "to_number": "{{responses.phone.value}}",
  "variables": {
    "title": "{{title}}",
    "startsAt": "{{startTime}}",
    "endsAt": "{{endTime}}",
    "timeZone": "{{organizer.timeZone}}",
    "organizer": "{{organizer.name}}",
    "booker": "{{attendees.0.name}}",
    "description": "{{description}}",
    "email": "{{responses.email.value}}"    
  }
}

El valor {{responses.phone.value}} devolverá el número de teléfono de la pregunta que hemos añadido anteriormente. Si quieres añadir otras variables aquí tienes otros campos:

* description
* type
* title
* eventTitle
* startTime
* attendees[0].firstName
* attendees[0].lastName
* attendees[0].name
* attendees[0].timeZone
* attendees[0].language
* attendees[0].language.locale
* attendees[0].email
* organizer.timeFormat
* organizer.name
* organizer.timeZone
* organizer.language
* organizer.language.locale
* organizer.id
* organizer.email
* organizer.username
* responses.rescheduleReason
* responses.notes
* responses.notes.value
* responses.phone
* responses.phone.value
* responses.name.value
* responses.guests.value
* responses.location.value
* responses.location.value.optionValue
* responses.location.value.value
* responses.title
* responses.email.value
* endTime

Cuando lo tengas todo listo pulsa en Create Webhook y a continuación en Save para crear el Tipo de Evento.

Crea mensaje personalizado de WhatsApp

Ahora ve a 2Chat para configurar el mensaje que recibirá el cliente después de crear una nueva cita. Puede utilizar esta plantilla y personalizarla:

Hi {{booker}} 👋!

Thank you for booking an appointment with {{organizer}} . Here are the details:

*{{title}}*

🗓️ {{startsAt}} to {{endsAt}}
       _Timezone:_ {{timeZone}}

_*We will send you a reminder a few hours before your appointment*_

Aquí puedes ver la correspondencia entre el JSON enviado desde Cal.com y el mensaje de WhatsApp

Puede añadir la plantilla en un componente Mensaje del flujo de 2Chat

Ahora, cada nueva cita creada en Cal.com enviará un mensaje al cliente.