Il ruolo delle logiche o workflows o flussi è quello di dare vita al nostro sito, cioè decidere ciascuno specifico elemento del nostro sito, quale particolare comportamento dovrà avere, quale azione dovrà succedere nel momento in cui l'elemento viene cliccato o comunque c'è un'interazione fra l'elemento e l'utente.

Dove siamo arrivati? Siamo arrivati al.

in cui abbiamo una pagina nella quale abbiamo un elemento testuale ed un'immagine, a titolo esemplificativo e abbiamo un input in cui lasciare la mail e una richiesta, una richiesta testuale qualsiasi e un button, con il testo lasciaci la tua mail che al momento non fa proprio niente.

Abbiamo già predisposto il data type richieste di contatto, quindi abbiamo un foglio Excel Google Sheet che si chiama richieste di contatto, che ha le colonne email e richiesta.

E poi ha tutta una serie di campi già predefiniti, fra cui ad esempio ci interessa la data di creazione.

Attualmente questo nostro Google Sheet è vuoto, ha solo l'intestazione delle colonne.

Quello che andiamo a fare adesso è creare il flusso che andrà a popolare il nostro foglio nel momento in cui qualcuno lascia la propria mail richiesta e schiaccia il bottone.

Cosa facciamo? Andiamo a lavorare sull'elemento, l'elemento button.

Ci clicchiamo sopra e vediamo che già Bubble ci suggerisce, qua evidenziato in giallo questo ad workflow.

Nel momento in cui io schiaccio ad workflow, Bubble mi teletrasporta sulla sezione dei flussi e già mi predispone un flusso che ha come trigger, e adesso vediamo bene che cos'è, proprio il click di questo bottone.

Vedete che schiaccio su A Workflow, mi sono spostato qua nella sezione workflow, ed è stato creato un nuovo flusso, quindi come se avessi schiacciato su New.

Che ha come trigger il button lasciaci la tua mail è stato cliccato.

Il trigger che cos'è, è l'elemento che attiva un flusso.

Il flusso è quindi composto da trigger e azioni.

Il trigger è ciò che lo attiva, ad esempio il bottone viene cliccato, le azioni è ciò che succede dopo.

In questo caso cosa vogliamo che succeda? Vogliamo che venga creato un elemento di database, vogliamo che venga scritta una riga nel nostro Google Sheet, nel quale andiamo a tracciare la lead e la richiesta che ci è appena stata fatta.

Clicchiamo quindi sul più qua sotto e andiamo a dirgli che vogliamo fare un'azione di tipo data e creare una nuova cosa.

Ci chiederà quindi di che tipo è questa nuova cosa.

E noi al momento abbiamo creato un solo tipo di dato che è il tipo richieste di ricontatto e lo selezioniamo.

Quindi gli abbiamo detto okay, quello che ti arriva quando viene schiacciato questo bottone vallo a scrivere nel foglio delle richieste di contatto.

Però non gli stiamo ancora dicendo cosa deve mettere nel campo email e cosa deve mettere nel campo richiesta.

Adesso andiamo a fare la corrispondenza fra, Il campo inserisci la tua mail e quello che verrà scritto nella colonna delle mail e il campo, che dove adesso non abbiamo messo nessun placeholder ma che vediamo che si chiama multi line input e la nostra richiesta.

Come facciamo a farlo? allora Intanto sono qua posizionato sul bottone e lui mi dà la possibilità di cliccare su Edit workflow e posizionarmi direttamente sul flusso in questione, il che è molto comodo perché quando ci sono tanti flussi, vengo teletrasportato direttamente sul flusso che effettivamente mi interessa.

Quindi clicco sull'azione che ho appena creato, l'azione crea una nuova richiesta di ricontatto e gli dico setta un campo.

Il campo email, cosa ci vado a scrivere dentro nel campo mail? Nel campo email ci vado a mettere dentro quello che trovo nell'input inserisci la tua mail.

E gli dico, prendi il valore che sta in quello scatolotto lì.

È importante dare dei nomi, comprensibili, quindi adesso io non ho rinominato l'elemento, ma per una miglior comprensione e gestione del sito è molto utile, dare un nome comprensibile ai nostri elementi di modo che poi dai flussi li possiamo richiamare in modo facile.

Ad esempio questo lo posso chiamare input, mail in grosso e questo qua lo posso chiamare, Input richiesta.

Così mi è molto più facile identificarlo quando li devo richiamare dai flussi.

Torno sulla scheda dei workflows e vedete che qua si è aggiornato, sa che nell'email deve mettere quello che trova nell'input mail, e gli dico a questo punto che nella colonna della richiesta, Deve mettere quello che trova nell'input della richiesta.

