{"id":1114,"date":"2026-04-28T17:13:16","date_gmt":"2026-04-28T15:13:16","guid":{"rendered":"https:\/\/elementor.com\/community\/it\/?p=1114"},"modified":"2026-04-28T20:36:18","modified_gmt":"2026-04-28T18:36:18","slug":"creare-un-widget-personalizzato-con-angie","status":"publish","type":"post","link":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/","title":{"rendered":"Creare un widget personalizzato con Angie"},"content":{"rendered":"\n<p><em>L&#8217;Editor di Elementor offre un&#8217;ampia gamma di widget. Tuttavia, quando lavori su siti che richiedono una forte personalizzazione, questi non sono sempre sufficienti. Inoltre, spesso hai idee di personalizzazione che non trovano lo strumento adatto alla loro realizzazione. Allora, che fare<\/em>? Metti mano al codice e lo crei da zero.<\/p>\n\n\n\n<p><em>Oggi,&nbsp;<a href=\"https:\/\/elementor.com\/pages\/angie-ai-for-wordpress\/\">Angie, l&#8217;agentic AI plugin di Elementor<\/a>,&nbsp;ti aiuta in questo processo e, in pochi minuti, crea il tuo widget personalizzato esattamente come lo desideri.<\/em><\/p>\n\n\n\n<p><em>\u00c8 quello che ha fatto <strong>Antonio Colucci<\/strong>, fondatore dell&#8217;<a href=\"https:\/\/www.startwebagency.it\/\">agenzia Start Web<\/a>. Gli abbiamo chiesto di raccontarci come ci \u00e8 riuscito, qual \u00e8 stato il processo e com&#8217;\u00e8 arrivato a creare il suo widget <strong>Slider Servizi Accordion.<\/strong><\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Introduzione<\/h2>\n\n\n\n<p>Creare widget personalizzati per Elementor \u00e8 da sempre una delle sfide pi\u00f9 affascinanti \u2014 e complesse \u2014 per chi lavora con WordPress a livello professionale. Richiede conoscenza di PHP, JavaScript, CSS e delle API interne di Elementor, una combinazione che spesso spaventa anche gli sviluppatori pi\u00f9 esperti.<\/p>\n\n\n\n<p>In questo articolo racconto come ho realizzato uno slider interattivo, denominato Slider Servizi Accordion, partendo da un set di requisiti precisi e affinando il risultato attraverso tre iterazioni successive di prompt con Angie, l&#8217;assistente AI integrato in Elementor.<\/p>\n\n\n\n<p>Il risultato finale \u00e8 un widget completamente configurabile dal pannello di Elementor,&nbsp;<strong>responsive, accessibile e privo di conflitti con i plugin di cache<\/strong>&nbsp;\u2014 un problema reale che ho risolto lungo il percorso.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cos&#8217;\u00e8 lo Slider Servizi Accordion<\/h2>\n\n\n\n<p>L&#8217;idea di base \u00e8 semplice ma potente: uno slider a fisarmonica (accordion) in cui ogni pannello rappresenta un servizio offerto da un&#8217;azienda o da un professionista.<\/p>\n\n\n\n<p>Ecco le caratteristiche principali che ho definito prima ancora di scrivere il primo prompt:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Layout orizzontale su desktop, verticale su mobile \u2014 senza perdere funzionalit\u00e0.<\/li>\n\n\n\n<li>La prima slide \u00e8 sempre aperta al caricamento della pagina.<\/li>\n\n\n\n<li>Un clic su una slide chiusa la apre e chiude automaticamente quella precedentemente aperta (comportamento accordion classico).<\/li>\n\n\n\n<li>Ogni slide supporta un&#8217;immagine di sfondo, un titolo, una descrizione e un pulsante di azione.<\/li>\n\n\n\n<li>Il pulsante &#8220;scopri di pi\u00f9&#8221; con sfumatura di colore sia in stato normale che in hover.<\/li>\n\n\n\n<li>Tutti i parametri \u2014 colori, font, immagini, testi \u2014 modificabili direttamente dal pannello widget di Elementor.<\/li>\n<\/ul>\n\n\n\n<p>Un widget del genere, sviluppato da zero in modo tradizionale, richiederebbe diversi giorni di lavoro. Con Angie ho raggiunto un risultato funzionante in poche ore, iterando su tre versioni del prompt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Versione 1 \u2014 Il prompt fondativo<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Il prompt<\/h3>\n\n\n\n<p>Il primo prompt \u00e8 stato il pi\u00f9 articolato: ho descritto l&#8217;intera logica del componente in modo dettagliato, specificando ogni comportamento atteso.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>\ud83d\udcac&nbsp;&nbsp;Prompt V1 \u2014 testo completo<\/strong><br><br>Crea uno slider denominato \u201cSlider Servizi Accordion\u201d \u2013 lo slider deve essere molto semplice ma deve presentare queste caratteristiche:&nbsp;<br>\u2022 Essere responsive: deve quindi adattarsi in automatico a tutti gli schermi dal pi\u00f9 grande al pi\u00f9 piccolo senza perdere le sue funzionalit\u00e0.<br>\u2022 Sugli schermi grandi le slide devono essere affiancate su riga orizzontale, sugli schermi pi\u00f9 piccoli devono essere in verticale.<br>\u2022 La prima slide deve essere sempre aperta su ogni dispositivo, poi quando l\u2019utente clicca su una slide chiusa, questa deve aprirsi in automatico e allo stesso tempo quella aperta deve chiudersi.&nbsp;<br>\u2022 Ogni slide deve avere queste caratteristiche: possibilit\u00e0 di caricare una foto di sfondo, avere un titolo e una descrizione. Deve inoltre presentare un pulsante \u201cscopri di pi\u00f9\u201d che quando cliccato deve aprire una pagina in overlay nella slide coprendo interamente il contenuto che c\u2019\u00e8 sotto, la pagina che si apre deve presentare una piccola \u201cx\u201d di chiusura.<br>\u2022 Il pulsante scopri di pi\u00f9 deve avere uno sfondo in sfumatura quando \u00e8 \u201cnormale\u201d in uno sfondo in hover sempre in sfumatura quando il cursore viene posizionato sopra.<br>\u2022 Ogni elemento che viene inserito deve essere modificabile dal widget di Elementor. E con ogni elemento intendo: sfondo, colori, font, peso font, pulsante.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Cosa ha generato Angie<\/h3>\n\n\n\n<p>Angie ha restituito una struttura completa del widget: la classe PHP principale, il metodo di registrazione dei controlli Elementor e la struttura HTML del template di rendering. Il codice era organizzato in quattro file distinti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Analisi del risultato<\/h3>\n\n\n\n<p>La Versione 1 era gi\u00e0 funzionante al primo caricamento. Il widget appariva nel pannello di Elementor, i controlli erano mappati correttamente e il comportamento accordion funzionava come previsto sia su desktop che su mobile.<\/p>\n\n\n\n<p>Tuttavia, durante i test di produzione \u00e8 emerso un problema critico: il plugin di gestione della cache del sito (LiteSpeed Cache) causava il mancato funzionamento del pulsante overlay in modo intermittente. Il JS veniva concatenato con altri script, creando conflitti di variabili.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Versione 2 \u2014 Il problema cache e la nuova opzione<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Il problema<\/h3>\n\n\n\n<p>I plugin di cache come LiteSpeed Cache, W3 Total Cache o WP Rocket spesso concatenano tutti gli script JavaScript del sito in un unico file per migliorare le performance. Questo processo pu\u00f2 causare conflitti quando due script usano variabili globali con lo stesso nome, o quando il codice dipende da un ordine preciso di esecuzione.<\/p>\n\n\n\n<p>Nel mio caso, il pulsante &#8220;scopri di pi\u00f9&#8221; smetteva di aprire il pannello overlay in modo casuale, rendendo il widget inaffidabile in produzione.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>\ud83d\udcac&nbsp;&nbsp;Prompt V2 \u2014 testo completo<\/strong><br><br>Correggi queste falle: il widget nel pulsante scopri di pi\u00f9 non funziona come dovrebbe a volte il plugin che gestisce la cache del sito web, tende a rompere il funzionamento del pulsante scopri di pi\u00f9. Inserisci una nuova tendina che mi permetta di dare al pulsante \u201cscopri di pi\u00f9\u201d la possibilit\u00e0 di:<br>\u2022 Fare click sul pulsante e aprire la pagina in overlay<br>\u2022 Fare click sul pulsante e aprire un link esterno&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">La soluzione di Angie<\/h3>\n\n\n\n<p>Angie ha affrontato il problema su due fronti: ha isolato il codice JavaScript del widget all&#8217;interno di una IIFE (Immediately Invoked Function Expression), eliminando cos\u00ec qualsiasi dipendenza da variabili globali che potessero confliggere con altri script. Contestualmente ha aggiunto una nuova opzione nel pannello widget che permette di scegliere il comportamento del pulsante.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Modalit\u00e0 Overlay \u2014 comportamento originale con apertura in-page.<\/li>\n\n\n\n<li>Modalit\u00e0 Link esterno \u2014 il pulsante apre un URL configurabile dal pannello Elementor.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;Risultato parziale<\/h3>\n\n\n\n<p>La soluzione con IIFE ha risolto la maggior parte dei conflitti. Tuttavia, durante ulteriori test su ambienti con configurazioni di cache aggressive, il problema si ripresentava ancora in alcuni casi limite, rendendo necessaria una terza iterazione.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Versione 3 \u2014 La soluzione definitiva<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">La decisione di semplificare<\/h3>\n\n\n\n<p>Di fronte a un problema che non trovava soluzione completa nella doppia modalit\u00e0, ho scelto un approccio radicalmente diverso: eliminare del tutto la funzionalit\u00e0 overlay. Questo tipo di decisione \u2014 semplificare invece di aggiungere complessit\u00e0 \u2014 \u00e8 spesso la scelta pi\u00f9 saggia in sviluppo web professionale.<\/p>\n\n\n\n<p>La funzione overlay, per quanto interessante dal punto di vista UX, era la fonte del problema. Rimuoverla significava ottenere un widget stabile al 100%, senza compromettere la funzionalit\u00e0 principale dello slider.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>\ud83d\udcac&nbsp;&nbsp;Prompt V3 \u2014 testo completo<\/strong><br><br>Il problema cache anche con le modifiche apportate non \u00e8 sparito, per questo procediamo in tal senso:<br>\u2022 Elimina del tutto il click che porta all\u2019apertura della pagina in overlay ed elimina la tendina che permette la scelta tra apertura pagina in overlay ed apertura link esterno. Da adesso il pulsante \u201cscopri di pi\u00f9\u201d aprir\u00e0 sempre e solo un link esterno.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Il widget definitivo creato con Angie<\/h3>\n\n\n\n<p>Angie ha prodotto la versione finale del widget eliminando tutto il codice relativo all&#8217;overlay (listener, animazioni CSS, markup HTML) e semplificando il controllo PHP a un singolo campo URL per ogni slide. Il risultato \u00e8 un widget pi\u00f9 leggero, pi\u00f9 stabile e completamente immune ai problemi di concatenazione degli script.<br><\/p>\n\n\n\n<p><a href=\"https:\/\/elementor.com\/community\/it\/wp-content\/uploads\/2026\/04\/codice_angie_slider_startWeb.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Qui il codice finale creato da Angie<\/a> (apre il pdf in una nuova pagina).<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/elementor.com\/community\/it\/wp-content\/uploads\/2026\/04\/slider_start_web.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Perch\u00e9 ho creato questo widget<\/h2>\n\n\n\n<p>La risposta breve \u00e8: perch\u00e9 nessuno dei widget esistenti faceva esattamente quello che mi serviva. Ma vale la pena raccontare il contesto pi\u00f9 ampio, perch\u00e9 credo sia una situazione in cui si ritrovano molti professionisti che lavorano con Elementor ogni giorno.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Il problema con i layout standard<\/h3>\n\n\n\n<p>Il mio sito diverse pagine dedicate ai servizi che offro (suddivise per categorie) e sono&nbsp;&nbsp;probabilmente la pi\u00f9 importanti. Sono quelle pagine che un potenziale cliente visita per capire cosa faccio, come lavoro e se sono la persona giusta per il suo progetto. Per molto tempo poteva raggiungerle solo dal men\u00f9, ma sappiamo bene tutti che il visitatore sul sito web vuole starci il tempo giusto e trovare in maniera molto rapida ci\u00f2 che gli serve.&nbsp;<\/p>\n\n\n\n<p>Avevo provato vari template preconfezionati: layout a griglia, a lista, slider classici. Funzionavano, ma nessuno mi convinceva davvero. Il problema comune \u00e8 che costringono il visitatore a scorrere o cliccare per vedere i servizi uno alla volta, perdendo la visione d\u2019insieme. Volevo qualcosa di diverso: un componente in cui tutti i servizi fossero visibili contemporaneamente e fosse possibile approfondirne uno con un semplice click, in modo naturale e immediato. L\u2019accordion orizzontale era esattamente quella soluzione.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Perch\u00e9 non usare un plugin gi\u00e0 pronto<\/h3>\n\n\n\n<p>La prima cosa che ho fatto, come farebbe chiunque, \u00e8 stata cercare un plugin o un add-on di Elementor che facesse al caso mio. Ne ho trovati diversi che si avvicinavano all&#8217;idea, ma ognuno presentava almeno uno di questi problemi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Controlli limitati dal pannello di Elementor \u2014 non era possibile personalizzare colori, font e immagini senza toccare manualmente il CSS.<\/li>\n\n\n\n<li>Comportamento responsive approssimativo \u2014 su mobile il layout si rompeva o perdeva la logica dell&#8217;accordion.<\/li>\n\n\n\n<li>Dipendenze pesanti \u2014 alcuni plugin caricavano librerie JS da 200 KB o pi\u00f9 per una funzionalit\u00e0 che avrebbe potuto essere implementata in poche decine di righe.<\/li>\n\n\n\n<li>Conflitti con l&#8217;ambiente di produzione \u2014 un problema che, come ho scoperto lungo il percorso, era ben lontano dall&#8217;essere raro.<\/li>\n<\/ul>\n\n\n\n<p>A un certo punto, la valutazione costi-benefici era chiara: sviluppare un widget su misura era la scelta pi\u00f9 efficiente, sia in termini di qualit\u00e0 del risultato sia di manutenibilit\u00e0 nel tempo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Il contesto dell&#8217;agenzia<\/h3>\n\n\n\n<p>Nella mia agenzia gestisco diversi siti per clienti appartenenti a settori molto diversi tra loro. Ogni volta che costruisco un componente su misura, l\u2019obiettivo non \u00e8 solo risolvere il problema di un singolo cliente: \u00e8 creare qualcosa di riutilizzabile, che possa essere adattato in pochi minuti a un nuovo progetto con requisiti simili.<\/p>\n\n\n\n<p>Lo Slider Servizi Accordion risponde perfettamente a questo criterio. Una volta sviluppato e testato, \u00e8 diventato parte del mio set di widget personalizzati \u2014 pronto da installare, configurabile al 100% dal pannello, e gi\u00e0 ottimizzato per i problemi di cache che affliggono qualsiasi ambiente di produzione reale.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>\ud83d\udca1&nbsp;&nbsp;Un approccio che <\/strong><span style=\"box-sizing: border-box; margin: 0px; padding: 0px;\"><strong>scala<\/strong><\/span>&nbsp;<br>Il vantaggio di costruire widget personalizzati invece di dipendere da plugin di terze parti non \u00e8 solo tecnico. \u00c8 anche commerciale: si riduce il numero di plugin installati (con impatto diretto sulle performance), si elimina il rischio di aggiornamenti incompatibili, e si offre ai clienti un&#8217;esperienza di editing pi\u00f9 semplice e coerente.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Considerazioni finali sull&#8217;uso di Angie<\/h2>\n\n\n\n<p>Lavorare con un AI assistant per lo sviluppo di widget Elementor ha cambiato in modo significativo il mio flusso di lavoro. Ecco cosa ho imparato da questa esperienza.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cosa funziona bene<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Prompt dettagliati producono codice pi\u00f9 preciso. Pi\u00f9 si specificano i comportamenti attesi, meno iterazioni sono necessarie.<\/li>\n\n\n\n<li>L&#8217;AI eccelle nella struttura boilerplate. Registrazione widget, controlli Elementor, hook PHP \u2014 tutto corretto al primo tentativo.<\/li>\n\n\n\n<li>La diagnosi dei problemi \u00e8 rapida. Descrivendo il sintomo (il problema cache) Angie ha identificato la causa e proposto pi\u00f9 soluzioni.<\/li>\n\n\n\n<li>Le iterazioni sono veloci. Tre versioni del widget in una singola sessione di lavoro.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Cosa richiede attenzione<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Il codice generato va sempre testato in un ambiente di staging prima della messa in produzione.<\/li>\n\n\n\n<li>I problemi di ambiente (cache, concatenazione di script) non sono sempre prevedibili dall&#8217;AI: servono test reali.<\/li>\n\n\n\n<li>Semplificare \u00e8 a volte la soluzione migliore \u2014 l&#8217;AI tende a proporre soluzioni additive, ma a volte meno \u00e8 di pi\u00f9.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Il workflow consigliato<\/h3>\n\n\n\n<p>Basandomi su questa esperienza, il flusso che consiglio per sviluppare widget Elementor con Angie \u00e8:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Scrivi prima le specifiche complete su carta o in un documento, includendo tutti i comportamenti edge case.<\/li>\n\n\n\n<li>Usa un primo prompt fondativo completo per ottenere la struttura di base.<\/li>\n\n\n\n<li>Testa immediatamente su staging, inclusi scenari con plugin di cache attivi.<\/li>\n\n\n\n<li>Itera con prompt chirurgici, descrivendo esattamente il problema osservato e non la soluzione attesa.<\/li>\n\n\n\n<li>Considera sempre la semplificazione come un&#8217;opzione valida quando un requisito crea instabilit\u00e0.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusione<\/h2>\n\n\n\n<p>Lo Slider Servizi Accordion \u00e8 ora in produzione sul mio sito. \u00c8 stabile, performante e \u2014 cosa fondamentale \u2014 posso gestirlo autonomamente dal pannello di Elementor, senza alcun intervento tecnico aggiuntivo.<\/p>\n\n\n\n<p>L&#8217;uso di Angie ha ridotto il tempo di sviluppo di circa il 70% rispetto a un approccio tradizionale. Non perch\u00e9 l&#8217;AI faccia tutto da sola, ma perch\u00e9 elimina la parte pi\u00f9 lenta del processo: la scrittura del codice boilerplate e la ricerca della sintassi corretta nelle API di Elementor.<\/p>\n\n\n\n<p>Il valore aggiunto rimane nelle mani dello sviluppatore: saper formulare i requisiti con precisione, testare in modo critico, interpretare gli errori e prendere le decisioni architetturali giuste \u2014 come la scelta di rimuovere la funzione overlay nella Versione 3.<\/p>\n\n\n\n<p>Se non hai ancora provato Angie per lo sviluppo di widget personalizzati, questo \u00e8 il momento giusto per iniziare.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:28px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-text-align-center wp-element-button\" href=\"https:\/\/downloads.wordpress.org\/plugin\/angie.1.0.2.zip\" style=\"background-color:#ff7be5\"><strong>Scarica Angie qui<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:28px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-text-align-center wp-element-button\" href=\"https:\/\/elementor.com\/community\/it\/angie-agentic-ai\/\" style=\"background-color:#ff7be5\"><strong>Abbiamo parlato di Angie durante un evento live. Rivedi il video<\/strong><\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>L&#8217;Editor di Elementor offre un&#8217;ampia gamma di widget. Tuttavia, quando lavori su siti che richiedono una forte personalizzazione, questi non sono sempre sufficienti. Inoltre, spesso hai idee di personalizzazione che non trovano lo strumento adatto alla loro realizzazione. Allora, che fare? Metti mano al codice e lo crei da zero. Oggi,&nbsp;Angie, l&#8217;agentic AI plugin di [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":1137,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_angie_page":false,"page_builder":"","footnotes":""},"categories":[15],"tags":[],"class_list":["post-1114","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-approfondimenti"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Creare un widget personalizzato con Angie - Elementor Italia blog<\/title>\n<meta name=\"description\" content=\"Angie pu\u00f2 potenziare la tua creativit\u00e0 realizzando widget personalizzati in pochi minuti. Tu immagini, Angie realizza.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creare un widget personalizzato con Angie - Elementor Italia blog\" \/>\n<meta property=\"og:description\" content=\"Angie pu\u00f2 potenziare la tua creativit\u00e0 realizzando widget personalizzati in pochi minuti. Tu immagini, Angie realizza.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/\" \/>\n<meta property=\"og:site_name\" content=\"Elementor Italia blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-28T15:13:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T18:36:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/community\/it\/wp-content\/uploads\/2026\/04\/Angie-blog-post.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Antonio Colucci\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Antonio Colucci\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/\"},\"author\":{\"name\":\"Antonio Colucci\",\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/#\\\/schema\\\/person\\\/630561f4a6d7e11e5f608d401df53c21\"},\"headline\":\"Creare un widget personalizzato con Angie\",\"datePublished\":\"2026-04-28T15:13:16+00:00\",\"dateModified\":\"2026-04-28T18:36:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/\"},\"wordCount\":2154,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Angie-blog-post.webp\",\"articleSection\":[\"Approfondimenti\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/\",\"name\":\"Creare un widget personalizzato con Angie - Elementor Italia blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Angie-blog-post.webp\",\"datePublished\":\"2026-04-28T15:13:16+00:00\",\"dateModified\":\"2026-04-28T18:36:18+00:00\",\"description\":\"Angie pu\u00f2 potenziare la tua creativit\u00e0 realizzando widget personalizzati in pochi minuti. Tu immagini, Angie realizza.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Angie-blog-post.webp\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Angie-blog-post.webp\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/creare-un-widget-personalizzato-con-angie\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creare un widget personalizzato con Angie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/\",\"name\":\"Elementor Italia blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/#organization\",\"name\":\"Elementor Community | IT\",\"url\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/logo.webp\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/logo.webp\",\"width\":1080,\"height\":1080,\"caption\":\"Elementor Community | IT\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/#\\\/schema\\\/person\\\/630561f4a6d7e11e5f608d401df53c21\",\"name\":\"Antonio Colucci\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9616b24be3fa06cbc07c0be74755e8a69d17045a66e79d78f07e27490bd43a73?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9616b24be3fa06cbc07c0be74755e8a69d17045a66e79d78f07e27490bd43a73?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9616b24be3fa06cbc07c0be74755e8a69d17045a66e79d78f07e27490bd43a73?s=96&d=mm&r=g\",\"caption\":\"Antonio Colucci\"},\"description\":\"Digitale per passione, strategico per mestiere. Nel 2020 ho fondato Start Web con un obiettivo chiaro: trasformare ogni progetto web in uno strumento di crescita reale per il cliente.\",\"url\":\"https:\\\/\\\/elementor.com\\\/community\\\/it\\\/author\\\/antonio\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creare un widget personalizzato con Angie - Elementor Italia blog","description":"Angie pu\u00f2 potenziare la tua creativit\u00e0 realizzando widget personalizzati in pochi minuti. Tu immagini, Angie realizza.","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:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/","og_locale":"it_IT","og_type":"article","og_title":"Creare un widget personalizzato con Angie - Elementor Italia blog","og_description":"Angie pu\u00f2 potenziare la tua creativit\u00e0 realizzando widget personalizzati in pochi minuti. Tu immagini, Angie realizza.","og_url":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/","og_site_name":"Elementor Italia blog","article_published_time":"2026-04-28T15:13:16+00:00","article_modified_time":"2026-04-28T18:36:18+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/community\/it\/wp-content\/uploads\/2026\/04\/Angie-blog-post.webp","type":"image\/webp"}],"author":"Antonio Colucci","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Antonio Colucci","Tempo di lettura stimato":"12 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/"},"author":{"name":"Antonio Colucci","@id":"https:\/\/elementor.com\/community\/it\/#\/schema\/person\/630561f4a6d7e11e5f608d401df53c21"},"headline":"Creare un widget personalizzato con Angie","datePublished":"2026-04-28T15:13:16+00:00","dateModified":"2026-04-28T18:36:18+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/"},"wordCount":2154,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/community\/it\/#organization"},"image":{"@id":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/community\/it\/wp-content\/uploads\/2026\/04\/Angie-blog-post.webp","articleSection":["Approfondimenti"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/","url":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/","name":"Creare un widget personalizzato con Angie - Elementor Italia blog","isPartOf":{"@id":"https:\/\/elementor.com\/community\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/community\/it\/wp-content\/uploads\/2026\/04\/Angie-blog-post.webp","datePublished":"2026-04-28T15:13:16+00:00","dateModified":"2026-04-28T18:36:18+00:00","description":"Angie pu\u00f2 potenziare la tua creativit\u00e0 realizzando widget personalizzati in pochi minuti. Tu immagini, Angie realizza.","breadcrumb":{"@id":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/#primaryimage","url":"https:\/\/elementor.com\/community\/it\/wp-content\/uploads\/2026\/04\/Angie-blog-post.webp","contentUrl":"https:\/\/elementor.com\/community\/it\/wp-content\/uploads\/2026\/04\/Angie-blog-post.webp","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/community\/it\/creare-un-widget-personalizzato-con-angie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elementor.com\/community\/it\/"},{"@type":"ListItem","position":2,"name":"Creare un widget personalizzato con Angie"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/community\/it\/#website","url":"https:\/\/elementor.com\/community\/it\/","name":"Elementor Italia blog","description":"","publisher":{"@id":"https:\/\/elementor.com\/community\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/community\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/elementor.com\/community\/it\/#organization","name":"Elementor Community | IT","url":"https:\/\/elementor.com\/community\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/community\/it\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/community\/it\/wp-content\/uploads\/2025\/09\/logo.webp","contentUrl":"https:\/\/elementor.com\/community\/it\/wp-content\/uploads\/2025\/09\/logo.webp","width":1080,"height":1080,"caption":"Elementor Community | IT"},"image":{"@id":"https:\/\/elementor.com\/community\/it\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/community\/it\/#\/schema\/person\/630561f4a6d7e11e5f608d401df53c21","name":"Antonio Colucci","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/9616b24be3fa06cbc07c0be74755e8a69d17045a66e79d78f07e27490bd43a73?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9616b24be3fa06cbc07c0be74755e8a69d17045a66e79d78f07e27490bd43a73?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9616b24be3fa06cbc07c0be74755e8a69d17045a66e79d78f07e27490bd43a73?s=96&d=mm&r=g","caption":"Antonio Colucci"},"description":"Digitale per passione, strategico per mestiere. Nel 2020 ho fondato Start Web con un obiettivo chiaro: trasformare ogni progetto web in uno strumento di crescita reale per il cliente.","url":"https:\/\/elementor.com\/community\/it\/author\/antonio\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/posts\/1114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/comments?post=1114"}],"version-history":[{"count":10,"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/posts\/1114\/revisions"}],"predecessor-version":[{"id":1151,"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/posts\/1114\/revisions\/1151"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/media\/1137"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/media?parent=1114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/categories?post=1114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/community\/it\/wp-json\/wp\/v2\/tags?post=1114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}