è giunto il momento dell'esercizio e ti faccio subito alzare l'asticella significativamente.

Ti propongo un esercizio piuttosto complesso e la mia sfida il mio invito è quello di utilizzare sempre l'intelligenza artificiale per farti aiutare nella risoluzione.

Inoltre Bubble mette a disposizione un forum con una community molto molto attiva.

Con tantissime risposte e tantissimi casi già risolti.

Quindi sono sicuro che con il tuo impegno riuscirai, sicuramente a risolvere questo esercizio.

Io in ogni caso, ti faccio la risoluzione di seguito, quindi potrai seguire quello che è il mio step, i miei procedimenti, se non riesci a cavartela da solo e va benissimo.

Cosa faremo? Costruiremo un pannellino admin per vedere tutte le richieste che ci arrivano e per poter rispondere in modo facile a tutte le richieste.

Procediamo subito.

allora Intanto quali sono gli elementi che vedremo? Creare una nuova pagina del sito, utilizzare la navigazione fra pagine, utilizzare un elemento fondamentale che si chiama repeating group, E prenderò dimestichezza con i flussi e workflows.

Procediamo subito.

Come prima cosa procedo a creare la nuova pagina.

Vado qua su dove vedo scritto index, che è la pagina slash niente, per intenderci, viene chiamata um di default index ed della home.

E clicco su New.

nuova pagina, gli dico di partire con una pagina bianca, quindi clone from non seleziono niente e la pagina la chiamo admin.

Bubble mi crea una pagina vuota, dunque quello che faccio è, come abbiamo fatto per il primo esempio, dare subito il layout in colonna.

In questo caso cosa faccio? Metto dentro subito quello che si chiama repeating group.

Repeating group è un elemento un po' speciale, dove io definisco la configurazione della prima celletta e poi lui mi replica questa stessa celletta tante volte quanti elementi ho in database.

Devo solo dirgli quali elementi di database breader.

In questo caso quindi clicco su appearance, e gli dico come tipo di contenuto voglio le richieste di contatto, e come data source gli dico fai una ricerca per tutte le richieste di contatto.

Non gli aggiungo nessun vincolo, volendo aver potuto aggiungerli qua a un vincolo, ad esempio dirgli tutte le richieste di contatto che, Sono successive al giorno X.

Tutte le richieste di contatto, dove hanno un'email che contiene la lettera il simbolo chiocciola e dunque sono um plausibilmente corrette, quindi posso poi mettere dei vincoli.

In questo momento non ne metto perché mi interessa di pescare tutte le richieste di contatto.

A questo punto però se io adesso andassi in preview, vedrei comunque un elemento vuoto perché non sto mostrando niente di, questi elementi di database che vado a prendere, dunque metto nella prima celletta un elemento di tipo testo.

E vedete no, che me lo replica su tutte le cellette che in questo momento sono 4.

Ti mostro come si fa a modificare il numero di righe e colonne che vengono mostrate.

In questo caso lascio fisso una colonna e tolgo il numero fisso di righe di modo che possa mettere tutte le righe che vuole sulla base di quello che è il numero di richieste.

A questo punto vado a dirgli ad ogni elemento di testo, di prendere dinamicamente, ad esempio, l'e-mail e poi la richiesta.

Corrispondente all'oggetto di database che è stato posizionato in quella celletta lì.

Se io clicco su Insert Dynamic Data, vedi che mi permette di far riferimento a current sell richieste di contatto, quindi mi va a prendere, La richiesta di contatto che è stata posizionata, no, come se fosse invisibile dietro le quinte dentro quella celletta e gli dico prendimi l'email, corrispondente.

Se vado a vederlo in preview.

Vedete che mi mostra la lista di email con cui ho fatto le richieste.

Se torno di qua nell'editor e confronto col database vedete che sono esattamente le stesse.

Ora cosa posso fare? Posso rendere il tutto più utile aggiungendo, anche la richiesta specifica che è stata fatta da questa persona, mettendo un campo dove posso digitare la risposta e un pulsante che mi fa automaticamente inviare una mail a questo contatto.