Ricordatevi sempre di selezionare value, perché? Perché quando dico input richiesta faccio riferimento allo scatolotto, per capirci.

Devo dirgli value, cioè quello che trovi dentro allo scatolotto.

A questo punto posso già cliccare sul triangolino qua in alto a destra ed andare a vedere la preview del sito.

Quindi qua metto dentro un indirizzo mail ovviamente fasullo.

Su per temi di privacy e qua scrivo qualcosa a caso, diciamo così, scriviamo esempio uno, così è più ordinato.

Nel momento in cui clicco lasciaci la tua mail, apparentemente non succede niente e infatti il prossimo step sarà quello di andare a migliorare il feedback la UX del sito.

Tuttavia possiamo andare a controllare se a database è stato salvato qualcosa.

Come facciamo? Clicchiamo qua sulla tab data, e sulla tab data vedete che compare la riga, okay? Quindi la nostra lead è stata salvata, molto bene.

A questo punto possiamo concentrarci su migliorare il feedback del sito all'azione dell'utente.

Quindi non mi limiterò al fatto che viene creata una nuova richiesta, gli chiederò, ad esempio di resettare degli input, così l'utente vede che si svuotano e capisce che è successo qualcosa e farò comparire anche una piccola notifichina chiederà, chiaramente all'utente il messaggio che la sua azione è andata a buon fine.

Ora se io clicco su aggiungi una nuova azione, quindi questo più, e qua, per contestualizzarti dove siamo, siamo sempre nella tab workflow, e siamo qua cliccati sull'unico flusso che abbiamo creato fino ad ora.

Vedete che Bubble già ci presenta quella che potrebbe essere l'azione più probabile ed è effettivamente proprio quella che ci serve.

Rset tra Levant inputs.

Lui che cosa fa? Va.

Quali sono gli input che sono stati coinvolti nell'azione e li resetta, li cancella.

A questo punto voglio aggiungere anche la notifichina, che non è immediatamente disponibile fra quelle um native, diciamo di bubble, no? Quindi cosa faccio? Me ne vado a installare una dai plug-in, che fa proprio questa cosa, mandare delle notifichine in app, durante la sessione dell'utente.

Cosa faccio? Faccio ad plugin, qua vi consiglio di utilizzare, prevalentemente o solamente i plug-in su cui vedete la scritta buy bubble, oppure quelli che hanno veramente tante installazioni.

Ora io vi consiglio per le notifichine questo Air alert, che è molto semplice e usato da tantissime app, vedete 367000 installazioni.

Ed è realizzato da AirDF che è probabilmente la top agenzia bubble al mondo o una delle.

Quindi lo considero affidabile e lo utilizzo.

Perché non utilizzare plug-in utilizzati da pochissime persone? Vedete ad esempio questo utilizzato da tre app, perché nel momento in cui lo, Sviluppatore decide di non mantenerlo più, la vostra app è totalmente dipendente da questo plug-in e presenta degli errori.

Quindi meglio utilizzare, delle dipendenze da software terzi, quindi in questo caso dai plug-in, solo se sono stabili, se le reputo affidabili.

Clicco quindi su installa e vedete che il plug-in è immediatamente disponibile fra i miei plug-in installati.

Qui se scendete un pochettino vedete le azioni disponibili, in questo caso noi ci limiteremo a usare la Air alert standard, che ci dà una notifichina standardizzata di diversi colori, può essere verde per messaggi di successo, giallo per warnings, rosso per gli errori e così via.

Torno quindi sui workflows, sul mio unico workflow, e dopo il reset tra levanti inputs richiamo, vedete che qua scrivo Air alert e scelgo l' alert standard.

Gli chiederò nell'adding, quindi nel titolo di questa notifichina, di scrivere ad esempio successo, e nel messaggio la tua richiesta è stata ricevuta.

Okay, molto bene.

Qua chiudiamo, quindi in questo momento se torna di nuovo in preview, Condivido la scheda, do un piccolo refresh al sito per assicurarmi che le ultime, modifiche siano state recepite e provo a fare la stessa cosa che abbiamo fatto prima.

Quindi ad esempio qua scrivo una mail, Fasulla giusto per, e qua scrivo ad esempio esempio due con grande fantasia, e qua clicco su lasciaci la tua mail, osservate bene cosa succede ora.

Vedete che qua si sono resettati e qua in alto a destra è comparsa una notifichina con scritto esattamente quello che abbiamo proposto noi.

Quindi abbiamo ottenuto l'integrazione fra tutti gli elementi che abbiamo messo a terra fino a ora, la parte di interfaccia grafica, la parte di database e, L'azione, la logica e il workflow.

Adesso questo è un vero sito funzionante in cui posso raccogliere delle lead.