{"id":10326,"date":"2025-06-19T20:36:21","date_gmt":"2025-06-19T20:36:21","guid":{"rendered":"https:\/\/elfsight.com\/it\/?p=10326"},"modified":"2025-07-26T20:12:54","modified_gmt":"2025-07-26T20:12:54","slug":"how-to-embed-forms-on-any-website-online-and-for-free","status":"publish","type":"post","link":"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/","title":{"rendered":"Come incorporare moduli su qualsiasi sito web online e gratuitamente"},"content":{"rendered":"<div class=\"table-of-contents\">\r\n\t\t\t<div class=\"table-of-contents-title\">Contents<\/div>\r\n\t\t\t<ol class=\"table-of-contents-list\"><li class=\"table-of-contents-list-item\"><a href=\"#how-to-add\" data-scroll-to=\"how-to-add\">Come aggiungere moduli al tuo sito web gratuitamente<\/a><\/li><li class=\"table-of-contents-list-item\"><a href=\"#pros-add-cons\" data-scroll-to=\"pros-add-cons\">Pro e contro di Form Builder di Elfsight<\/a><\/li><li class=\"table-of-contents-list-item\"><a href=\"#features-list\" data-scroll-to=\"features-list\">Elenco delle funzionalit\u00e0 del widget Modulo<\/a><\/li><li class=\"table-of-contents-list-item\"><a href=\"#thorough-guides\" data-scroll-to=\"thorough-guides\">Guide dettagliate su come aggiungere moduli a diversi website builder<\/a><\/li><li class=\"table-of-contents-list-item\"><a href=\"#using-forms\" data-scroll-to=\"using-forms\">Cosa sapere sull\u2019uso dei moduli sul tuo sito web<\/a><\/li><li class=\"table-of-contents-list-item\"><a href=\"#all-on-one\" data-scroll-to=\"all-on-one\">Soluzione tutto-in-uno per creare qualsiasi tipo di modulo con un clic<\/a><\/li><li class=\"table-of-contents-list-item\"><a href=\"#conclusion\" data-scroll-to=\"conclusion\">Se hai domande ancora aperte<\/a><\/li><\/ol>\r\n\t\t<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-add\">Come aggiungere moduli al tuo sito web gratuitamente<\/h2>\n\n\n\n<p>Se stai cercando un modo semplice e gratuito per aggiungere moduli al tuo sito web, buone notizie! Gli sviluppatori offrono una soluzione con un clic per ridurre il lavoro manuale con il codice HTML. Puoi creare moduli per qualsiasi esigenza senza dover programmare. Creazione di moduli a pi\u00f9 passaggi, integrazione con Zapier o Google Sites tramite un semplice campo di collegamento, funzione di logica condizionale: tutte queste opzioni possono essere provate online gratuitamente. L\u2019articolo di oggi sul <a href=\"https:\/\/elfsight.com\/online-form-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Form Builder<\/a> lo spiega nel dettaglio.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Aggiungere moduli al tuo sito in pochi minuti<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Crea un account gratuito su Elfsight.<\/li>\n\n\n\n<li>Accedi al creatore di widget online di Elfsight.<\/li>\n\n\n\n<li>Scegli il modello desiderato.<\/li>\n\n\n\n<li>Personalizza il widget e premi salva.<\/li>\n\n\n\n<li>Copia il codice di installazione del modulo.<\/li>\n\n\n\n<li>Incolla il codice HTML nel tuo sito web.&nbsp;<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Hai incorporato i moduli nel tuo sito. Prova il widget nell\u2019editor!<\/h3>\n\n\n<section class=\"application-demo header-blind-spot section\" id=\"demo\" data-nav-section=\"demo\"><div class=\"application-demo-container\">\n                        <div class=\"application-demo-iframe-container\">\n                            <div class=\"application-demo-control-enter-fullscreen application-demo-control\" title=\"Full Screen\">\n                                <svg>\n                                    <use xlink:href=\"#icon-maximize\"><\/use>\n                                <\/svg>\n                            <\/div>\n                            \n                            <div class=\"application-demo-control-exit-fullscreen application-demo-control application-demo-control-hidden\" title=\"Exit Full Screen\">\n                                <svg>\n                                    <use xlink:href=\"#icon-minimize\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-demo-iframe-wrapper\">\n                                <iframe class=\"application-demo-iframe\" data-src=\"https:\/\/dash.elfsight.com\/demo\/form-builder?language=it_IT\" title=\"Aggiungi  al tuo sito web in 1 minuto!\" frameborder=\"0\" name=\"preview\" loading=\"lazy\" allow=\"autoplay; fullscreen\"><\/iframe>\n                            <\/div>\n                        <\/div>\n                    <\/div><\/section>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pros-add-cons\">Pro e contro di Form Builder di Elfsight<\/h3>\n\n\n\n<p>Qui puoi vedere un quadro reale che ti aiuter\u00e0 a decidere se la soluzione per aggiungere moduli offerta da Elfsight soddisfa le tue esigenze.&nbsp;<\/p>\n\n\n\n<p><strong>Prima di tutto, ecco un elenco dei vantaggi che puoi ottenere usando il builder:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>i moduli sono supportati dalla maggior parte dei website builder e non richiedono conoscenze di codice per l\u2019integrazione;<\/li>\n\n\n\n<li>puoi creare widget modulo gratuitamente con il piano free o sottoscrivere uno dei piani a pagamento per ottenere pi\u00f9 funzionalit\u00e0;<\/li>\n\n\n\n<li>se non sei completamente soddisfatto del builder, puoi richiedere un rimborso entro 14 giorni dalla data di sottoscrizione online;<\/li>\n\n\n\n<li>in caso di problemi, puoi rivolgerti al Supporto Clienti che sar\u00e0 sempre disponibile per aiutarti con l\u2019incorporamento del modulo;<\/li>\n\n\n\n<li>sono disponibili funzionalit\u00e0 per segnalare e raccogliere dati che ti aiutano ad analizzare l\u2019efficacia del builder sul sito;<\/li>\n\n\n\n<li>con una variet\u00e0 di modelli di modulo puoi raccogliere feedback dei clienti sul tuo sito e usarli per il remarketing.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Nonostante i numerosi vantaggi, \u00e8 giusto menzionare anche alcuni svantaggi:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>non \u00e8 possibile sottoscrivere un abbonamento annuale n\u00e9 esiste una funzione di abbonamento a vita;<\/li>\n\n\n\n<li>all\u2019inizio dell\u2019uso del builder, il rating delle prestazioni del sito pu\u00f2 calare di circa il 3%;<\/li>\n\n\n\n<li>\u00e8 una soluzione semplice che difficilmente pu\u00f2 competere con la funzionalit\u00e0 di plugin integrati;<\/li>\n\n\n\n<li>le possibilit\u00e0 di interazione con il sito sono limitate.<\/li>\n<\/ul>\n\n\n\n<p>Tenendo conto di tutti questi aspetti, puoi prendere una decisione equilibrata se provarlo o meno.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"features-list\">Elenco delle funzionalit\u00e0 del widget Modulo&nbsp;<\/h2>\n\n\n\n<p>In questa tabella puoi vedere tutte le funzionalit\u00e0 della soluzione pronta all\u2019uso per l\u2019incorporamento di moduli online di Elfsight.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Qualsiasi tipo di modulo<\/strong><\/td><td>Con Elfsight Form Builder puoi creare moduli di qualsiasi tipo da incorporare nel tuo sito. \u00c8 uno strumento tutto-in-uno che ti permette di realizzare un modulo di contatto, un sondaggio o qualsiasi altro tipo di modulo online in un unico posto.<\/td><\/tr><tr><td><strong>Layout flessibile<\/strong><\/td><td>Il builder ti offre ampie possibilit\u00e0 di personalizzazione del layout online per adattarlo alle esigenze del tuo sito, come: la possibilit\u00e0 di dividere i campi in colonne per un aspetto particolare; la possibilit\u00e0 di modificare le etichette come preferisci \u2013 puoi nasconderle o creare un\u2019etichetta comune per ogni gruppo di campi; la possibilit\u00e0 di creare un modulo completamente orizzontale;&nbsp;la possibilit\u00e0 di modificare la larghezza del modulo; la possibilit\u00e0 di strutturare il modulo usando elementi distinti come etichetta, titolo e paragrafo.&nbsp;<\/td><\/tr><tr><td><strong>Moduli a pi\u00f9 passaggi<\/strong><\/td><td>Se vuoi dividere il modulo in pi\u00f9 pagine, basta impostare il numero di pagine e distribuire i campi tra di esse. Poi puoi personalizzare ulteriormente ogni pagina aggiungendo titolo e descrizione.<\/td><\/tr><tr><td><strong>20 elementi modulo<\/strong><\/td><td>Con 20 diversi elementi per moduli online, il widget pu\u00f2 essere usato per creare qualsiasi modulo desideri. Tra questi: testi lunghi e brevi; diverse scale online (pollice, smiley, stella e numeri); opzioni responsive per data e ora; e molto altro. Inoltre, tutti i campi possono essere personalizzati come vuoi. Ad esempio, nel creatore online di Elfsight puoi configurare i campi obbligatori, i formati di data e ora, i file caricabili, ecc.<\/td><\/tr><tr><td><strong>Stile del modulo<\/strong><\/td><td>Puoi creare un design unico per il tuo modulo senza dover programmare: scegli tra modalit\u00e0 chiara o scura, aggiungi il colore del tuo brand, imposta uno stile specifico per i campi o cambia il font. Se vuoi un aspetto particolare per il tuo modulo responsive, puoi modificarne ogni componente singolarmente tramite l\u2019editor online.<\/td><\/tr><tr><td><strong>Intestazione del modulo<\/strong><\/td><td>Puoi aggiungere un\u2019intestazione al modulo con titolo e descrizione. Inoltre, \u00e8 possibile inserire un\u2019immagine di copertina del sito e il logo del tuo brand. L\u2019intestazione migliora l\u2019aspetto del modulo responsive, particolarmente utile quando il modulo viene usato fuori dal sito tramite link.<\/td><\/tr><tr><td><strong>Moduli flottanti<\/strong><\/td><td>Puoi scegliere come incorporare il modulo nel sito: direttamente nell\u2019area contenuti (modulo inline) oppure tramite un pulsante flottante che apre un pannello con il modulo al clic (modulo flottante).<\/td><\/tr><tr><td><strong>Integrazioni<\/strong><\/td><td><br>I moduli responsive di Elfsight possono essere integrati con servizi online come Mailchimp e Google Sheets per raccogliere statistiche utenti in modo efficiente. In questo modo, tutti i dati dei moduli vengono inviati direttamente a questi servizi se attivi la funzione nel creatore online. Un altro servizio disponibile \u00e8 Zapier, che consente di integrare le informazioni dei moduli con oltre 5000 servizi e risolvere quasi ogni esigenza di integrazione.<\/td><\/tr><tr><td><strong>Protezione anti-spam<\/strong><\/td><td>Per garantire la migliore esperienza con il widget, i moduli supportano Google reCAPTCHA. Google reCAPTCHA \u00e8 una soluzione gratuita e leggera per proteggere i moduli dallo spam. \u00c8 invisibile, quindi gli utenti non devono cliccare su alcuna casella, tutto funziona automaticamente. I bot spam invece avranno molte difficolt\u00e0.<\/td><\/tr><tr><td><strong>Notifiche email<\/strong><\/td><td>Nel creatore online puoi impostare varie notifiche email al completamento del modulo. Ad esempio, inviare a te stesso un\u2019email con tutte le informazioni del modulo, oppure inviare un\u2019email al cliente dopo che ha compilato il modulo sul sito (funzione autoresponder). Per ogni notifica puoi configurare tutti i parametri di invio e personalizzare il template email.<\/td><\/tr><tr><td><strong>Azioni dopo l\u2019invio<\/strong><\/td><td>Puoi scegliere cosa succede dopo l\u2019invio del modulo: mostrare un messaggio di successo, reindirizzare a un\u2019altra pagina del sito o semplicemente far sparire il modulo. Ogni azione pu\u00f2 essere personalizzata senza codice nel creatore online.<\/td><\/tr><tr><td><strong>Precompilazione moduli con parametri URL<\/strong><\/td><td>Per un\u2019integrazione pi\u00f9 profonda, puoi configurare la precompilazione di alcuni campi tramite parametri URL. Ad esempio, se sai che il cliente \u00e8 interessato a un prodotto o servizio specifico, puoi inviargli un link con il parametro gi\u00e0 impostato. Cos\u00ec il campo corrispondente sar\u00e0 precompilato senza bisogno di codice. Puoi anche aggiungere informazioni analitiche tramite campi nascosti precompilati con parametri URL.<\/td><\/tr><tr><td><strong>Moduli multilingue<\/strong><\/td><td>Tutti i campi del modulo personalizzato possono essere tradotti in qualsiasi lingua, tra cui: spagnolo, francese, italiano, portoghese, serbo e molte altre.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"thorough-guides\">Guide dettagliate su come aggiungere moduli a diversi website builder<\/h2>\n\n\n\n<p>Ecco una guida semplice su come <a href=\"https:\/\/elfsight.com\/blog\/form-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\">incorporare il modulo<\/a> che hai creato e personalizzato online in qualsiasi sito web. Ti baster\u00e0 incollare il codice del widget modulo in un campo HTML della tua pagina web. Pronto, via, codice!<\/p>\n\n\n<div class=\"tip-yellow tip\"><b>Il processo \u00e8 cos\u00ec semplice che potrai goderti il funzionamento del widget sul sito subito dopo l\u2019installazione senza ulteriori sforzi:<\/b><\/p>\n<ul>\n<li>Nessun costo: sia la creazione del modulo che la prova delle sue funzionalit\u00e0 sono gratuite<\/li>\n<li>Se vuoi modificare un modulo esistente, puoi farlo online nel pannello di amministrazione Elfsight senza dover toccare il codice della piattaforma.<\/li>\n<li>Tutti gli aggiornamenti del modulo responsive sono automatici, quindi non devi fare nulla manualmente.<\/li>\n<\/ul>\n<p><\/div>\n\n\n\n<p>Con queste istruzioni passo passo vedrai che <a href=\"https:\/\/elfsight.com\/blog\/form-generator\/\">incorporare moduli in qualsiasi sito<\/a> \u00e8 cos\u00ec facile che anche chi non \u00e8 esperto di codice pu\u00f2 farlo. Puoi anche guardare il video per esserne sicuro:<\/p>\n\n\n\n<div class=\"video-container\"><iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/OWaK4YneeH0?si=KZ2Pp3UXecZ-7EGK\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n\n\n\n<p>Ecco una breve trascrizione del video che puoi seguire:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Registrati gratuitamente su Elfsight e accedi al pannello di amministrazione;<\/li>\n\n\n\n<li>Crea il tuo modulo responsive nel creatore widget;<\/li>\n\n\n\n<li>Salva il Form Builder dopo aver completato tutte le impostazioni;<\/li>\n\n\n\n<li>Copia il codice per l\u2019installazione del modulo dal popup;<\/li>\n\n\n\n<li>Vai sul tuo sito e incolla il codice del modulo nel campo HTML.<\/li>\n<\/ol>\n\n\n\n<p>Ora vedi quanto \u00e8 facile! Dopo aver finito, vai sulla tua pagina web e verifica il funzionamento del Form Builder incorporato. Se incontri difficolt\u00e0, il Supporto Elfsight \u00e8 sempre disponibile per aiutarti!<\/p>\n\n\n\n<div class=\"faq\" data-component=\"FAQ\"><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Come incorporare moduli su WordPress<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Qui puoi vedere come <a href=\"https:\/\/elfsight.com\/blog\/how-to-create-form-for-wordpress\/\" target=\"_blank\" rel=\"noopener\">aggiungere Form Builder al tuo sito WordPress<\/a>. Ci sono due istruzioni distinte perch\u00e9 alcuni utenti usano Elementor invece dell\u2019editor WordPress predefinito, ecco come fare:<\/p><p><b>Variante 1: per chi usa l\u2019editor online di WordPress<\/b><\/p><p>Hai creato il modulo responsive e lo hai modificato nel pannello Elfsight. Ora, dopo aver completato le modifiche, apri il sito WordPress e vai al pannello di amministrazione. Incolla il codice del widget modulo di Elfsight nel campo codice HTML. Segui i passaggi:<\/p><ol><li>Crea il modulo nel creatore online di Elfsight.<\/li><li>Copia il codice per l\u2019installazione del modulo.<\/li><li>Accedi al tuo sito WordPress.<\/li><li>Vai alla sezione \u2018Pagine\u2019.<\/li><li>Scegli la pagina dove inserire il modulo.<\/li><li>Aggiungi un blocco codice HTML personalizzato dove serve.<\/li><li>Incolla il codice del modulo dal creatore gratuito.<\/li><li>Clicca \u2018Aggiorna\u2019 e salva le modifiche.<\/li><\/ol><p>Una volta incorporato il widget, tutte le modifiche possono essere fatte direttamente dal pannello Elfsight gratuitamente. Verranno visualizzate automaticamente nel tuo Form Builder, quindi non serve modificare i moduli su WordPress.<\/p><p><b>Variante 2: per chi usa Elementor<\/b><\/p><p>Se usi Elementor, ecco una guida rapida:<\/p><ol><li>Genera il modulo personalizzato su Elfsight.<\/li><li>Copia il codice di installazione del modulo.<\/li><li>Accedi al pannello WordPress.<\/li><li>Seleziona la pagina dove aggiungere il modulo.<\/li><li>Vai al gestore pagine o alla lista pagine.<\/li><li>Scegli \u2018Modifica con Elementor\u2019.<\/li><li>Trascina l\u2019elemento \u2018HTML\u2019 per aggiungere il modulo alla pagina.<\/li><li>Clicca \u2018Aggiorna\u2019 per salvare le modifiche.<\/li><\/ol><p>Segui questa guida per aggiungere il codice del widget modulo a ogni pagina WordPress creata con Elementor. Procedi pagina per pagina e vedrai il tuo Form Builder responsive apparire sul sito in un attimo.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Incorporare moduli su sito Wix HTML<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Per aggiungere Form Builder al sito Wix, devi prima aprire il pannello di controllo Wix. Poi trova l\u2019opzione per incorporare codice HTML personalizzato e segui questi passaggi:<\/p><ol><li>Accedi al pannello Elfsight.<\/li><li>Crea il modulo e premi \u2018Salva\u2019.<\/li><li>Copia il codice del widget modulo mostrato nel popup.<\/li><li>Accedi al pannello di amministrazione del sito Wix.<\/li><li>Vai alla sezione \u2018Impostazioni\u2019.<\/li><li>Scegli l\u2019opzione \u2018Codice personalizzato\u2019.<\/li><li>Apparir\u00e0 il campo \u2018Aggiungi codice personalizzato\u2019.<\/li><li>Incolla qui il codice del modulo.<\/li><\/ol><p>Fatto! Ora puoi andare su Wix e vedere come funziona il tuo builder gratuito e responsive. Se apporti modifiche ai moduli, saranno automaticamente aggiornate sul sito Wix. Questo articolo spiega come puoi facilmente <a href=\"https:\/\/elfsight.com\/blog\/how-to-add-form-to-wix-elfsight-form-builder-app\/\" target=\"_blank\" rel=\"noopener\">aggiungere un modulo ai siti Wix.<\/a><\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Come aggiungere moduli a Squarespace<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Ecco una breve guida per aggiungere il Form Builder HTML a Squarespace:<\/p><ol><li>Accedi al pannello Elfsight.<\/li><li>Crea il modulo nel creatore widget.<\/li><li>Copia il codice per l\u2019installazione del modulo.<\/li><li>Accedi al pannello di amministrazione Squarespace.<\/li><li>Apri l\u2019editor del sito Squarespace.<\/li><li>Clicca su \u2018Blocco codice\u2019 per inserire il codice del modulo.<\/li><li>Premi il pulsante per salvare le modifiche.<\/li><li>Controlla il widget sul sito Squarespace.<\/li><\/ol><p>Dopo aver salvato, vedrai subito il modulo sul sito Squarespace. Non devi lavorare con il codice HTML sulla piattaforma. Ogni modifica fatta nel pannello Elfsight apparir\u00e0 automaticamente sul sito.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Come aggiungere moduli HTML su Shopify<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Ecco un\u2019istruzione per incorporare il widget responsive Elfsight su Shopify:<\/p><ol><li>Accedi al pannello Elfsight.<\/li><li>Crea il modulo con il creatore online.<\/li><li>Premi il pulsante per salvare.<\/li><li>Copia il codice del modulo dal popup.<\/li><li>Accedi al pannello di amministrazione Shopify.<\/li><li>Seleziona \u2018Negozio online\u2019 &#8211; \u2018Personalizza\u2019.<\/li><li>Dal menu, scegli \u2018Aggiungi sezione\u2019.<\/li><li>Vai su \u2018Contenuto personalizzato\u2019, premi \u2018Aggiungi\u2019.<\/li><li>Elimina le parti preinstallate di default.<\/li><li>Vai al menu \u2018Aggiungi contenuto\u2019.<\/li><li>Incolla il codice del modulo nel campo \u2018HTML personalizzato\u2019.<\/li><li>Salva e verifica il funzionamento del widget sul sito.<\/li><\/ol><p>Quando vuoi modificare l\u2019aspetto o le funzionalit\u00e0 del widget responsive, puoi farlo gratuitamente nel pannello Elfsight. Tutte le modifiche saranno visualizzate automaticamente sul sito, senza dover toccare il codice della piattaforma.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Incorporare moduli su sito Webflow HTML<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Segui questa guida rapida per integrare moduli nel tuo sito Webflow:<\/p><ol><li>Avvia l\u2019editor gratuito Elfsight per iniziare a creare il modulo.<\/li> <li>Seleziona il design e le funzionalit\u00e0 adatte del widget.<\/li><li>Salva e poi copia il codice di incorporamento del modulo.<\/li><li>Inserisci il codice del widget modulo nella homepage di Webflow.<\/li><li>Salva le modifiche e verifica il funzionamento del widget responsive.<\/li><\/ol><p>Non esitare a contattare il Team di Assistenza in caso di problemi con l\u2019incorporamento del codice sul sito. Sono sempre disponibili per aiutarti.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Aggiungere moduli su Google Sites HTML<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Ci sono due tutorial distinti perch\u00e9 esistono una versione nuova e una vecchia di Google Sites. Ecco come aggiungere moduli in entrambe le versioni.<\/p><p><b>Variante 1. Nuovo sito Google Sites<\/b><\/p><ol><li>Crea, personalizza e salva il widget su elfsight.com.<\/li><li>Copia il codice di installazione del modulo dal popup.<\/li><li>Vai nell\u2019editor di Google Sites e clicca \u2018Incorpora\u2019.<\/li><li>Seleziona \u2018Incorpora codice\u2019, incolla il codice del modulo e premi \u2018Avanti\u2019.<\/li><li>Regola larghezza e altezza desiderate del widget responsive.<\/li><\/ol><p>Fatto! Hai incorporato con successo i moduli nel tuo sito Google Sites.<\/p><p><b>Variante 2. Google Sites classico (vecchio)<\/b><\/p><p>Questa opzione \u00e8 un po\u2019 pi\u00f9 complessa della prima, ma non preoccuparti! Con questa guida non \u00e8 cos\u00ec difficile come sembra.<\/p><ol><li>Crea il widget responsive nel pannello Elfsight.<\/li><li>Personalizza tutti gli elementi nel creatore online e premi salva.<\/li><li>Prendi il codice di installazione dal popup.<\/li><\/ol><p>Poich\u00e9 la piattaforma non supporta codici JS, devi convertire il widget responsive in iframe prima di continuare l\u2019incorporamento su Google Sites. Clicca sul <a href=\"https:\/\/help.elfsight.com\/article\/680-how-to-convert-your-installation-code-in-iframe\" target=\"_blank\" rel=\"noopener\">link<\/a> per una guida su come fare.<\/p><p>Dopo aver installato il widget in iframe, segui questa breve guida per incorporare il codice:<\/p><ol><li>Apri l\u2019editor Google Sites e clicca \u2018Modifica\u2019.<\/li><li>Premi \u2018Modifica sorgente HTML\u2019 per aggiungere un nuovo elemento codice.<\/li><li>Inserisci l\u2019iframe creato e poi clicca \u2018Aggiorna\u2019.<\/li><li>Modifica impostazioni e dimensioni del widget tramite \u2018Propriet\u00e0\u2019.<\/li><li>Controlla il funzionamento del widget sul sito Google Sites.<\/li><\/ol><p>Non \u00e8 stato semplice? Ora il tuo widget responsive funziona perfettamente sulla pagina Google Sites! Se qualcosa non va, contatta il Supporto Elfsight, sempre pronto ad aiutarti.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Come aggiungere moduli su Blogger HTML<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Per incorporare moduli su Blogger, segui questi passaggi:<\/p><ol><li>Nel pannello Elfsight, crea il modulo.<\/li><li>Imposta il design e clicca per salvare le modifiche.<\/li><li>Copia il codice HTML dal popup.<\/li><li>Vai alla homepage di Blogger e clicca \u2018Tema\u2019.<\/li><li>Premi \u2018Modifica HTML\u2019 per aprire la pagina di modifica codice.<\/li><li>Trova il tag &#8220;body&#8221;, incolla il codice dopo &#8220;div class&#8221;.<\/li><li>Salva e goditi il funzionamento del widget responsive.<\/li><\/ol><p>Complimenti! Hai incorporato il modulo sul tuo sito Blogger.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using-forms\">Cosa sapere sull\u2019uso dei moduli sul tuo sito web<\/h2>\n\n\n\n<p>Secondo le statistiche di <a href=\"https:\/\/trends.builtwith.com\/widgets\/feedback-forms-and-surveys\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">BuiltWith Trends<\/a>, il 40% dei primi 1000 siti usa moduli per raccogliere dati degli utenti. Non sorprende, dato che ricerche dimostrano che i moduli sono apprezzati dai clienti e aumentano le conversioni. Ecco alcuni consigli e dati da questi studi da tenere a mente prima di installare un modulo.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. \u00c8 vero che usare moduli sul sito aumenta le vendite?<\/h3>\n\n\n\n<p>Certo! Studi hanno dimostrato che i moduli possono incrementare le vendite. Ad esempio, secondo <a href=\"https:\/\/www.ventureharbour.com\/multi-step-lead-forms-get-300-conversions\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Venture Harbour<\/a>, i <a href=\"https:\/\/wpforms.com\/how-to-create-a-multi-part-form-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">moduli a pi\u00f9 passaggi<\/a> possono portare a un aumento del 300% delle conversioni.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Una delle scoperte migliori della mia carriera \u00e8 stata capire quanto bene convertono i moduli a pi\u00f9 passaggi\u2026 Nel 2014 avevo appena lanciato un calcolatore online per misurare le \u201czone di comfort\u201d delle persone\u2026 a causa della natura dello strumento, i moduli web tradizionali non ci servivano. Dovevamo raccogliere informazioni approfondite sugli utenti, ma i moduli lunghi abbassavano le conversioni.<\/p>\n\n\n\n<p>Dopo <em>molte<\/em> ricerche e test, abbiamo scoperto il concetto di moduli a pi\u00f9 passaggi e ne abbiamo creato uno per noi\u2026 Il modulo a pi\u00f9 passaggi ha convertito il 53% dei visitatori in lead, nonostante chiedesse molte informazioni (email, nome, telefono e stipendio).<\/p>\n<cite><em>Marcus Taylor<\/em><\/cite><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">2. <strong>Quando raccogliere dati personali degli utenti?<\/strong><\/h3>\n\n\n\n<p>Secondo lo studio, il 65% dei visitatori ha dichiarato che non invierebbe un modulo se richiedesse \u201ctroppi dati personali\u201d. E c\u2019\u00e8 un motivo: i clienti non vogliono condividere dettagli come telefono o email con chi non conoscono. Quindi inserire questi campi nei moduli pu\u00f2 far nascere sospetti nei nuovi visitatori.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Raccogli informazioni importanti, come il numero di telefono, solo quando hai costruito fiducia e il potenziale cliente \u00e8 pronto a fare il passo successivo con te.<\/p>\n<cite>Huff Industrial Marketing, KoMarketing, &amp; BuyerZone<\/cite><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Quanti campi dovrebbe avere il mio modulo?<\/strong><\/h3>\n\n\n\n<p>Vari studi hanno testato l\u2019effetto di moduli pi\u00f9 corti o pi\u00f9 lunghi. Grazie ancora a <a href=\"https:\/\/www.ventureharbour.com\/how-form-length-impacts-conversion-rates\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Venture Harbour<\/a>, possiamo vedere come la lunghezza del modulo influisce sull\u2019efficacia. I risultati sono controversi e dipendono da fattori come:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Tipo di conversione: iscrizioni email e creazione account richiedono moduli molto diversi.<\/li>\n\n\n\n<li>Aspettative degli utenti: se gli utenti vedono valore nel compilare un campo, saranno felici di farlo.<\/li>\n\n\n\n<li>Incentivo: puoi creare incentivi per ridurre l\u2019attrito?<\/li>\n\n\n\n<li>Quante informazioni servono: a volte l\u2019attrito \u00e8 il prezzo da pagare per lead di qualit\u00e0 anzich\u00e9 quantit\u00e0.<\/li>\n\n\n\n<li>Formattazione: i moduli a pi\u00f9 passaggi creano spazio per moduli pi\u00f9 lunghi, formattati per ridurre l\u2019attrito.<\/li>\n\n\n\n<li>Migliori pratiche: sono linee guida, non regole. Le tendenze di design accettate non sempre funzionano.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"all-on-one\">Soluzione tutto-in-uno per creare qualsiasi tipo di modulo con un clic<\/h2>\n\n\n\n<p>Il widget Elfsight Form Builder \u00e8 uno strumento tutto-in-uno per creare qualsiasi modulo con un solo clic. Incorpora quello che meglio si adatta alle tue esigenze: modulo Contattaci, modulo Feedback, modulo Sondaggio, modulo Ordine, modulo Personalizzato&nbsp;<\/p>\n\n\n\n<p><strong>Con Elfsight Form Builder puoi creare facilmente tutti i tipi di modulo in un unico posto.&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2023\/02\/how-to-embed-form-to-website-post-cta.jpg\" alt=\"\" class=\"wp-image-59858\" style=\"object-fit:cover\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Se hai domande ancora aperte<\/h2>\n\n\n\n<p>Ora sai come aggiungere facilmente moduli a qualsiasi website builder e perch\u00e9 sono efficaci. Sai anche che puoi creare qualsiasi tipo di modulo ti serva con il widget responsive di Elfsight. Tuttavia, se hai ancora domande non trattate nell\u2019articolo, considera queste opzioni:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>visita la <a href=\"https:\/\/community.elfsight.com\/c\/wishlist\/form-builder\/76\">Wishlist<\/a> per proporre funzionalit\u00e0 che ti servono ma che Form Builder non ha ancora.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>vai al <a href=\"https:\/\/help.elfsight.com\/collection\/278-form-builder\" target=\"_blank\" rel=\"noreferrer noopener\">Centro Assistenza<\/a> per leggere altri articoli e tutorial su Form Builder.<\/li>\n\n\n\n<li>esplora i <a href=\"https:\/\/elfsight.com\/online-form-builder\/templates\/\" target=\"_blank\" rel=\"noreferrer noopener\">modelli<\/a> esistenti del widget da cui scegliere per creare il tuo strumento personalizzato.<\/li>\n\n\n\n<li>connettiti con persone affini e condividi le tue idee nella <a href=\"https:\/\/community.elfsight.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Community Elfsight<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Speriamo che l\u2019articolo sull\u2019incorporamento di moduli ti sia stato utile. Torna a trovarci e grazie per l\u2019attenzione!<\/p>\n\n\n\n<p>Ricorda anche che abbiamo altre guide fantastiche, ad esempio puoi scoprire come <a href=\"https:\/\/elfsight.com\/blog\/how-to-embed-google-reviews-on-website\/\" target=\"_blank\" rel=\"noopener\">incorporare recensioni Google Business sul sito<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"Scopri una guida semplice su come creare e aggiungere vari moduli al tuo sito web. Inoltre, leggi di un widget online che rende questo processo rapido e senza sforzo.","protected":false},"author":31,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[130],"tags":[],"class_list":["post-10326","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come inserire moduli su qualsiasi sito web online e gratuitamente<\/title>\n<meta name=\"description\" content=\"Scopri una guida semplice su come creare e aggiungere vari moduli al tuo sito web. Inoltre, leggi di un widget online che rende questo processo rapido e senza sforzo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come inserire moduli su qualsiasi sito web online e gratuitamente\" \/>\n<meta property=\"og:description\" content=\"Scopri una guida semplice su come creare e aggiungere vari moduli al tuo sito web. Inoltre, leggi di un widget online che rende questo processo rapido e senza sforzo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight IT\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-19T20:36:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-26T20:12:54+00:00\" \/>\n<meta name=\"author\" content=\"Aleksei Rostovtsev\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aleksei Rostovtsev\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minuti\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come inserire moduli su qualsiasi sito web online e gratuitamente","description":"Scopri una guida semplice su come creare e aggiungere vari moduli al tuo sito web. Inoltre, leggi di un widget online che rende questo processo rapido e senza sforzo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/","og_locale":"it_IT","og_type":"article","og_title":"Come inserire moduli su qualsiasi sito web online e gratuitamente","og_description":"Scopri una guida semplice su come creare e aggiungere vari moduli al tuo sito web. Inoltre, leggi di un widget online che rende questo processo rapido e senza sforzo.","og_url":"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/","og_site_name":"Elfsight IT","article_published_time":"2025-06-19T20:36:21+00:00","article_modified_time":"2025-07-26T20:12:54+00:00","author":"Aleksei Rostovtsev","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Aleksei Rostovtsev","Tempo di lettura stimato":"16 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/","url":"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/","name":"Come inserire moduli su qualsiasi sito web online e gratuitamente","isPartOf":{"@id":"https:\/\/elfsight.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/#primaryimage"},"image":{"@id":"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/#primaryimage"},"thumbnailUrl":"https:\/\/elfsight.com\/wp-content\/uploads\/2023\/02\/how-to-embed-form-to-website-post-cta.jpg","datePublished":"2025-06-19T20:36:21+00:00","dateModified":"2025-07-26T20:12:54+00:00","author":{"@id":"https:\/\/elfsight.com\/it\/#\/schema\/person\/bfeb7e55f126236a9435d755716132f9"},"description":"Scopri una guida semplice su come creare e aggiungere vari moduli al tuo sito web. Inoltre, leggi di un widget online che rende questo processo rapido e senza sforzo.","breadcrumb":{"@id":"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/#primaryimage","url":"https:\/\/elfsight.com\/wp-content\/uploads\/2023\/02\/how-to-embed-form-to-website-post-cta.jpg","contentUrl":"https:\/\/elfsight.com\/wp-content\/uploads\/2023\/02\/how-to-embed-form-to-website-post-cta.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/it\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/it\/"},{"@type":"ListItem","position":2,"name":"Come incorporare moduli su qualsiasi sito web online e gratuitamente"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/it\/#website","url":"https:\/\/elfsight.com\/it\/","name":"Elfsight IT","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/elfsight.com\/it\/#\/schema\/person\/bfeb7e55f126236a9435d755716132f9","name":"Aleksei Rostovtsev","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elfsight.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17328613bf3579ec224782f54f5c4a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17328613bf3579ec224782f54f5c4a?s=96&d=mm&r=g","caption":"Aleksei Rostovtsev"},"url":"https:\/\/elfsight.com\/it\/blog\/author\/rostovcev\/"}]}},"meta_box":[],"_links":{"self":[{"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/posts\/10326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/comments?post=10326"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/posts\/10326\/revisions"}],"predecessor-version":[{"id":10482,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/posts\/10326\/revisions\/10482"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/media?parent=10326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/categories?post=10326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/tags?post=10326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}