Per un bar, uno studio medico, un negozio o una bancarella, la pagina collegata al profilo deve soprattutto aiutare le persone a raggiungere il posto. Puoi aggiungere una mappa a una pagina Digily Link in 3 modi. La scelta dipende dal tuo piano e dal fatto che tu voglia mostrare una mappa oppure offrire un pulsante che avvii la navigazione.
Opzione 1. Un pulsante che apre l'app Mappe
Questa soluzione funziona con tutti i piani, compreso Free, ed è quella che la maggior parte dei visitatori cerca davvero. Sul telefono, quasi nessuno vuole ingrandire e spostare una mappa con le dita. Le persone toccano "Indicazioni stradali" e si aspettano che la navigazione si avvii.
- Apri Google Maps, trova la tua attività, tocca Condividi e copia il link.
- Nella dashboard, crea uno short link usando quell'indirizzo come destinazione e attiva "apri automaticamente l'app sui dispositivi mobili". Digily Link riconosce i link di Google Maps e Waze, quindi su un telefono con l'app installata lo short link apre direttamente la navigazione. La guida al deep linking spiega perché è importante.
- Aggiungi un blocco link alla pagina, incolla lo short link e chiamalo "Indicazioni stradali".
Poiché il pulsante rimanda a uno short link, i tocchi vengono conteggiati nelle statistiche. Se cambi sede, puoi anche sostituire la destinazione.
Opzione 2. Una mappa incorporata con il blocco iframe
Il blocco iframe è disponibile con i piani Starter e Pro e mostra la mappa direttamente nella pagina.
- In Google Maps, trova il luogo, apri Condividi e passa alla scheda "Incorpora una mappa".
- Copia il codice HTML mostrato da Google. Ti serve soltanto l'indirizzo contenuto in src="...", che inizia con https://www.google.com/maps/embed. Se ti risulta più semplice estrarre l'indirizzo, incolla l'intero frammento nel Parser URL.
- Aggiungi un blocco iframe alla pagina, incolla quell'indirizzo come URL e imposta un'altezza di circa 300 pixel.
Subito sotto la mappa, inserisci il pulsante per le indicazioni descritto nell'opzione 1. La mappa mostra dove ti trovi, mentre il pulsante aiuta le persone a raggiungerti.
Opzione 3. HTML personalizzato per una mappa responsive
Il blocco HTML personalizzato è disponibile con il piano Pro e offre il pieno controllo, compresa la possibilità di creare una mappa che mantenga le proporzioni su schermi di qualsiasi dimensione. Incolla nel blocco il codice seguente e sostituisci YOUR_EMBED_URL con l'indirizzo ottenuto dalla scheda "Incorpora una mappa".
<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px"><iframe src="YOUR_EMBED_URL" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0" loading="lazy" allowfullscreen referrerpolicy="no-referrer-when-downgrade"></iframe></div>
Il valore padding-bottom determina la forma. 56,25% crea un rettangolo in formato 16:9, 75% produce una mappa più vicina al formato quadrato, con proporzioni 4:3, mentre 100% crea un quadrato. L'attributo loading="lazy" evita che la mappa rallenti la pagina prima che il visitatore scorra fino a quel punto. Se copi il codice da un'altra fonte, sistemalo prima con il Minificatore HTML, così un'interruzione di riga fuori posto non comprometterà il blocco.
Quale opzione scegliere
| Il tuo obiettivo | Soluzione | Piano |
|---|---|---|
| Avviare la navigazione con un solo tocco | Pulsante per le indicazioni con apertura dell'app | Free e superiori |
| Mostrare una mappa nella pagina | Blocco iframe | Starter e Pro |
| Personalizzare forma e stile della mappa | Blocco HTML personalizzato | Pro |
| Mostrare più sedi | Un titolo e un pulsante per le indicazioni per ogni sede, oppure una Google My Map personalizzata incorporata con l'opzione 2 o 3 | Dipende dai blocchi utilizzati |
Consigli per le attività locali
- Inserisci il CAP in un blocco paragrafo sopra la mappa, per chi preferisce digitarlo nella propria app.
- Aggiungi il blocco degli orari di apertura, disponibile con il piano Free, così il visitatore saprà se può mettersi subito in viaggio.
- Usa una sola mappa per pagina. Due mappe incorporate raddoppiano il tempo di caricamento con pochissimi vantaggi.
- Stampa un codice QR della pagina da esporre in vetrina e sui volantini. Trovi una struttura adatta alla pagina di un'attività nella guida al link in bio per le piccole imprese.
- Prova il pulsante per le indicazioni dall'interno di Instagram, sia su un iPhone sia su un telefono Android. Il Controllo reindirizzamento URL mostra come si comporta lo short link da computer.
Negozi temporanei, mercati ed eventi
Una bancarella che cambia posizione ogni fine settimana non ha bisogno di una nuova mappa ogni volta. Fai puntare il pulsante per le indicazioni a uno short link e il venerdì modifica la destinazione inserendo la posizione prevista per quel fine settimana. L'indirizzo nella pagina, il codice QR sullo striscione e il link nel profilo non cambiano. Con i piani Starter e Pro puoi anche programmare lo short link, in modo che a mezzanotte la posizione del sabato venga sostituita da quella della domenica senza che nessuno debba ricordarsi di farlo. Aggiungi un blocco paragrafo con le date e il CAP per chi preferisce organizzarsi in anticipo.
Apple Maps e Waze
L'apertura nell'app riconosce gli indirizzi di Google Maps e Waze. Per chi usa un iPhone e preferisce Apple Maps, un normale link a maps.apple.com contenente l'indirizzo apre Apple Maps su iPhone e una mappa sul web negli altri casi. I link di Apple funzionano così senza richiedere impostazioni. Due pulsanti, "Google Maps" e "Apple Maps", coprono quasi tutti i telefoni in Italia, mentre il conteggio dei clic ti mostrerà quale viene usato davvero dai visitatori.
Domande frequenti
Serve una chiave API di Google Maps?
No. Il codice di "Incorpora una mappa" e il link di condivisione possono essere usati gratuitamente e non richiedono una chiave. La chiave API serve soltanto agli sviluppatori che realizzano una propria applicazione con mappe.
Posso mostrare più di un segnaposto?
Crea una mappa personalizzata in Google My Maps con tutte le tue sedi, condividila pubblicamente e usa il relativo indirizzo di incorporamento nel blocco iframe o nel blocco HTML personalizzato.
La mappa incorporata rallenta la pagina?
Un po', ed è per questo che il codice riportato sopra utilizza il caricamento differito. In una pagina che deve aiutare le persone a raggiungere un luogo, il pulsante per le indicazioni è più importante dell'immagine della mappa.
Posso aggiungere la mappa con il piano Free?
Puoi aggiungere il pulsante per le indicazioni. Il blocco iframe richiede Starter, mentre il blocco HTML personalizzato richiede Pro. La pagina dei piani elenca tutto ciò che comprende ciascuno.
Cosa devo fare se cambio sede?
Modifica la destinazione dello short link associato al pulsante per le indicazioni e sostituisci l'indirizzo di incorporamento. Non dovrai cambiare nulla di ciò che hai già stampato.
Controlli finali
- Il pulsante per le indicazioni apre l'app Mappe sul telefono e una pagina con la mappa sul computer.
- La mappa incorporata mostra il segnaposto corretto e si adatta alla larghezza della pagina sul telefono.
- Il CAP e gli orari di apertura sono presenti nella pagina.
- La pagina contiene una sola mappa.
- Hai eseguito una prova dall'interno di Instagram, non soltanto dal browser.
