How integrate IFTTT with Hangouts Chat

Think that you need receive a message notification in a group at the meeting time.

1 — Create a WebHook

Go to the “Configure webhooks” option.

The Name option will be the “user” name displayed and the avatar URL will be the image displayed.

After click on Save button, you’ll receive a URL of Webhook. Save this URL.

2 — Setting up the Applet (IFTTT)

Go to your IFTTT account and create a New Apple.

Click in + this option, you will select the service that will trigger the message, for us, will be Google Calendar.

And now select the trigger option, in our case, Event from search starts.

Select your calendar, the keyword is the search term, and set up the time before.

Now, select + that option.

And you need to select WEBHOOK service.

Click in Make a web request.

• Put your saved URL in URL input.;
• Select POST Method.;
• In Content Type, select application/json;
• Now in the Body put the json above:

{
    "cards": [
        {
            "header": {
                "title": "{{Title}}",
                "subtitle": "{{Description}}",
                "imageUrl": "->URL_IMAGE_HERE<-"
            },
            "sections": [
                {
                    "widgets": [
                        {
                            "keyValue": {
                                "topLabel": "Starts",
                                "content": "{{Starts}}"
                            }
                        },
                        {
                            "keyValue": {
                                "topLabel": "Ends",
                                "content": "{{Ends}}"
                            }
                        }
                    ]
                },
                {
                    "widgets": [
                        {
                            "buttons": [
                                {
                                    "textButton": {
                                        "text": "OPEN",
                                        "onClick": {
                                            "openLink": {
                                                "url": "{{EventUrl}}"
                                            }
                                        }
                                    }
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

Replace the ->URL_IMAGE_HERE<- with an URL of an icon of your service (like google calendar).

DONE now save and wait to receive your meeting notifications :)

An example (in Portuguese):