2.0 Guida all’installazione di PrestaShop Form Studio<\/b><\/h2>\nRequisiti di sistema<\/b><\/h3>\n
Prima di installare il modulo, verificare che l’ambiente soddisfi i seguenti requisiti:<\/span><\/p>\n Passaggio 1 \u2013<\/strong> Carica il modulo: Accedi al back office di PrestaShop. Vai su Moduli > Gestione moduli e fai clic su Carica un modulo. Seleziona il file ZIP di PrestaShop Form Studio scaricato da Knowband e fai clic su Apri.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n Passaggio 2 \u2013 Installazione:<\/b> Una volta caricato, fai clic su Installa quando richiesto. Al termine dell’installazione, verrai reindirizzato alla pagina di configurazione del modulo.<\/span><\/p>\n Passaggio 3 \u2013 Individuare se necessario:<\/b> Se il modulo non viene visualizzato automaticamente, cerca “Form Studio” nella barra di ricerca di Gestione moduli e fai clic su Configura.<\/span><\/p>\n 3.0 Problemi comuni di installazione<\/b><\/p>\n La prima cosa che vedi nel modulo \u00e8 il pulsante per abilitare o disabilitare PrestaShop Form Studio. Quando il modulo \u00e8 attivo, tutti i moduli attivi sono visibili sul front-end. Disattivandolo, i moduli vengono nascosti senza eliminare alcuna configurazione.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n La sezione delle impostazioni di posta elettronica controlla le modalit\u00e0 di comunicazione del tuo negozio con amministratori e clienti dopo l’invio di un modulo.<\/span><\/p>\n Abilita i modelli di email<\/b>: \u00c8 possibile abilitare o disabilitare il modello di email predefinito nel <\/span>Creatore di moduli\u00a0<\/b><\/a>PrestaShop.\u00a0<\/strong><\/a>Se<\/span>\u00a0questo modulo \u00e8 attivo, le email verranno inviate utilizzando il modello predefinito con tutte le variabili.<\/span><\/p>\n Contenuto della posta amministrativa: <\/b>Questa \u00e8 l’email che il team del tuo negozio riceve ogni volta che un utente invia un modulo. Puoi personalizzare l’oggetto, il corpo e il formato in base all’immagine del tuo negozio utilizzando l’editor di testo avanzato. Puoi anche aggiungere dinamicamente variabili di modello come il nome del mittente, l’indirizzo email e i valori dei campi del modulo facendo clic sul tag corrispondente nella sezione Variabili di modello.<\/span><\/p>\n Contenuti del risponditore\u00a0<\/b>automatico.\u00a0<\/strong>Il<\/span>\u00a0contenuto dell’email di risposta automatica \u00e8 l’email di conferma inviata automaticamente al cliente dopo l’invio di un modulo. Puoi utilizzarla per definire le aspettative, comunicare i passaggi successivi o semplicemente ringraziare il cliente per averci contattato.<\/span><\/p>\n Rispondi e-mail<\/b>: Il contenuto dell’email di risposta controlla il formato delle risposte manuali inviate dagli amministratori direttamente dal pannello di invio dei moduli nel back office.<\/span><\/p>\n Tutti e tre i modelli di email in <\/span>Strumento di creazione di sondaggi per PrestaShop<\/b> supportano la formattazione avanzata del testo, inclusi grassetto, corsivo, link, elenchi e HTML, in modo che le tue email siano in linea con il tuo negozio senza bisogno di sviluppo personalizzato.<\/span><\/p>\n Lo spam \u00e8 un problema reale per qualsiasi modulo rivolto al pubblico. Il modulo integra <\/span>Protezione antispam da PrestaShop<\/b> con Cloudflare Turnstile, uno dei sistemi di protezione antispam pi\u00f9 efficaci e facili da usare disponibili. A differenza dei CAPTCHA tradizionali, che frustrano gli utenti reali,\u00a0<\/span><\/p>\n Per abilitare il rilevamento dello spam, attiva l’opzione Abilita Cloudflare Turnstile, quindi inserisci la tua Chiave del sito e la Chiave segreta dal tuo <\/span>Pannello di controllo di\u00a0<\/b>Cloudflare.\u00a0<\/strong>Il<\/span>\u00a0tema del widget pu\u00f2 essere impostato su Automatico, Chiaro o Scuro a seconda del design del tuo negozio.<\/span><\/p>\n Una volta abilitato, puoi anche aggiungere il <\/span>Campo tornelli di Cloudflare<\/b> direttamente all’interno dei singoli moduli utilizzando le opzioni dei campi di input del generatore di moduli.<\/span><\/p>\n Procedura per generare la chiave segreta e la chiave del sito\u00a0<\/span><\/p>\n Clicchi <\/span>Aggiungi nuovo modulo.<\/b> Per cominciare. Ogni modulo ha una propria configurazione indipendente, il che significa che \u00e8 possibile eseguire moduli diversi con impostazioni diverse su pagine diverse del proprio negozio contemporaneamente.<\/span><\/p>\n Il pannello per la creazione del modulo include i seguenti campi:<\/span><\/p>\n Abilita pagina modulo separata<\/b>: Questa funzione controlla se questo modulo ottiene un URL dedicato sul tuo negozio. Se \u00e8 abilitato come <\/span>s\u00ec<\/b>, quindi il modulo PrestaShop Form Studio genera una pagina con lo slug che hai fornito.<\/span><\/p>\n Titolo del\u00a0<\/b>modulo\u00a0<\/strong>Il<\/span>\u00a0nome visualizzato ai clienti sopra il modulo. Consigliamo di mantenerlo chiaro e descrittivo, in modo che i clienti comprendano immediatamente a cosa serve il modulo. Ad esempio: “Richiedi un preventivo”, “Condividi il tuo feedback” o “Contattaci”.<\/span><\/p>\n Modulo Slug<\/b>Lo slug aggiunto verr\u00e0 aggiunto all’URL in modo da poter ottenere un’URL personalizzata in base alle proprie esigenze. Ad esempio, “thank-u” risulter\u00e0 in yourstore.com\/form\/thank-u<\/span><\/p>\n Titolo meta del modulo.\u00a0<\/strong>Questo titolo meta aiuta a migliorare il posizionamento della pagina del modulo nei risultati di ricerca.\u00a0Ad esempio: “Contatta il nostro team di supporto – Fashionstore”.\u00a0<\/span><\/p>\n Parole chiave del modulo.\u00a0<\/strong>Le parole chiave di questo campo aiutano a categorizzare il modulo all’interno del sito web.<\/span><\/p>\n Meta descrizione del modulo: <\/b>Questa meta descrizione della forma in PrestaShop Form Studio<\/span>\u00a0<\/b>aiuta nei motori di ricerca.<\/span> Ad esempio, puoi aggiungere nella meta descrizione del modulo “Compila il nostro modulo di contatto rapido e il nostro team ti risponder\u00e0 entro 24 ore”. Questo aiuter\u00e0 il cliente a trovare il modulo quando cerca l’assistenza clienti del tuo negozio.<\/span><\/p>\n PrestaShop Form Studio: utilizza un sistema di layout a colonne. Prima di aggiungere i campi, scegli quante colonne deve contenere ogni riga.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n Le opzioni vanno da una <\/span>singola colonna a larghezza intera a quattro colonne uguali<\/b>, con varianti aggiuntive che offrono colonne pi\u00f9 grandi a sinistra o a destra per layout asimmetrici.<\/span><\/p>\n Questa flessibilit\u00e0 significa che puoi creare pulito, <\/span>moduli di sondaggio a colonna singola<\/b> altrettanto facilmente quanto complesso <\/span>raccolta dati a pi\u00f9 colonne<\/b> moduli in cui i campi correlati sono affiancati utilizzando il modulo Form Builder di PrestaShop Online<\/span><\/p>\n Per aggiungere un campo di input<\/span>,<\/b> fai clic su Aggiungi campo di input in qualsiasi riga per inserire un elemento del modulo. Tipi di campo disponibili:<\/span><\/p>\n Testo \/ Area di\u00a0<\/b>testo. <\/strong>Raccogli<\/span>\u00a0feedback scritti, brevi o lunghi, dai clienti.\u00a0<\/span><\/p>\n E-mail:<\/b> Acquisisce gli indirizzi email con convalida del formato.<\/span><\/p>\n Password, Telefono, URL, Numero:<\/b> Campi di input specializzati con convalida automatica in base al tipo di campo selezionato.\u00a0<\/span><\/p>\n Data:<\/b> Consente agli utenti di selezionare o inserire date con convalida del formato.\u00a0<\/span><\/p>\n File:<\/b> L<\/span>I clienti che caricano allegati nei formati da te specificati.<\/span><\/p>\n Menu a tendina, casella di controllo, pulsante di opzione:<\/b> Campi a scelta multipla; scegli in base al numero di opzioni disponibili e alla necessit\u00e0 di selezioni singole o multiple.<\/span><\/p>\n HTML:<\/b> Consente di incorporare markup personalizzato all’interno del modulo, come istruzioni o intestazioni di sezione.<\/span><\/p>\n Tornello Cloudflare:<\/b> Posiziona il widget di protezione antispam in una posizione specifica all’interno del modulo.<\/span><\/p>\n Sottoscrivi:<\/b> L’invio del modulo attiva le azioni configurate, come notifiche via e-mail, risposte automatiche, integrazioni e pagine di ringraziamento.\u00a0<\/span><\/p>\n <\/p>\n Ogni modulo ha la propria configurazione email, che pu\u00f2 essere gestita dalle impostazioni email del modulo di contatto nel <\/span>Modulo di creazione moduli online per PrestaShop<\/b>Ci\u00f2 \u00e8 particolarmente utile quando si hanno pi\u00f9 moduli per reparti o scopi diversi.<\/span><\/p>\n Per l’email di notifica dell’amministratore<\/b>:<\/span><\/p>\n \u00c8 possibile impostare: gli indirizzi dei destinatari\u00a0<\/span>nell’Al<\/strong><\/span>\u00a0campo<\/b>; destinatari nascosti aggiuntivi nel campo CCN; un indirizzo mittente personalizzato; e una riga Oggetto che pu\u00f2 variare in base alla lingua nel modulo di generazione lead di PrestaShop.<\/span><\/p>\n Il campo Rispondi\u00a0<\/b>c<\/strong>onsente<\/span>\u00a0di instradare le risposte dei clienti a una casella di posta specifica, ad esempio quella del team di supporto, anzich\u00e9 all’indirizzo e-mail amministrativo generale.<\/span><\/p>\n L’editor del corpo del messaggio utilizza la stessa interfaccia di testo formattato delle impostazioni generali e le variabili del modello consentono di inserire dinamicamente i valori effettivi inviati dal cliente.<\/span><\/p>\n La sezione Risposta automatica.<\/b> Questa configurazione viene replicata per l’e-mail di conferma destinata al cliente. Abilita la risposta automatica, quindi configura i campi A, Ccn, Da, Oggetto, Rispondi a e Corpo del messaggio. La risposta automatica viene eseguita immediatamente dopo l’invio e non richiede alcun intervento manuale da parte del tuo team.<\/span><\/p>\n\n
Caricamento e installazione del modulo<\/b><\/h3>\n
\n
4.0 Impostazioni generali Pannello di amministrazione<\/b><\/h2>\n
4.0. 1 Abilitare o disabilitare il modulo<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/General-Setting-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.0.2 Impostazioni di posta<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Mail-templates-prestashop-form-studio-scaled.png\")
<\/a><\/p>\n4.0.3 Cloudflare Turnstile Spam Protection<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Cloudflare-Turnstile-functionality-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n\n
\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Add-Widgets-in-Cloudflare-turnstile.png\")
<\/a><\/li>\n
\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Copy-Client-secret-key-after-widget-in-Cloudflare-Turnstile.png\")
<\/a><\/li>\n4.1 Creazione e aggiunta di moduli tramite il modulo Form Builder di PrestaShop<\/b><\/h2>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Form-showing-in-the-Forms-feature-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.1 Aggiunta di un nuovo modulo<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Form-Basic-details-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.2 Progettazione del layout del modulo<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Design-Layout-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.3 Aggiunta di campi di input<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Input-fields-in-Prestashop-Form-Studio-Module.png\")
<\/a><\/p>\n4.1.4 Impostazioni e-mail<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Email-to-Admin-settings-in-Prestashop-Form-Builder-Module.png\")
<\/a><\/p>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/AutoSender-Reply-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Validation-Settings-in-Prestashop-Form-builder-Module.png\")
<\/a><\/p>\n