{"id":1091,"date":"2026-11-03T15:15:01","date_gmt":"2026-11-03T15:15:01","guid":{"rendered":"https:\/\/plugingo.it\/?p=1091"},"modified":"2026-11-03T16:31:37","modified_gmt":"2026-11-03T16:31:37","slug":"mappa-interattiva-wordpress-stop-map","status":"publish","type":"post","link":"https:\/\/plugingo.it\/en\/mappa-interattiva-wordpress-stop-map\/","title":{"rendered":"Come creare una mappa interattiva delle fermate in WordPress senza codice"},"content":{"rendered":"<p><strong>Hai ricevuto la domanda \u00abDove si prende la navetta?\u00bb troppe volte?<\/strong> Quando un sito elenca fermate, punti di ritrovo o sedi soltanto con del testo, il visitatore deve ricostruire da solo il percorso. Una <strong>mappa interattiva WordPress<\/strong> consente di vedere i punti, leggere i dettagli e aprire le indicazioni dalla stessa pagina.<\/p>\n<p>In questa guida realizziamo un esempio concreto con <a href=\"https:\/\/plugingo.it\/plugingo-stop-map-free\/\">Plugingo Stop Map FREE<\/a>: tre fermate dimostrative tra Milano, Bergamo e Brescia. Seguiamo installazione, configurazione e inserimento nella pagina, fino al risultato che vede il visitatore.<\/p>\n<p><em>Le schermate sono catture reali di un\u2019installazione WordPress locale. I punti e i testi sono dati dimostrativi e non rappresentano un servizio di trasporto attivo.<\/em><\/p>\n<h2>Il problema: gli indirizzi ci sono, ma gli utenti non trovano la fermata<\/h2>\n<p>Un\u2019associazione che organizza una gita, un evento con navette o un\u2019attivit\u00e0 con pi\u00f9 punti di ritiro pu\u00f2 trovarsi nella stessa situazione: indirizzi distribuiti tra pagine, messaggi e PDF. Chi consulta il sito dal telefono vuole capire subito qual \u00e8 il punto pi\u00f9 vicino e come raggiungerlo.<\/p>\n<p>La soluzione di questa guida raccoglie le fermate in una mappa. Ogni segnaposto contiene un titolo, una descrizione e un collegamento a Google Maps. Il collegamento apre il punto scelto; il visitatore pu\u00f2 quindi chiedere le indicazioni nell\u2019app di mappe.<\/p>\n<h2>La soluzione: cosa serve per cominciare<\/h2>\n<ul>\n<li>Un sito WordPress e un account amministratore autorizzato a installare plugin.<\/li>\n<li>Il file ZIP di <a href=\"https:\/\/plugingo.it\/plugingo-stop-map-free\/\">Stop Map FREE<\/a>, disponibile dalla scheda Plugingo.<\/li>\n<li>Nomi delle fermate, informazioni utili e posizioni da verificare prima della pubblicazione.<\/li>\n<\/ul>\n<p>La FREE gestisce fermate in Italia con impostazioni iniziali e stile predefiniti. Per copertura internazionale, ricerca delle posizioni e personalizzazione avanzata trovi il confronto con la PRO alla fine della guida.<\/p>\n<h2>1. Installa e attiva Stop Map FREE<\/h2>\n<ol>\n<li>Scarica il pacchetto ZIP dalla <a href=\"https:\/\/plugingo.it\/plugingo-stop-map-free\/\">pagina di Stop Map FREE<\/a>.<\/li>\n<li>Nella bacheca apri <strong>Plugin \u2192 Aggiungi plugin \u2192 Carica plugin<\/strong>.<\/li>\n<li>Seleziona il file ZIP e premi <strong>Installa ora<\/strong>.<\/li>\n<li>Al termine premi <strong>Attiva plugin<\/strong>. Nell\u2019elenco dei plugin verifica la presenza di Stop Map e del comando <strong>Disattiva<\/strong>, che indica che \u00e8 attivo.<\/li>\n<\/ol>\n<figure><a href=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/01-installazione-stop-map-free.jpg\"><img decoding=\"async\" src=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/01-installazione-stop-map-free.jpg\" alt=\"Installazione di Stop Map FREE in WordPress: selezione del file ZIP e pulsante Installa ora\" width=\"1280\" height=\"720\" loading=\"lazy\" style=\"max-width:100%;height:auto\" \/><\/a><figcaption>Passaggio 1 \u2014 caricamento del pacchetto ZIP nell\u2019installazione WordPress locale.<\/figcaption><\/figure>\n<figure><a href=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/02-plugin-stop-map-attivo.jpg\"><img decoding=\"async\" src=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/02-plugin-stop-map-attivo.jpg\" alt=\"Stop Map Interactive Maps installato e attivo nell\u2019elenco dei plugin WordPress\" width=\"1280\" height=\"720\" loading=\"lazy\" style=\"max-width:100%;height:auto\" \/><\/a><figcaption>Il filtro dei plugin attivi mostra Stop Map. Il collegamento \u201cDisattiva\u201d conferma che l\u2019attivazione \u00e8 avvenuta.<\/figcaption><\/figure>\n<p><strong>Se WordPress segnala che il file supera la dimensione consentita:<\/strong> controlla il limite di caricamento indicato dal tuo hosting e richiedi un limite sufficiente per il pacchetto. L\u2019errore riguarda il caricamento del file e non la configurazione delle fermate.<\/p>\n<h2>2. Crea la mappa e inserisci le fermate<\/h2>\n<p>Apri <strong>Mappe fermate \u2192 Aggiungi mappa fermate<\/strong>. Scrivi un titolo riconoscibile, ad esempio \u201cFermate dimostrative: Milano, Bergamo e Brescia\u201d. Nell\u2019editor usa i pulsanti di zoom e trascina la mappa per raggiungere la zona desiderata.<\/p>\n<ol>\n<li>Fai clic sulla posizione in cui vuoi aggiungere una fermata: compare un segnaposto.<\/li>\n<li>Fai clic sul segnaposto per aprire il popup di modifica.<\/li>\n<li>Compila <strong>Titolo<\/strong>, <strong>Dettagli<\/strong> e <strong>Link Google Maps<\/strong>.<\/li>\n<li>Premi <strong>Salva<\/strong> nel popup.<\/li>\n<li>Ripeti il procedimento per gli altri punti, poi premi <strong>Pubblica<\/strong> o <strong>Aggiorna<\/strong> nel riquadro WordPress per registrare l\u2019intera mappa.<\/li>\n<\/ol>\n<figure><a href=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/03-configurazione-fermata.jpg\"><img decoding=\"async\" src=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/03-configurazione-fermata.jpg\" alt=\"Configurazione reale di una fermata Stop Map: titolo, dettagli, link Google Maps e pulsante Salva\" width=\"1265\" height=\"712\" loading=\"lazy\" style=\"max-width:100%;height:auto\" \/><\/a><figcaption>Passaggio 2 \u2014 il popup nell\u2019editor permette di modificare titolo, dettagli e link della fermata di Milano.<\/figcaption><\/figure>\n<p>Nel nostro esempio il titolo identifica il punto, mentre la descrizione spiega che si tratta di un ritrovo dimostrativo. Inserisci informazioni brevi e utili: nome della sede, accesso corretto o istruzioni per riconoscere il punto. Verifica sempre la posizione prima di proporla ai visitatori.<\/p>\n<p><strong>Importante:<\/strong> il pulsante Salva del popup e il pulsante Aggiorna della pagina hanno due ruoli diversi. Dopo aver modificato le fermate, salva anche la mappa con il comando WordPress. Puoi usare <strong>Mostra tutte le fermate<\/strong> per controllare l\u2019insieme dei punti.<\/p>\n<figure><a href=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/04-editor-mappa-tre-fermate-definitivo.jpg\"><img decoding=\"async\" src=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/04-editor-mappa-tre-fermate-definitivo.jpg\" alt=\"Editor grafico Stop Map FREE con tre fermate tra Milano, Bergamo e Brescia e mappa salvata\" loading=\"lazy\" style=\"max-width:100%;height:auto\" \/><\/a><figcaption>La mappa configurata contiene tre fermate. I pulsanti in basso aiutano a tornare alla vista iniziale o a inquadrare tutti i punti.<\/figcaption><\/figure>\n<h2>3. Inserisci la mappa interattiva WordPress nella pagina<\/h2>\n<p>La mappa si incorpora con lo shortcode <code>[plugingo_stop_map id=\"8\"]<\/code>. <strong>8 \u00e8 l\u2019ID della mappa creata nel nostro test<\/strong>: sul tuo sito devi sostituirlo con quello della tua mappa.<\/p>\n<p>Per trovare l\u2019ID, apri la mappa in modifica e guarda l\u2019indirizzo nel browser: in <code>post.php?post=8&amp;action=edit<\/code> il numero dopo <code>post=<\/code> \u00e8 quello da utilizzare. Non usare l\u2019ID della pagina che ospita la mappa.<\/p>\n<ol>\n<li>Apri o crea la pagina che deve mostrare le fermate.<\/li>\n<li>Nell\u2019editor a blocchi aggiungi un blocco <strong>Shortcode<\/strong>.<\/li>\n<li>Inserisci lo shortcode con l\u2019ID corretto.<\/li>\n<li>Salva o pubblica la pagina, quindi aprila dal lato visitatore.<\/li>\n<\/ol>\n<p>Nella schermata seguente mostriamo anche la vista codice dell\u2019editor WordPress: la riga tra i commenti <code>wp:shortcode<\/code> \u00e8 il contenuto del blocco Shortcode. Nell\u2019editor classico puoi inserire direttamente la stessa riga nel contenuto.<\/p>\n<figure><a href=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/05-shortcode-pagina-wordpress.jpg\"><img decoding=\"async\" src=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/05-shortcode-pagina-wordpress.jpg\" alt=\"Shortcode plugingo_stop_map con ID 8 inserito nella pagina WordPress del test locale\" width=\"1280\" height=\"720\" loading=\"lazy\" style=\"max-width:100%;height:auto\" \/><\/a><figcaption>Passaggio 3 \u2014 lo shortcode collega la pagina alla mappa configurata. L\u2019ID 8 appartiene all\u2019esempio locale.<\/figcaption><\/figure>\n<h2>4. Il risultato reale: la mappa vista dal visitatore<\/h2>\n<p>La pagina pubblicata nel sito di prova visualizza la cartografia e i tre segnaposto. Selezionando Milano si apre il popup con titolo, testo e collegamento <strong>Apri Google Maps<\/strong>. Questa \u00e8 la resa effettiva del plugin nella pagina WordPress, ottenuta usando lo shortcode precedente.<\/p>\n<figure><a href=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/06-mappa-pubblicata-popup.jpg\"><img decoding=\"async\" src=\"https:\/\/plugingo.it\/wp-content\/uploads\/2026\/11\/06-mappa-pubblicata-popup.jpg\" alt=\"Risultato reale di Stop Map FREE in una pagina WordPress con fermate e popup Milano aperto\" width=\"1265\" height=\"712\" loading=\"lazy\" style=\"max-width:100%;height:auto\" \/><\/a><figcaption>Passaggio 4 \u2014 la pagina del sito locale mostra la mappa funzionante e il popup della fermata di Milano con il link a Google Maps.<\/figcaption><\/figure>\n<p>Prima di condividere la tua pagina, verifica che ogni segnaposto apra le informazioni giuste, che il link punti alla destinazione prevista e che la mappa sia consultabile anche da smartphone. Controlla inoltre che la pagina sia pubblica e non soltanto visibile all\u2019amministratore.<\/p>\n<h2>Problemi frequenti e controlli rapidi<\/h2>\n<ul>\n<li><strong>\u201cLa mappa non contiene ancora fermate\u201d:<\/strong> verifica l\u2019ID dello shortcode e salva almeno una fermata valida nella mappa corrispondente.<\/li>\n<li><strong>Le ultime modifiche non si vedono:<\/strong> premi Aggiorna nella mappa e aggiorna la pagina visitatore. Se usi una cache, verifica anche la versione senza cache.<\/li>\n<li><strong>La cartografia non appare:<\/strong> verifica la connessione ai servizi delle mappe e controlla eventuali blocchi degli script o dell\u2019ottimizzazione del sito.<\/li>\n<li><strong>Devi inserire punti fuori dall\u2019Italia:<\/strong> consulta la <a href=\"https:\/\/plugingo.it\/plugingo-stop-map-pro\/\">versione PRO<\/a>, pensata anche per mappe internazionali.<\/li>\n<\/ul>\n<h2>Stop Map FREE o PRO: scegli in base al progetto<\/h2>\n<table>\n<thead>\n<tr>\n<th>Funzione<\/th>\n<th>FREE<\/th>\n<th>PRO<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Fermate in Italia, titoli, dettagli e link<\/td>\n<td>S\u00ec<\/td>\n<td>S\u00ec<\/td>\n<\/tr>\n<tr>\n<td>Inserimento nella pagina tramite shortcode<\/td>\n<td>S\u00ec<\/td>\n<td>S\u00ec<\/td>\n<\/tr>\n<tr>\n<td>Copertura geografica internazionale<\/td>\n<td>No<\/td>\n<td>S\u00ec<\/td>\n<\/tr>\n<tr>\n<td>Ricerca di una posizione nell\u2019editor<\/td>\n<td>No<\/td>\n<td>S\u00ec<\/td>\n<\/tr>\n<tr>\n<td>Scelta dello stile, centro e zoom iniziali<\/td>\n<td>Predefiniti<\/td>\n<td>Personalizzabili<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div style=\"margin:28px 0;padding:24px;border:1px solid #c8df8b;border-radius:12px;background:#f6fbe9\">\n<h3>Trasforma il tuo elenco di fermate in una mappa utile<\/h3>\n<p>Parti con <strong>Plugingo Stop Map FREE<\/strong> per configurare la prima mappa in Italia. Se ti servono posizioni nel mondo, ricerca e opzioni avanzate, scegli <strong>Stop Map PRO<\/strong>.<\/p>\n<p><a href=\"https:\/\/plugingo.it\/plugingo-stop-map-free\/\" style=\"display:inline-block;margin:4px 12px 4px 0;padding:12px 18px;background:#2f6f1c;color:#fff;border-radius:6px;text-decoration:none\">Scarica Stop Map FREE<\/a> <a href=\"https:\/\/plugingo.it\/plugingo-stop-map-pro\/\" style=\"display:inline-block;margin:4px 0;padding:12px 18px;background:#e86e05;color:#fff;border-radius:6px;text-decoration:none\">Scopri Stop Map PRO<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hai ricevuto la domanda \u00abDove si prende la navetta?\u00bb troppe volte? Quando un sito elenca fermate, punti di ritrovo o sedi soltanto con del testo, il visitatore deve ricostruire da solo il percorso. Una mappa interattiva WordPress consente di vedere i punti, leggere i dettagli e aprire le indicazioni dalla stessa pagina. In questa guida [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1093,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[221],"tags":[243,241,242,244],"plugingo_blog_genre":[],"class_list":["post-1091","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-wordpress","tag-fermate","tag-mappa-interattiva-wordpress","tag-mappe-wordpress","tag-plugingo-stop-map"],"_links":{"self":[{"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/posts\/1091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/comments?post=1091"}],"version-history":[{"count":3,"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/posts\/1091\/revisions"}],"predecessor-version":[{"id":1102,"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/posts\/1091\/revisions\/1102"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/media\/1093"}],"wp:attachment":[{"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/media?parent=1091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/categories?post=1091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/tags?post=1091"},{"taxonomy":"plugingo_blog_genre","embeddable":true,"href":"https:\/\/plugingo.it\/en\/wp-json\/wp\/v2\/plugingo_blog_genre?post=1091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}