Quello che possiamo andare a fare ora è fare nuove submission, ovvero, o andiamo a um inviare nuovamente questo form multiple volte, ma per testare noi possiamo anche direttamente prenderci questa riga.

E duplicarla, magari andando a cambiare, um cambiare um altro titolo 2.

quindi solo ti.

3 prodotto.

Okay, andiamo a cambiare un po' il numero di stelle per avere un attimo un'idea di come viene mostrato.

um Vabbè, li lasciamo così.

Quindi ora io ho aggiunto al- ora mi dovrebbe mostrare quattro box.

Eccolo qua, quattro box e adesso diciamo la cosa da fare, allora intanto vediamo se um, Cambiamo un attimo un testo perché voglio vedere se la ricerca funziona.

Qui ci scrivo, cavolo.

Quindi adesso, se io cerco cavolo.

Quaggiù.

Refresciamo la pagina per sicurezza.

Sì, adesso scrivo cavolo qui, lui teoricamente mi dovrebbe mostrare solamente una una contenuto sopra.

Cavolo.

Cerca qui probabilmente c'è una scritta.

Eccolo qua.

Quindi il la ricerca funziona.

Okay? Chiaramente a livello di stile, cioè quindi di come appare va tutto, diciamo sistemato.

Però questa roba qui già già funziona.

Vediamo se provo ad aggiungere una categoria ho sbagliato provo ad aggiungere una categoria.

Business.

E qui ci scriviamo um, Padella, per sapere un attimo se funziona anche la parte di Select.

Quindi adesso, riflesso la pagina.

Allora non mi ha preso la ah la categoria mi sa che le ha messe statiche, per esempio, allora vediamo un attimo.

Esatto.

Allora le categorie, come vedete le ha messe statiche.

Però quello che possiamo fare è rendere questo si può fare tranquillamente tramite AI gli possiamo andare a chiedere.

Guarda il selettore delle categorie.

Non voglio che sia statico, ma voglio che vengano prese le categorie che ci sono all'interno dello Set.

A quel punto lui quello che farà è aggiungere una chiamata qui.

Che non fa altro che fare get categories e a quel punto lui ottiene le categorie e va a creare questo menù, diciamo dinamico con quel con le stesse categorie che trova all'interno dello sheet, quindi anche quelle saranno sempre aggiornate.

Questo è un incremento, che si può andare a fare.

In questo caso io ora l'aggiungo um.

Manualmente, in modo tale che um siamo più veloci perché que- quello che mi interessa è comunque fa- farvi vedere e farvi passare il concetto insomma la parte di concettuale che c'è dietro a questa roba.

um Quindi ora io gliel'ho aggiunta a mano.

Perché volevo fare la select su um la categoria business e vedere se mi esce, mi dovrebbe uscire, il il contenuto con scritto padella, vediamo se funziona.

Qui c'è una scritta caricamento bianca che non si vede.

Okay, per esempio questo non sta funzionando.

Quindi a questo punto quello che si va a fare, cioè quindi questo intanto è un prototipo, um funzionante.

Quello che si va a fare adesso sostanzialmente è testare tutta la la parte funzionalità, quindi per esempio, abbiamo testato e la ricerca funziona.

Questa parte qui invece dei Select, non mi sembra stia funzionando bene, quindi a questo punto vado dall' AI e gli chiedo guarda che le select non funzionano bene, oppure Select, non voglio che sia una select così, multi-elect che sicuramente fa casino.

Vorrei che fossero dei checkbox, okay? E a quel punto lui va a modificare il codice per fare in modo che um sia um diciamo quello che gli ho chiesto diventi vero, ma a questo punto vado ad applicare la modifica su questa parte qui che io ho già creato.

Stessa cosa, per esempio se poi uno vuole aggiungere degli altri campi, vuole mostrarli meglio, per esempio qua, Questi ora me li sta mostrando con card um sotto forma di riga, però um io gli posso andare a chiedere di m- di impaginarmeli, um magari con altre colonne.

Queste sono tutte modifiche che va um che si va a fare dopo.

La parte diciamo più importante e cruciale è il collegamento che il nostro front end sia in grado di, Catturare le informazioni tramite quello che abbiamo fatto su Upscript dal mio sheet.

