Come incorporare il widget di posizione

Il widget è una sola riga di iframe: qualsiasi piattaforma che accetti HTML personalizzato può ospitarlo. Scegli tema e dimensione nella pagina del widget, copia il codice e poi segui i passaggi della tua piattaforma qui sotto. Su WordPress c'è invece un plugin che fa tutto con un clic.

Con autorizzazione · Privato · Funziona su Chrome, Safari, Firefox, Edge

WordPress (il modo più semplice: il plugin)

Con il plugin: scarica whatismylocation-widget.zip → wp-admin ▸ Plugin ▸ Aggiungi nuovo ▸ Carica plugin → attiva. Poi inserisci [whatismylocation] ovunque funzionino gli shortcode (articoli, pagine, widget di testo), con le opzioni: [whatismylocation theme="golden" mode="full" height="420"]. Il plugin produce lo stesso iframe — nel tuo sito non cambia nient'altro.

Senza plugin: nell'editor a blocchi aggiungi un blocco HTML personalizzato e incolla l'iframe. Nell'editor classico, passa prima alla scheda «Testo».

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Aggiungi elementi ▸ Incorpora codice ▸ Incorpora HTML → incolla l'iframe → ridimensiona l'elemento fino all'altezza che hai scelto. (Wix isola gli elementi incorporati in una sandbox; la richiesta di geolocalizzazione continua a funzionare grazie all'attributo allow.)
Squarespace: aggiungi un blocco Codice (disponibile nei piani attuali) → incolla. Se il widget si vede ma il pulsante non fa niente, ricopia lo snippet — l'attributo allow="geolocation" deve essere presente.
Shopify: nell'editor dei temi aggiungi una sezione Liquid personalizzato (oppure modifica l'HTML della pagina) e incolla l'iframe. Funziona nei temi Online Store 2.0 senza installare nessuna app.
Webflow: trascina un elemento Embed → incolla → pubblica (gli elementi incorporati si vedono solo sul sito pubblicato, non nel designer).
Blogger / altri CMS: qualsiasi vista in HTML puro accetta l'iframe così com'è.

Le peculiarità di ogni piattaforma cambiano nel tempo; se la tua rimuove gli iframe nel piano che hai, fanno fede le sue pagine di assistenza alla voce «incorporare HTML personalizzato».

Riferimento delle opzioni

Parametro	Valori	Note
`theme`	light · dark · golden	Golden sta bene con design caldi o di fascia alta.
`mode`	compact · full	Full aggiunge una mini-mappa (più alto: usa height ≥ 380).
`height` dell'iframe	220–800 px	Compact ci sta in 260; full sta comodo a 420.
`allow`	geolocation	Obbligatorio — senza, il browser blocca la richiesta di autorizzazione dentro l'iframe.

Passo dopo passo

Apri il configuratore di incorporamento e scegli un tema (chiaro, scuro, dorato), una modalità e una dimensione — l’anteprima si aggiorna in tempo reale.
Fai clic su Copia codice di incorporamento.
Incollalo nell’elemento HTML/incorporamento della tua piattaforma (dettagli per piattaforma qui sotto).
Pubblica, poi prova su un telefono: tocca il pulsante del widget e accetta la richiesta di posizione per verificare che l’attributo allow="geolocation" sia sopravvissuto.

come mettere il widget di posizione su WordPress inserire l'iframe del widget in un CMS

Domande frequenti

Serve per forza il plugin per usarlo su WordPress?

No. Il plugin è solo la strada più comoda: ti dà uno shortcode e genera esattamente lo stesso iframe. Un blocco HTML personalizzato con dentro la riga di iframe dà lo stesso risultato.

Il widget si vede ma il pulsante non fa niente, perché?

Quasi sempre nel codice incollato manca l'attributo allow="geolocation". Senza quello il browser blocca la richiesta di posizione dentro l'iframe. Ricopia lo snippet completo dalla pagina del widget e sostituisci il codice vecchio.

Che altezza deve avere l'iframe?

Tra 220 e 800 px. In modalità compact bastano 260 px; con mode="full" compare una mini-mappa e servono almeno 380 px, anche se 420 sta più comodo. Regola l'elemento della tua piattaforma sulla stessa altezza.

Vedi in inglese: How to Embed the Location Widget on Any Site · Italiano