Quindi che cosa faccio? Qua di seguito, Metto ad esempio spazio e trattino spazio e vedete che posso combinare, campi di testo dinamici con campi di testo statici, quindi lo spazio trattino spazio è uguale per tutti, mentre il current cell richieste di ricontatto Smail, è dinamico, cioè ogni cella prende quello corrispondente alla riga di database che è stata inserita in quella celletta lì.

In questo caso, dovrò mettere una cosa simile, quindi posso fare a tasto destro copy expression.

Insert Dynamic Data e ce la incollo qua.

In questo caso non voglio mettere una seconda volta l'e-mail corrispondente a queste richieste di contatto, ma voglio mostrare la richiesta stessa.

Torno subito in preview per farti vedere in pratica quello che abbiamo fatto, vedete che compare la mail, spazio trattino spazio, la richiesta specifica.

Ora cosa facciamo? Ci aggiungiamo, Un campo dove inserire testualmente la nostra risposta e inviarla via mail.

Il campo lo mettiamo come multi line input e quindi lo vado a mettere qua in ciascuna celletta, e poi ci metto dentro anche un pulsante, un button.

Vado a modificare il placeholder del multi line input, sta andando volutamente molto veloce, tu sentiti libero di guardare il video a velocità ridotta e stopparlo tutte le volte che ne hai bisogno.

Qua nel placeholder vado a scrivere inserisci qua la tua risposta.

E qua scrivo.

In via esposta.

Ora non mi resta che dare un comportamento a questo button.

Come faccio a dare il comportamento, l'abbiamo visto, aggiungendo un workflow.

Quindi il workflow in questo caso che cosa sarà? Sarà un'email.

E vedete che c'è l'azione già predefinita.

A chi dovrò mandarla questa email, in questo caso dovrò dovrò fare riferimento sempre a Karen Sell richieste di contatto email, quindi se il bottone viene schiacciato all'interno di una celletta, lui capisce, che sta venendo schiacciato da lì e può far riferimento ai dati contenuti nella celletta stessa, quindi manderà l'email, Al esattamente richiedente, sender name posso decidere come firmarmi, ad esempio io mi fermerò con Gabriel.

Subject, qua decido il testo, um di ciò che voglio scrivere, quindi ad esempio in risposta alla tua richiesta per Wow.

E qua in body posso scrivere um la mia risposta effettiva.

Quindi in questo momento la metto statica, poi magari nei passaggi successivi quando andremo a lavorare con l'intelligenza artificiale potremo fare una risposta customizzata.

E qua ti risponda semplicemente ciao.

Molto bene, aggiungiamo, come abbiamo fatto prima, um elevant inputs.

Anzi, qua anziché un campo di testo statico, ci mettiamo direttamente, Quello che abbiamo scritto nel form.

Quindi posso andare a fare riferimento al valore che è contenuto nel multi line inputs, inserisci qua la tua risposta che è, Questo elemento.

Quindi quando io invio la risposta che cosa fa? Va a leggere quello che c'è scritto dentro a questo, campo di input e lo invia, dopodiché res l'input così mi è anche chiaro che la risposta è stata inviata.

Dopodiché, Che cosa posso fare? Posso anche fare un piccolo rallet.

Quindi ci aggiungo un alert di modo che sia evidente che la risposta è stata mandata.

Quindi qua scrivo sempre successo.

La tua risposta è stata inviata al richiedente.

E possiamo subito testare se funziona.

Vediamo che mi appaiono una sotto l'altra tutte queste richieste che ho ricevuto.

Qua posso inserire direttamente delle risposte.

Ciao, okay, va bene.

cose a caso, nel momento in cui schiaccio invii risposta, vedete che appare successo, la tua risposta è stata inviata al richiedente, e adesso, al netto del fatto che questo HHH@GGG, con tutte le probabilità non esiste, la mail comunque è stata inviata.

Mi tornerà indietro la notifica che il destinatario non esiste, ma se qua avessi messo dentro la tua mail effettiva o una mail reale, la mail sarebbe stata effettivamente mandata.

L'esercizio finisce qua, ti invito quindi a provare a svolgerlo in autonomia, e um successivamente utilizzeremo questo, um lavoro per sviluppare nuovi pezzi di corso.

Di conseguenza è molto importante che tu realizzi questo questo pezzo di sito.