¿Cómo configurar un menú de opciones desde la API de WhatsApp?

How to capture user interaction with buttons?

Let's improve the user experience! When a user selects options like "Schedule", "Inquire" or "Location", we need to capture those interactions and respond appropriately. To achieve this, we need to modify our code and make sure we handle these events correctly.

else if (message?.type === 'interactive') { const optionChosen = message?.interactive?.button_reply?.title.toLowerCase(); handleMenuOption(mesasFrom, optionChosen); WhatsAppService.marcadoLeido(mesasID);}

How to process the selected option?

Once the interaction is captured, we will create a function called handleMenuOption to handle the actions based on the user's choice. This function will allow us to build the expected response flow.

async function handleMenuOption(who, option) { let response;    
 switch(option) { case 'schedule': response = 'Let's schedule an appointment.  Here is the flow...'; break;        
 case 'consult': response = 'Make your consultation now.'; break;        
 case 'location': response = 'This is our location.'; break;        
 default: response = 'Sorry, I didn't understand your selection.  Please choose one of the options from the menu.'; break; }    
 await WhatsAppService.sendMessage(who, response);}

How to send responses according to the defined logic?

After determining the option the user chose, we will send a response. To maintain good communication, it is important to reuse the WhatsApp message service in text mode, avoiding creating multiple logics to handle different types of messages.

Error handling: what to do if something goes wrong?

Errors are our allies when it comes to debugging. In this case, if we encounter an error during execution, it is crucial to check the 'logs' inviting detailed information about the failure, such as a missing parameter or an invalid request.

WhatsAppService.sendMessage(who, response).catch((error) => { console.error('Error sending message:', error);});

How to improve the bot functionality?

It's just the beginning! By getting the bot to recognize and handle basic interactions, we can start including multimedia content and other resources, such as images or audios, that will enrich interaction flows and offer a more dynamic experience.

Continue to explore and build additional features to schedule appointments, send precise locations, and store user-provided information. With each step, the bot will become a powerful support and automation tool, so keep learning and experimenting!