{"id":41684,"date":"2026-05-26T11:49:09","date_gmt":"2026-05-26T09:49:09","guid":{"rendered":"https:\/\/smartfense.com\/?p=41684"},"modified":"2026-05-26T11:49:11","modified_gmt":"2026-05-26T09:49:11","slug":"come-configurare-diapositive-html-passo-dopo-passo","status":"publish","type":"post","link":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/","title":{"rendered":"Come configurare le diapositive HTML nei moduli interattivi, passo dopo passo"},"content":{"rendered":"<h1>Come configurare le diapositive HTML nei moduli interattivi, passo dopo passo<\/h1>\n<p>Un tasso di completamento del 100% non garantisce che tre settimane dopo la stessa persona riconosca una mail di phishing prima di fare clic. Leggere non \u00e8 la stessa cosa che decidere sotto pressione, e la differenza si allena.<\/p>\n<p>Le <strong>diapositive HTML nei moduli interattivi<\/strong> di SMARTFENSE sono pensate proprio per colmare quella distanza. Invece di schermate statiche da attraversare con il pulsante \u201cavanti\u201d, ogni schermata attiva un processo mentale diverso: osservare, classificare, decidere, rispondere. E dato che le diapositive sono in HTML, puoi adattarle al brand, al settore e al caso reale del tuo cliente senza dover ricaricare i contenuti da zero.<\/p>\n<p>Questo articolo \u00e8 una guida operativa per amministratori e partner che vogliono configurarle oggi. Se ti interessa prima il perch\u00e9 del ridisegno (il cambio di paradigma, i principi e la logica del feedback positivo), ti consigliamo di leggere prima <a href=\"https:\/\/smartfense.com\/it\/blog\/dalla-lettura-alla-decisione-come-le-learning-interattivo-cambia-i-risultati-dellawareness\/\">l\u2019articolo sul nostro blog pubblico sulle diapositive HTML e l\u2019e-learning interattivo<\/a>.<\/p>\n<h2>Prima di iniziare: dove vivono le diapositive?<\/h2>\n<p>Nella piattaforma trovi due porte d\u2019ingresso allo stesso strumento:<\/p>\n<ul>\n<li><strong>Galleria dei contenuti<\/strong>: i modelli predefiniti curati dal team di contenuti di SMARTFENSE. Pi\u00f9 di <strong>50 moduli pronti all\u2019uso<\/strong>, raggruppati per tematica (phishing, password, ingegneria sociale, IA, BYOD, ecc.). \u00c8 il punto di partenza consigliato nel 90% dei casi.<\/li>\n<li><strong>Contenuto personalizzato \u2192 Moduli interattivi<\/strong>: la tua libreria. Qui vivono i moduli che adatti dalla galleria e quelli che crei da zero.<\/li>\n<\/ul>\n<p>La scelta su da dove partire \u00e8 pratica: se esiste un modello vicino all\u2019obiettivo, <strong>conviene sempre adattarlo<\/strong> invece di costruire da zero. La galleria porta gi\u00e0 con s\u00e9 l\u2019impostazione concettuale (anatomia di un caso, feedback positivo, valutazione finale), e il tuo lavoro si riduce a vestirla con il brand e gli esempi del cliente.<\/p>\n<h2>Passo 1: Creare un modulo da modello<\/h2>\n<ol>\n<li>Entra in <strong>Contenuto personalizzato \u2192 Moduli interattivi<\/strong>.<\/li>\n<li>Scegli <strong>Nuovo modulo interattivo \u2192 Da modello<\/strong>.<\/li>\n<li>Nell\u2019elenco, seleziona il modello pi\u00f9 vicino all\u2019obiettivo della campagna. Ad esempio, <em>Sicurezza nei dispositivi mobili<\/em> se devi lavorare sul BYOD.<\/li>\n<li>La piattaforma ti porta alla prima vista di modifica con tutte le configurazioni precaricate.<\/li>\n<\/ol>\n<p>In <strong>Dati visibili dall\u2019amministratore<\/strong> definisci la parte operativa: nome interno, descrizione, etichette, categorie, tematiche, tempo stimato, difficolt\u00e0, catalogo e, se usi il componente di normative, la clausola corrispondente. Questa vista \u00e8 quella che vedono gli amministratori; serve a classificare il modulo dentro la tua libreria e a collegarlo agli audit.<\/p>\n<p>In <strong>Dati visibili dall\u2019utente<\/strong> definisci ci\u00f2 che l\u2019utente finale vedr\u00e0: titolo del modulo, immagine di sfondo e immagine di copertina. Se il tuo cliente ha un\u2019identit\u00e0 visiva forte, questo \u00e8 il punto in cui compare.<\/p>\n<p>Salvi e la piattaforma ti porta direttamente alla <strong>modifica delle diapositive<\/strong>, con tutto il contenuto del modello gi\u00e0 caricato.<\/p>\n<h2>Passo 2: Personalizzare il brand con modifiche minime di HTML<\/h2>\n<p>Qui arriva il primo guadagno rapido. <strong>Non serve conoscere l\u2019HTML in modo avanzato<\/strong>: con due o tre modifiche puntuali puoi trasformare un modello generico in qualcosa che sembra fatto su misura.<\/p>\n<p>Ogni diapositiva ha il proprio editor HTML. Le operazioni che farai pi\u00f9 spesso:<\/p>\n<ul>\n<li><strong>Cambiare il colore di un blocco evidenziato<\/strong> (ad esempio, il box di \u201cbuone pratiche\u201d). Cerchi la sezione delle colonne nel codice, identifichi il blocco dal nome gi\u00e0 commentato e sostituisci il codice colore. Se il tuo cliente \u00e8 un istituto finanziario, puoi allinearlo al suo brand book.<\/li>\n<li><strong>Aggiungere il logo del cliente<\/strong> in alto a sinistra. Inserisci un tag <code><img src=\"...\"><\/code> che punta a un\u2019immagine gi\u00e0 caricata nella piattaforma, regoli il <code>width<\/code> e basta.<\/li>\n<li><strong>Sostituire testi<\/strong> che fanno riferimento a domini o aree generiche con quelli reali del cliente. I dati di organizzazione si possono gestire con variabili (vedi passo 4), ma a volte \u00e8 pi\u00f9 semplice cambiare il copy diretto se \u00e8 un dato fisso.<\/li>\n<\/ul>\n<p>Dopo ogni modifica, il pulsante <strong>Anteprima<\/strong> ti porta alla vista dell\u2019utente finale. Prova ogni modifica prima di salvare la diapositiva: l\u2019anteprima non tocca nulla e ti evita sorprese in produzione.<\/p>\n<p>Una volta finita la personalizzazione di una diapositiva, <strong>salvi quella diapositiva in particolare<\/strong>. Nella modifica generale le modifiche si salvano in automatico, ma a livello di ogni singola slide devi confermare.<\/p>\n<p>Se hai ancora dubbi su come modificare l\u2019HTML nella piattaforma, la stessa vista di modifica ha una <strong>guida in linea<\/strong> a tendina con esempi. Trovi anche il <a href=\"https:\/\/support.smartfense.com\/\">centro di assistenza di SMARTFENSE<\/a> con articoli dedicati all\u2019editor.<\/p>\n<h2>Passo 3: Creare una diapositiva da zero<\/h2>\n<p>Quando la galleria non ha ci\u00f2 che ti serve, puoi aggiungere una diapositiva nuova senza uscire dall\u2019editor.<\/p>\n<ol>\n<li>Nella vista delle diapositive, cerca l\u2019opzione <strong>Aggiungi diapositiva<\/strong>.<\/li>\n<li>Scegli il layout: titolo e corpo, due colonne, una colonna, ecc.<\/li>\n<li>Scegli <strong>Contenuto HTML<\/strong>.<\/li>\n<li>Si apre un editor vuoto dove incolli il codice HTML che vuoi.<\/li>\n<\/ol>\n<p>Un pattern utile per quando inizi: <strong>parti da una diapositiva gi\u00e0 montata della galleria<\/strong>, copi il suo HTML, lo incolli nella diapositiva nuova e da l\u00ec lo modifichi. Risparmi il lavoro di ricreare struttura, stili e comportamento.<\/p>\n<p>Se nella tua organizzazione c\u2019\u00e8 qualcuno con un profilo pi\u00f9 tecnico, questa \u00e8 la leva che apre il soffitto: qualunque interazione costruibile con HTML, CSS e un minimo di JavaScript inline ci sta dentro. Per esempio, esercizi di drag-and-drop per classificare tipi di phishing, simulatori di casella di posta o questionari con feedback condizionale.<\/p>\n<h2>Passo 4: Usare le variabili organizzative<\/h2>\n<p>Questa \u00e8 la parte che ha pi\u00f9 impatto sulla percezione dell\u2019utente finale, ed \u00e8 anche quella che si sfrutta di meno. Quando un modulo parla all\u2019utente per nome, menziona la sua area reale e mostra il corretto indirizzo a cui segnalare gli incidenti, smette di sembrare un corso generico.<\/p>\n<p>La piattaforma espone due insiemi di variabili:<\/p>\n<p><strong>Variabili dell\u2019utente<\/strong> (provengono dal database utenti):<\/p>\n<ul>\n<li>nome e cognome<\/li>\n<li>indirizzo email<\/li>\n<li>responsabile diretto<\/li>\n<li>email del responsabile<\/li>\n<\/ul>\n<p><strong>Variabili dell\u2019organizzazione<\/strong> (si configurano in <strong>Configurazione \u2192 Organizzazione \u2192 Dati dell\u2019organizzazione<\/strong>):<\/p>\n<ul>\n<li>nome dell\u2019area (help desk, SOC, ecc.)<\/li>\n<li>email dell\u2019area<\/li>\n<li>telefono dell\u2019area<\/li>\n<li>nome del CISO<\/li>\n<li>nome del direttore tecnologico<\/li>\n<li>email per la segnalazione di incidenti<\/li>\n<\/ul>\n<p>Per usare una variabile dentro l\u2019HTML, basta inserire il placeholder nel punto corrispondente. Quando l\u2019utente apre il modulo, la piattaforma sostituisce ogni placeholder con il valore reale.<\/p>\n<p>Quello che conviene sfruttare \u00e8 che <strong>una variabile si aggiorna una volta sola e si propaga in tutti i contenuti<\/strong>. Se domani cambia l\u2019indirizzo a cui si segnalano gli incidenti, non devi aprire ogni diapositiva; modifichi la variabile nella configurazione dell\u2019organizzazione e tutti i moduli che la usano si aggiornano in automatico. Lo stesso vale se cambia il CISO, l\u2019area di supporto o il direttore commerciale.<\/p>\n<p>Per i clienti con filiali in pi\u00f9 paesi, la variabile rispetta anche la lingua dell\u2019utente: ogni persona vede l\u2019email e i dati dell\u2019area corrispondenti alla propria area geografica.<\/p>\n<h2>Passo 5: Lanciare la campagna<\/h2>\n<p>Una volta creato o personalizzato il modulo, lo vedrai nella <strong>galleria dei contenuti<\/strong>, ora con il tuo adattamento incluso.<\/p>\n<p>Tre strade per attivarlo:<\/p>\n<ul>\n<li><strong>Visualizzarlo in anteprima<\/strong> dalla galleria. Ti porta alla vista dell\u2019utente finale e ti lascia percorrerlo come far\u00e0 una persona del cliente.<\/li>\n<li><strong>Creare una campagna direttamente dal modulo<\/strong> con il pulsante <strong>Crea campagna<\/strong>. La piattaforma carica il modulo nel topic della campagna in automatico.<\/li>\n<li><strong>Aggiungerlo a una campagna esistente<\/strong> dalla configurazione normale delle campagne.<\/li>\n<\/ul>\n<p>La configurazione della campagna (audience, date, reminder) resta la stessa che gi\u00e0 conosci per il resto dei moduli interattivi. L\u2019unica cosa che cambia \u00e8 l\u2019esperienza che riceve l\u2019utente finale.<\/p>\n<h2>Una decisione commerciale, non solo tecnica<\/h2>\n<p>Se lavori come partner, c\u2019\u00e8 un punto utile da tenere in cima alla conversazione con un cliente. Il focus del lavoro si sta spostando dal contenuto al comportamento, e le diapositive HTML sono il pezzo che riapre quel discorso di vendita. Quando puoi sederti davanti a un CISO e mostrargli una demo navigabile in cui un utente identifica i segnali di phishing e riceve feedback ad ogni decisione, l\u2019offerta smette di sembrare una libreria di corsi e prende la forma di un sistema di allenamento. La logica sottostante si collega con il modo in cui <a href=\"https:\/\/smartfense.com\/it\/blog\/dal-prevenire-al-correggere-come-i-nudges-e-i-momenti-educativi-modellano-il-comportamento\/\">i nudge e i momenti educativi modellano il comportamento<\/a> senza chiedere all\u2019utente di ricordarsi un corso intero.<\/p>\n<p>Quella differenza apre anche la conversazione su metriche pi\u00f9 utili. La percentuale che ha completato il corso passa in secondo piano, e ci\u00f2 che inizia a contare \u00e8 quanti comportamenti sono migliorati dopo la formazione.<\/p>\n<h2>Per approfondire<\/h2>\n<ul>\n<li><strong>Workshop completo<\/strong> (35 minuti): la <a href=\"https:\/\/smartfense.com\/grabaciones\/diapositivas-html-en-los-modulos-interactivos\/\">registrazione del workshop<\/a> include una demo dal vivo del modulo di phishing con IA e i tre blocchi completi (strategia, personalizzazione passo dopo passo e creazione da zero con variabili). Workshop in spagnolo.<\/li>\n<li><strong>Articolo di awareness<\/strong>: <a href=\"https:\/\/smartfense.com\/it\/blog\/dalla-lettura-alla-decisione-come-le-learning-interattivo-cambia-i-risultati-dellawareness\/\">Il cambio di paradigma dietro le diapositive HTML<\/a>. Pensato per presentarlo a un cliente che chiede perch\u00e9 questo formato.<\/li>\n<li><strong>La piattaforma<\/strong>: la sezione <a href=\"https:\/\/smartfense.com\/it\/piattaforma\/\">moduli interattivi in SMARTFENSE<\/a> spiega le capacit\u00e0 trasversali (lifecycle di campagna, metriche, normative) che si incrociano con questo tipo di contenuto.<\/li>\n<\/ul>\n<p>Se la configuri per qualche cliente e vuoi che gli diamo un\u2019occhiata prima di lanciarla, scrivici. I primi adattamenti tendono ad essere quelli che rendono di pi\u00f9 se li perfezioniamo insieme.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Guida operativa per amministratori e partner: come configurare le diapositive HTML nei moduli interattivi, crearne di nuove e usare le variabili organizzative.<\/p>\n","protected":false},"author":14,"featured_media":41713,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,689],"tags":[1966,2224,2223,1185,1980],"class_list":["post-41684","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-partners","category-blog-partner","tag-consapevolezza-in-sicurezza-informatica","tag-diapositivas-html","tag-modulos-interactivos","tag-personalizacion-it","tag-piattaforma-di-sicurezza-it"],"acf":[],"yoast_head":" \n<title>Diapositive HTML in SMARTFENSE: guida passo dopo passo<\/title>\n<meta name=\"description\" content=\"Guida operativa per amministratori e partner: come configurare le diapositive HTML nei moduli interattivi, crearne di nuove e usare le variabili organizzative.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diapositive HTML in SMARTFENSE: guida passo dopo passo\" \/>\n<meta property=\"og:description\" content=\"Guida operativa per amministratori e partner: come configurare le diapositive HTML nei moduli interattivi, crearne di nuove e usare le variabili organizzative.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/\" \/>\n<meta property=\"og:site_name\" content=\"SMARTFENSE\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-26T09:49:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-26T09:49:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/smartfense.com\/file\/2026\/05\/hero-14.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1376\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Paula Espinosa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paula Espinosa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/\"},\"author\":{\"name\":\"Paula Espinosa\",\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/#\\\/schema\\\/person\\\/57cbe1787662957ba34c101467b054f5\"},\"headline\":\"Come configurare le diapositive HTML nei moduli interattivi, passo dopo passo\",\"datePublished\":\"2026-05-26T09:49:09+00:00\",\"dateModified\":\"2026-05-26T09:49:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/\"},\"wordCount\":1505,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/smartfense.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/hero-14.jpg\",\"keywords\":[\"Consapevolezza in sicurezza informatica\",\"diapositivas html\",\"m\u00f3dulos interactivos\",\"personalizaci\u00f3n\",\"Piattaforma di sicurezza\"],\"articleSection\":[\"Blog de Partners\",\"Blog dei Partner\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/\",\"url\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/\",\"name\":\"Diapositive HTML in SMARTFENSE: guida passo dopo passo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/smartfense.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/hero-14.jpg\",\"datePublished\":\"2026-05-26T09:49:09+00:00\",\"dateModified\":\"2026-05-26T09:49:11+00:00\",\"description\":\"Guida operativa per amministratori e partner: come configurare le diapositive HTML nei moduli interattivi, crearne di nuove e usare le variabili organizzative.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/smartfense.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/hero-14.jpg\",\"contentUrl\":\"https:\\\/\\\/smartfense.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/hero-14.jpg\",\"width\":1376,\"height\":768,\"caption\":\"Escritorio de trabajo con monitor que muestra un editor visual con bloques modulares en tonos azul navy y celeste sobre una grilla limpia. Ambiente luminoso con planta, taza y l\u00e1mpara, evocando el armado tranquilo de un m\u00f3dulo interactivo en SMARTFENSE.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/blog-partner\\\/come-configurare-diapositive-html-passo-dopo-passo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/smartfense.com\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Come configurare le diapositive HTML nei moduli interattivi, passo dopo passo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/smartfense.com\\\/it\\\/\",\"name\":\"SMARTFENSE - Concienciaci\u00f3n en Ciberseguridad\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smartfense.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/#organization\",\"name\":\"SMARTFENSE\",\"url\":\"https:\\\/\\\/smartfense.com\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/smartfense.com\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/logo-smartfense-240x40-1.png\",\"contentUrl\":\"https:\\\/\\\/smartfense.com\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/logo-smartfense-240x40-1.png\",\"width\":241,\"height\":40,\"caption\":\"SMARTFENSE\"},\"image\":{\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/smartfense.com\\\/it\\\/#\\\/schema\\\/person\\\/57cbe1787662957ba34c101467b054f5\",\"name\":\"Paula Espinosa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5b30969a8c38ca4fe7cc8ddafa2a30a6806edb13d4909d5a9223f0036f1309bb?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5b30969a8c38ca4fe7cc8ddafa2a30a6806edb13d4909d5a9223f0036f1309bb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5b30969a8c38ca4fe7cc8ddafa2a30a6806edb13d4909d5a9223f0036f1309bb?s=96&d=mm&r=g\",\"caption\":\"Paula Espinosa\"},\"description\":\"Paula Espinosa es especialista en marketing de contenidos y concienciaci\u00f3n en ciberseguridad, con m\u00e1s de 6 a\u00f1os de experiencia en IT y B2B. Trabaja en estrategias de SEO, generaci\u00f3n de leads y comunicaci\u00f3n digital para empresas tecnol\u00f3gicas y de ciberseguridad.\",\"url\":\"https:\\\/\\\/smartfense.com\\\/it\\\/author\\\/paula\\\/\"}]}<\/script>\n ","yoast_head_json":{"title":"Diapositive HTML in SMARTFENSE: guida passo dopo passo","description":"Guida operativa per amministratori e partner: come configurare le diapositive HTML nei moduli interattivi, crearne di nuove e usare le variabili organizzative.","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:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/","og_locale":"it_IT","og_type":"article","og_title":"Diapositive HTML in SMARTFENSE: guida passo dopo passo","og_description":"Guida operativa per amministratori e partner: come configurare le diapositive HTML nei moduli interattivi, crearne di nuove e usare le variabili organizzative.","og_url":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/","og_site_name":"SMARTFENSE","article_published_time":"2026-05-26T09:49:09+00:00","article_modified_time":"2026-05-26T09:49:11+00:00","og_image":[{"width":1376,"height":768,"url":"https:\/\/smartfense.com\/file\/2026\/05\/hero-14.jpg","type":"image\/jpeg"}],"author":"Paula Espinosa","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Paula Espinosa","Tempo di lettura stimato":"7 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/#article","isPartOf":{"@id":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/"},"author":{"name":"Paula Espinosa","@id":"https:\/\/smartfense.com\/it\/#\/schema\/person\/57cbe1787662957ba34c101467b054f5"},"headline":"Come configurare le diapositive HTML nei moduli interattivi, passo dopo passo","datePublished":"2026-05-26T09:49:09+00:00","dateModified":"2026-05-26T09:49:11+00:00","mainEntityOfPage":{"@id":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/"},"wordCount":1505,"commentCount":0,"publisher":{"@id":"https:\/\/smartfense.com\/it\/#organization"},"image":{"@id":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/#primaryimage"},"thumbnailUrl":"https:\/\/smartfense.com\/file\/2026\/05\/hero-14.jpg","keywords":["Consapevolezza in sicurezza informatica","diapositivas html","m\u00f3dulos interactivos","personalizaci\u00f3n","Piattaforma di sicurezza"],"articleSection":["Blog de Partners","Blog dei Partner"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/","url":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/","name":"Diapositive HTML in SMARTFENSE: guida passo dopo passo","isPartOf":{"@id":"https:\/\/smartfense.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/#primaryimage"},"image":{"@id":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/#primaryimage"},"thumbnailUrl":"https:\/\/smartfense.com\/file\/2026\/05\/hero-14.jpg","datePublished":"2026-05-26T09:49:09+00:00","dateModified":"2026-05-26T09:49:11+00:00","description":"Guida operativa per amministratori e partner: come configurare le diapositive HTML nei moduli interattivi, crearne di nuove e usare le variabili organizzative.","breadcrumb":{"@id":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/#primaryimage","url":"https:\/\/smartfense.com\/file\/2026\/05\/hero-14.jpg","contentUrl":"https:\/\/smartfense.com\/file\/2026\/05\/hero-14.jpg","width":1376,"height":768,"caption":"Escritorio de trabajo con monitor que muestra un editor visual con bloques modulares en tonos azul navy y celeste sobre una grilla limpia. Ambiente luminoso con planta, taza y l\u00e1mpara, evocando el armado tranquilo de un m\u00f3dulo interactivo en SMARTFENSE."},{"@type":"BreadcrumbList","@id":"https:\/\/smartfense.com\/it\/blog-partner\/come-configurare-diapositive-html-passo-dopo-passo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/smartfense.com\/it\/"},{"@type":"ListItem","position":2,"name":"Come configurare le diapositive HTML nei moduli interattivi, passo dopo passo"}]},{"@type":"WebSite","@id":"https:\/\/smartfense.com\/it\/#website","url":"https:\/\/smartfense.com\/it\/","name":"SMARTFENSE - Concienciaci\u00f3n en Ciberseguridad","description":"","publisher":{"@id":"https:\/\/smartfense.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smartfense.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/smartfense.com\/it\/#organization","name":"SMARTFENSE","url":"https:\/\/smartfense.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/smartfense.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/smartfense.com\/file\/2023\/08\/logo-smartfense-240x40-1.png","contentUrl":"https:\/\/smartfense.com\/file\/2023\/08\/logo-smartfense-240x40-1.png","width":241,"height":40,"caption":"SMARTFENSE"},"image":{"@id":"https:\/\/smartfense.com\/it\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/smartfense.com\/it\/#\/schema\/person\/57cbe1787662957ba34c101467b054f5","name":"Paula Espinosa","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/5b30969a8c38ca4fe7cc8ddafa2a30a6806edb13d4909d5a9223f0036f1309bb?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5b30969a8c38ca4fe7cc8ddafa2a30a6806edb13d4909d5a9223f0036f1309bb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5b30969a8c38ca4fe7cc8ddafa2a30a6806edb13d4909d5a9223f0036f1309bb?s=96&d=mm&r=g","caption":"Paula Espinosa"},"description":"Paula Espinosa es especialista en marketing de contenidos y concienciaci\u00f3n en ciberseguridad, con m\u00e1s de 6 a\u00f1os de experiencia en IT y B2B. Trabaja en estrategias de SEO, generaci\u00f3n de leads y comunicaci\u00f3n digital para empresas tecnol\u00f3gicas y de ciberseguridad.","url":"https:\/\/smartfense.com\/it\/author\/paula\/"}]}},"_links":{"self":[{"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/posts\/41684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/comments?post=41684"}],"version-history":[{"count":9,"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/posts\/41684\/revisions"}],"predecessor-version":[{"id":41718,"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/posts\/41684\/revisions\/41718"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/media\/41713"}],"wp:attachment":[{"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/media?parent=41684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/categories?post=41684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smartfense.com\/it\/wp-json\/wp\/v2\/tags?post=41684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}