WordPress Infrastructure · SUPERMARIO.WORKS LTD
ASTRA PRO + FLUENT FORMS PRO — Cosa possiamo costruire davvero
Due strumenti complementari: Astra Pro controlla l’esperienza visiva e l’architettura del sito; Fluent Forms Pro trasforma le pagine in punti di ingresso per dati, richieste, registrazioni, candidature, contenuti, pagamenti e workflow.
Con Astra Pro possiamo decidere come appare, si muove e si organizza il sito. Con Fluent Forms Pro possiamo decidere che cosa può fare l’utente dentro il sito e che cosa succede dopo che invia informazioni.
Usati insieme, non servono soltanto a costruire “pagine con un modulo”. Possono diventare la base di portali territoriali, minisiti, sistemi di candidatura, onboarding di partner, raccolta di contenuti, registrazioni utenti, questionari, pagamenti e flussi di approvazione.
1. Due lavori diversi, un solo sistema
Struttura, design e comportamento visivo
Astra Pro lavora sul “contenitore” del progetto WordPress: header, footer, menu, layout, template, responsive, condizioni di visualizzazione e diversi effetti.
Decide come il sistema si presenta e come l’utente lo attraversa.
Interazione, dati e automazione
Fluent Forms gestisce ciò che l’utente può inviare: dati, messaggi, file, candidature, registrazioni, contenuti, risposte a survey e pagamenti.
Decide che cosa l’utente può fare e dove finiscono le sue informazioni.
+
FLUENT FORMS PRO = INTERAZIONE E WORKFLOW
=
WORDPRESS CHE COMINCIA A COMPORTARSI COME UNA PIATTAFORMA
2. Astra Pro: molto più di un tema bello
Astra Pro non va visto soltanto come un sistema per cambiare colori e font. Il valore cresce quando viene usato come strato di controllo dell’intera architettura visuale di WordPress.
Header personalizzati
Possiamo controllare logo, menu, pulsanti, elementi HTML, navigazione desktop e mobile e applicare regole differenti alle varie aree del sito.
Una Home può avere un header trasparente sopra una grande immagine. Una pagina editoriale può avere un header bianco. Una landing page può eliminare la navigazione per concentrare l’attenzione su una sola azione.
Sticky Header e Shrink Effect
L’header può restare fisso durante lo scroll e può diventare più compatto mentre l’utente scende nella pagina.
Transparent Header
La navigazione può sovrapporsi all’immagine iniziale, utile per Home, hero fotografici e pagine territoriali.
Mega Menu
Per siti con molte sezioni possiamo usare menu a colonne con gruppi di collegamenti, icone, etichette e contenuti organizzati.
La voce “Discover” può aprire colonne dedicate a Places, Food & Drink, Experiences, Culture, Stay e Business. Invece di mostrare un elenco interminabile, mostriamo l’architettura del portale.
Menu mobile e Off-Canvas
Su smartphone possiamo progettare una navigazione specifica: hamburger, pannello laterale, dropdown o full-screen.
3. Effetti che possiamo ottenere con Astra Pro
| Effetto | Cosa fa | Uso |
|---|---|---|
| Sticky Header | Testata sempre visibile durante lo scroll. | Portali con molte sezioni. |
| Shrink Header | Riduce l’altezza della testata durante lo scroll. | Home eleganti con grande testata iniziale. |
| Transparent Header | Sovrappone il menu al contenuto iniziale. | Hero fotografici. |
| Slide Down / Slide Up / Fade | Animazioni dei sottomenu e Mega Menu. | Navigazione più raffinata. |
| Parallax Page Header | Movimento dell’immagine di fondo durante lo scroll. | Pagine territoriali e fotografiche. |
| Reveal Effect | I post possono apparire con effetto reveal al caricamento. | Magazine e archivi editoriali. |
| Hover / ombre | Menu e sottomenu cambiano aspetto al passaggio del mouse. | Interazioni premium e discrete. |
| Scroll To Top | Ritorno rapido all’inizio. | Pagine molto lunghe. |
Non dobbiamo usare tutti gli effetti. Per i nostri progetti ha più senso usare pochi movimenti coerenti: fade, sticky, shrink, hover leggero, parallax selettivo e reveal delicato.
4. Site Builder: qui Astra diventa infrastruttura
Con Site Builder possiamo creare header, footer, 404, template, hook e contenuti riutilizzabili, applicandoli con condizioni precise.
Display Conditions
Possiamo stabilire dove un layout compare, dove non compare, su quali dispositivi e, in alcuni casi, per quali utenti o periodi.
Un blocco “Become a Partner” può comparire in tutte le pagine Business, essere escluso dalle pagine legali e apparire solo in determinate aree o periodi.
Hooks
Gli hook permettono di inserire contenuti o codice in punti specifici del sito senza copiare manualmente lo stesso blocco in decine o centinaia di pagine.
5. Responsive e layout
Desktop, tablet e mobile possono essere trattati in modo differente: menu, dimensioni, spaziature, visibilità, header e larghezze possono essere adattati al dispositivo.
Per un portale grande non basta “farlo funzionare sul telefono”: bisogna pensarlo per il telefono.
6. Blog Pro e architettura editoriale
Per storie, luoghi, guide e news possiamo usare griglie, colonne, masonry, excerpt, Read More, metadati, tempo di lettura, related posts e reveal effect.
“Latest Stories”, “Places”, “Food & Drink”, “Business Stories” ed “Experiences” possono avere archivi coerenti ma distinti.
7. Fluent Forms Pro: il modulo Contatti è soltanto il primo livello
Possiamo creare form semplici o vere procedure con step, condizioni, file, notifiche, approvazioni, registrazioni, contenuti e pagamenti.
Conditional Logic
Prima domanda: Che tipo di realtà rappresenti?
Hotel · B&B · Restaurant · Local Business · Professional · Experience · Association
Se sceglie Hotel compaiono camere, categoria e servizi. Se sceglie Restaurant compaiono cucina, menu e orari. Se sceglie Professional compaiono professione, qualifiche e area servita.
Un solo modulo può quindi adattarsi in tempo reale all’utente.
8. Multi-Step Forms
↓
STEP 2 — LA TUA ATTIVITÀ
↓
STEP 3 — TERRITORIO E SERVIZI
↓
STEP 4 — FOTO E DOCUMENTI
↓
STEP 5 — CONSENSI E INVIO
È ideale per onboarding, candidature e schede attività complesse.
9. Conversational Forms
Le domande possono essere presentate una alla volta, in stile conversazione.
“Vuoi proporre un’attività, un luogo o un’esperienza?” → “In quale area si trova?” → “Come si chiama?” → “Hai un sito?” → “Vuoi aggiungere fotografie?”
10. File Upload
Possiamo raccogliere fotografie, documenti, brochure, menu, materiali promozionali e altri allegati direttamente dal form.
11. Email Notification e routing condizionale
Ogni invio può generare notifiche all’amministratore e all’utente. Possiamo inoltre indirizzare richieste diverse verso destinatari diversi.
Press / Media → casella stampa.
Partnership → casella partner.
Technical → casella tecnica.
General → casella generale.
L’utente vede un solo form. Dietro costruiamo il flusso.
12. Admin Approval
Una submission può essere esaminata e approvata o rifiutata prima di procedere.
13. Registrazione, login e aggiornamento utente
Fluent Forms può creare form di registrazione WordPress, login personalizzato e procedure di aggiornamento dati per utenti già loggati.
Un partner crea il proprio account, accede a un’area riservata e aggiorna determinate informazioni attraverso un form controllato.
14. Frontend Post Submission
Un utente può proporre contenuti dal frontend senza entrare nel backend WordPress.
Il collaboratore invia titolo, testo, luogo, categoria, tag e immagini. Il contenuto entra poi nel workflow editoriale.
15. Dynamic Fields
I campi dinamici possono recuperare contenuti come post, utenti o tassonomie e proporli come opzioni del modulo.
16. Calcoli
Possiamo costruire stime, punteggi e totali numerici derivati dalle scelte dell’utente.
Minisito Base = X
Lingua aggiuntiva = Y
Servizio extra = Z
Il form calcola una stima o un totale.
17. Pagamenti
Fluent Forms supporta payment forms e diverse integrazioni con gateway. Una volta configurati correttamente account e condizioni, un form può raccogliere dati e pagamento nello stesso processo.
- quota di partecipazione;
- iscrizione a un evento;
- acquisto di un servizio definito;
- deposito;
- donazione;
- pagamento collegato a una registrazione.
I pagamenti richiedono sempre la configurazione del gateway scelto e non trasformano automaticamente il sito in un sistema e-commerce completo.
18. Survey, Poll e Quiz
Possiamo creare sondaggi, poll, NPS e quiz con punteggi.
“Come vivi l’Oxfordshire fuori stagione?” · “Quali servizi mancano?” · survey per operatori · questionari per residenti · assessment per partner · quiz editoriali.
19. Restrizioni, GDPR e antispam
Possiamo limitare le submission, impostare restrizioni temporali, raccogliere consensi GDPR e Termini & Condizioni, usare double opt-in e proteggere i form con Honeypot, reCAPTCHA, hCaptcha, Turnstile o Akismet quando configurati.
20. Entries: una piccola banca dati operativa
Le richieste non devono vivere soltanto nelle email. Le entries restano nel backend e possono essere filtrate e gestite come archivio operativo.
21. Integrazioni e workflow esterni
Fluent Forms documenta integrazioni con strumenti come Google Sheets, Trello, Slack, Telegram, Discord, Airtable, Notion, Twilio e webhook, oltre ai sistemi di pagamento.
↓
FLUENT FORMS VALIDA E SALVA
↓
EMAIL / APPROVAZIONE / PAGAMENTO
↓
FOGLIO / CRM / TASK / WEBHOOK / ALTRO SISTEMA
22. Cosa possiamo costruire combinando Astra Pro + Fluent Forms Pro
- Portale territoriale partecipativo: pagine, menu e layout con Astra; onboarding di attività locali con Fluent Forms.
- Ecosistema di minisiti: template visuali riutilizzabili + form per raccogliere testi, servizi, foto e dati del partner.
- Become a Partner: landing premium + multi-step + conditional logic + email + approvazione.
- Raccolta di storie: form frontend per proporre contenuti editoriali.
- Contact Hub: un solo ingresso che smista le richieste fra più progetti e reparti.
- Survey territoriali: raccolta dati strutturata da residenti e operatori.
- Area utenti: registrazione, login e aggiornamento dati come base di future aree partner.
- Procedure commerciali: calcoli, candidature, documenti e, quando serve, pagamento.
23. Esempio completo: onboarding di una struttura
↓
FLUENT FORMS MULTI-STEP
↓
TIPO STRUTTURA
↓
CAMPI CONDIZIONALI
↓
UPLOAD FOTO / BROCHURE
↓
CONSENSI
↓
EMAIL E ARCHIVIAZIONE
↓
ADMIN APPROVAL
↓
EVENTUALE PAGAMENTO / ATTIVAZIONE
↓
CREAZIONE O AGGIORNAMENTO CONTENUTO
Questa sequenza mostra la differenza fra “avere un form” e costruire un processo.
24. Dove possiamo arrivare
Con questi due strumenti possiamo già creare siti e portali con:
- navigazione complessa;
- design desktop/mobile controllato;
- template riutilizzabili;
- form intelligenti;
- procedure multi-step;
- raccolta file;
- routing delle richieste;
- registrazione utenti;
- frontend content submission;
- approvazioni;
- survey e quiz;
- pagamenti;
- integrazioni;
- archivi di submission.
25. Dove NON bastano da soli
Per alcune funzioni potremmo avere bisogno di strumenti specifici.
- booking engine alberghiero con disponibilità real-time e sincronizzazione OTA;
- marketplace multi-vendor con payout complessi;
- CRM e marketing automation avanzata;
- directory geografiche con ricerca molto sofisticata;
- membership con permessi e abbonamenti complessi;
- e-commerce avanzato con cataloghi, magazzino e logistica;
- applicazioni con backend personalizzati o API proprietarie.
La strategia migliore è non installare tutto subito: partiamo leggeri e aggiungiamo strumenti soltanto quando esiste una necessità reale.
26. Metodo operativo consigliato
- Costruire bene Astra: identità, header, footer, mobile, template, layout e regole.
- Creare un solo Fluent Form perfetto: email, antispam, conferma, GDPR, stile e test.
- Trasformarlo in master: duplicare invece di ricominciare ogni volta.
- Creare famiglie di form: Contact, Partner, Business, Content Submission, Survey.
- Automatizzare dopo: prima definiamo bene il processo, poi colleghiamo servizi esterni.
- Evitare plugin inutili: se Astra o Fluent Forms fanno già il lavoro, non aggiungiamo altro senza motivo.
27. La vera combinazione
“COME DEVE APPARIRE?”
FLUENT FORMS PRO
“CHE COSA DEVE POTER FARE L’UTENTE?”
WORDPRESS
“DOVE ORGANIZZIAMO IL SISTEMA?”
SUPERMARIO.WORKS
“COME COLLEGHIAMO I PROGETTI FRA LORO?”
Non stiamo semplicemente aggiungendo due plugin a WordPress. Possiamo usarli per costruire una metodologia replicabile. Una volta definito un buon header, un buon footer, un buon template e un buon sistema di form, possiamo riutilizzare lo stesso metodo su più progetti territoriali e minisiti.
28. Conclusione
Astra Pro ci permette di controllare la casa: navigazione, struttura, layout, template, responsive ed effetti. Fluent Forms Pro aggiunge il secondo livello: le persone possono non soltanto leggere, ma partecipare.
Possono contattarci, candidarsi, registrarsi, inviare contenuti e documenti, rispondere a questionari, seguire percorsi differenti e, quando serve, effettuare pagamenti.
Fluent Forms Pro apre le porte, riceve le persone e organizza ciò che ci consegnano.
La parte più importante non sarà usare tutte le funzioni. Sarà scegliere quelle che servono a ciascun progetto e trasformarle in un sistema semplice, coerente e replicabile.
Carmelo Rizzo
SUPERMARIO.WORKS LTD
WordPress · Digital Infrastructure · Territorial Ecosystems
Astra / Astra Pro: Site Builder, Sticky Header, Transparent Header, Mega Menu, Submenu Animations, Parallax Page Header, Blog Pro e Hooks dalla documentazione ufficiale Astra.
Fluent Forms: Getting Started, Multi-Step Forms, Conditional Logic, Conversational Forms, Email Notifications, Admin Approval, User Registration, Payment Forms, Surveys, Quiz, Dynamic Fields e Form Restrictions dalla documentazione ufficiale Fluent Forms.
Le funzionalità possono dipendere dalla versione installata, dai moduli attivati, dalla configurazione WordPress e dalle integrazioni esterne. Questo è un documento progettuale, non una specifica contrattuale dei prodotti.