Quindi è questo qui il collegamento più importante.

Poi si tratta di renderlo bello, okay? Quindi però una volta che funziona, È un po' questo um è un po' questa diciamo la la la parte importante.

um.

Quindi um sostanzialmente um, Questo è come abbiamo noi realizzato um database e template.

Per esempio vi faccio vedere, um template, questo qui è il nostro, sheet effettivamente che in questo momento è in produzione, Che è esattamente come vi ho mostrato adesso, cioè quindi abbiamo sempre il submission ID, abbiamo la data di um di quando è stato inviato il contenuto, E poi abbiamo tutte le altre informazioni, queste qui sono informazioni sulla cate- è è un po' più complicato, però, la la cosa um il funzionamento è esa- esattamente lo stesso.

Chiaramente è brutto questo ora da vedere però è um chiaramente ottimizzabile.

E um tante cose si possono andare a modificare direttamente, tramite CSS, quindi questa parte qui che c'è all'interno um di di questo tag style.

Quindi come ho fatto prima che mi serviva a cambiare quel colore, tramite le funzionalità che ci dà a disposizione Chrome, noi possiamo fare con questo strumento, possiamo andare a ispezionare un singolo ele- elemento e um andare ad individuare diciamo la classe e um e andare a scrivere delle nuove regole di stile.

Quindi per esempio io qui avevo messo che il il il tag P, all'interno di card, voglio che il colore sia nero.

E poi si va a andare si va a fare tutto questo tipo di, um modifiche per renderlo diciamo bello, in linea diciamo con lo stile della della pagina.

Per esempio questo um è quello che è stato fatto diciamo anche per esempio con i template.

Oppure un'altra cosa che abbiamo fatto noi sui template è che abbiamo lì abbiamo espanso tantissimo le funzionalità, però per esempio, cliccando su una singola ora non succede niente né al click né um, cioè è diciamo è solamente mostra questo questi contenuti.

Ma quello che possiamo andare a fare, per esempio noi abbiamo impostato, che al click della card viene aperto, Un, che mostra l'immagine grande e qui le informazioni.

Quindi qui si si può espandere, la cosa importante è, um è il collegamento, cioè quindi quello abbiamo visto finora.

Quindi il collegamento tra front end, Uscript e database che è il nostro sheet.

um Dunque.

Ah e stavo.

Volevo dirvi anche, per esempio, se voi andate.

Non dovete essere del programmatori.

Non serve.

um quello che serve è riuscire a leggere, Quello che sta succedendo.

Per esempio qui vediamo che ci sono le nostre funzioni principali.

E qui, per esempio nella render content vediamo che lui qui sta scrivendo il contenuto della nostra card.

Okay, Quindi non si tratta di andare a sviluppare da 0.

Si-.

Si tratta di andare a osservare il codice e capire quello che sta succedendo.

Per esempio io qui ci potrei scrivere, vorrei qui, che ne so, um un'altra scritta con um, con anzi ci potrei.

Vabbè, sì, ci potrei mettere.

Un link? con Se io aggiorno, ora in tutte le card apparirà questo.

dovrebbe apparire qui a ruota al resto.

Okay, infatti, eccolo qui.

Quindi è lì che poi una volta che noi abbiamo effettuato il collegamento, possiamo andare poi a personalizzare, aggiungere funzionalità.

Sui template, per esempio, abbiamo aggiunto anche la parte di condivisione, che non è altro che un link con il content ID che questo content ID non è altro che il nostro submission ID.

Ora in questo caso sono tutti uguali perché l'ho duplicato, però, um Su template noi voi potete appendere diciamo al alla URL, um qualsiasi submission ID e viene aperto quello.

Quindi diciamo poi le funzionalità si possono espandere a dismisura.

um Noi abbiamo un sacco un sacco di um cioè lo usiamo tantissimo Uscript.

E per esempio qui, come vedi, qui abbiamo un una voce menù che in realtà, nessuno ha, cioè è una è una voce menù custom, quindi con Upscript addirittura puoi, um creare delle voci menù.

Questa voce menù um in particolare per esempio, mi può fare queste due azioni.

Queste due azioni hanno dietro, quindi su Uscript, tutta una serie di di codice, per esempio, è metti che un utente mi ha fatto mi ha riempito questo form, ma non ha messo il suo user id.

