PREMESSA: questo tutorial non è semplicissimo, perchè richiede di seguire alcune operazioni alla lettera, altrimenti non otterrai il risultato voluto.

OBIETTIVO: se tutto funzionerà alla perfezione, dentro il Bot sarà possibile aprire una finestra contenente un calendario, nel quale scegliere una data. Confermata tale data, la finestra del calendario si chiuderà automaticamente e il Bot comunicherà in formato testo il giorno selezionato.

BENEFICIO: questa funzionalità è utile soprattutto per i servizi di prenotazione: anziché chiedere all’utente di scrivere “a mano” la data desiderata (con tutti i problemi che ne possono derivare in seguito alle varie modalità di espressione) gli daremo la possibilità di scegliere un giorno preciso, selezionandolo da un calendario aggiornato e intuitivo.

COSA TI SERVE:

Bot Chatfuel connesso a pagina Facebook
Web server con SSL (https) abilitato

PARTE 1: i files .php
Scarica il file https://lucianozambito.it/marketers/calendario-risorse.zip e decomprimilo.

A te interessano questi 4 files:

  • config.php
  •  crea_pulsante.php
  • index.php
  • manda-data-a-chatfuel.php

Dato che siamo nel periodo di Pasqua, ho fatto le ore piccole per fartene modificare soltanto uno, spero apprezzerai 🙂

Apri config.php con un editor di testo e modificalo seguendo le indicazioni in italiano che troverai al suo interno.
Salva le modifiche, dopodiché carica questi 4 files dentro una cartella (pubblicamente accessibile) sul tuo server che chiamerai marketers.

PARTE 2: Chatfuel

In Chatfuel, vai su “Configure” e inserisci il dominio del tuo sito:
– MESSENGER EXTENSION URLs = https://www.iltuosito.it/*

chatfuel messenger_extension

– DOMAIN WHITELISTING = www.iltuosito.it

chatfuel domain_whitelisting

Vai nel tab “Automate” (dove costruisci il Bot) e crea un nuovo gruppo che chiamerai “TUTORIAL”; qui dentro puoi creare un nuovo blocco e chiamarlo “calendario”.

Inserisci al suo interno un plugin di tipo JSON API, dove impostarerai:

TYPE = GET
URL = https://www.iltuosito.it/marketers/crea_pulsante.php
USER ATTRIBUTES = {{chatfuel_user_id}}   ← non preoccuparti se non venisse riconosciuto: esci dal blocco e rientra per riprovare.
Ecco il risultato che dovresti ottenere:

chatfuel calendario_json

Crea ora un nuovo blocco e chiamalo “blocco_di_ritorno”.
Deve chiamarsi esattamente in questo modo: ti consiglio di fare copia e incolla di quanto contenuto tra i doppi apici.
Inserisci un blocco di testo, all’interno del quale scriverai:

“Benissimo, la data scelta è: {{data-selezionata}}.”

chatfuel blocco-di-ritorno

TEST: per verificare il funzionamento del calendario, apri Messenger e chatta col tuo Bot. Raggiungi il blocco “calendario” che abbiamo creato precedentemente e:

1. premi il pulsante che aprirà il calendario;
2. scegli la data che preferisci (in automatico viene proposta la data odierna);
3. premi su CONFERMA LA DATA;
4. e riceverai il messaggio che la confermerà.

Luciano Zambito

Ad oggi ho realizzato quasi 100 Bots per Messenger e il web grazie a Chatfuel, ManyChat, Flow XO e Dialogflow, per le quali offro anche consulenza.

Share This