Quindi io so che qui la mail è sa@learn.

Però non ho l'id perché mi serve l'id? Perché nel nostro frontend su template e database noi facciamo delle altre chiamate PI non adscript, ma la chiamiamo diciamo il nostro servizio di profile con l'id dell'utente.

Noi siamo in grado di tirare giù tutti i dati del suo profilo, quindi la sua foto.

profilo piuttosto che la job title, nome e cognome.

Infatti, qui non chiediamo nome e cognome dell'utente perché a noi ci basta avere l'id della persona per avere tutte queste informazioni prese direttamente dal servizio profile, in modo tale che quelle formazioni siano sempre aggiornate.

Quello che abbiamo messo qui, per esempio, è una piccola funzione Uscript dove, in base all'indirizzo email della persona, in questo caso è la mia, um posso andare a ricavarmi l' ID.

L' ID viene rica- chiama- ricavato dall' API del nostro servizio di identity um provider.

Quindi in questo caso io posso cliccare ottieni user ID, lui fa girare lo script, E quello che succede, ID è già nato un successo e lì è appena apparso il cinque che è il mio ID utente.

Okay? um Quindi con Upscript si possono fare veramente un botto di cose.

um Oppure l'approvazione del contenuto.

Noi, um potenzialmente possiamo fare direttamente così da dentro lo sheet, ma abbiamo creato questa funzione, che um quando viene cliccata, lanciata, quello che fa è um cambiare dei dei campi, dei custom field su Active Campaign, che è il nostro diciamo gestionale, per quanto riguarda.

l'email marketing va a cambiare dei campi che fanno scattare un'automazione che gli dice all'utente guarda il tuo contenuto è stato pubblicato.

Dopo aver fatto questo mi va lui da solo a mettere il check qua.

Quindi noi praticamente se io ora faccio così, faccio a prova contenuto, mi arriverà una mail che mi dice il mio contenuto è approvato e mi mette il check lì.

Però la cosa importante è avere questo tipo di collegamento.

Ora, con quella struttura che noi abbiamo appena fatto, io potrei chiedere a tutti i miei utenti lasciatemi un feedback, lasciatemi un feedback.

Raccolgo tutti i feedback, quindi mi verranno mostrati così senza la colonna true compilata.

Senza la colonna Troue compilata e a quel.

io li posso leggere, poi magari posso mettere Troue quelli più belli, quelli che parlano magari meglio del mio prodotto, quelli um che mi possono magari aiutare, alcuni magari negativi invece li uso per migliorare il prodotto, mentre altri belli magari li uso per mostrare e fare so- social proof.

Quindi, Questo poi sta diciamo a voi come utilizzarlo, oppure questo stesso sistema si può utilizzare appunto, come dicevo prima per una pagina voglio mostrare gli speaker del mio evento.

Bene, allora mi metto gli speaker in in uno sheet.

In questo caso non non per forza devo usare tagli perché a questo punto magari non mi serve neanche, ma mi faccio uno sheet con i miei speaker, quindi con tutti i campi divisi, nome, Job.

title, eccetera eccetera.

E poi tramite Uscript mi vado a prendere i contenuti dallo Set e li vado a mostrare nel front end.

In quel modo magari tutto il team sa che deve tenere aggiornato lo sheet, senza però dover mettere le mani sul front end, perché il front end si andrà ad evolvere e a mostrare i contenuti aggiornati che trova nello sheet.

Quindi questo um spero che um spero che vi sia diciamo arrivato un po' alla parte, um concettuale dietro a a um a questo diciamo, MVP, però questo potenzialmente noi se avessimo lanciato, che ne so, un business, cioè noi potevamo anche, poteva essere template database un prodotto a sé stante, e lo potevamo tranquillamente lasciare così lanciare così.

Quindi senza un database su AVS, o o altro, quindi con una complessità tecnologica importante, ma lo siamo l'abbiamo siamo andati a realizzarlo in, um Meno di un'ora um chiaramente è bruttino, ci vuole delle altre ore per migliorarlo, però per migliorarlo in termini di aspetto, perché a livello di funzionalità diciamo, Il core, la parte diciamo cruciale, c'è,