Questo articolo può esserle utile se ha già progettato una planimetria oppure se il nostro team l'ha realizzata per lei. Qui può scoprire come integrare:
Una planimetria in un sito web o in un'app (tramite link, pulsante, iframe, script o codice QR)
Una planimetria in un totem
Un widget con l'elenco degli espositori in un sito web o in un'app
Come integrare una planimetria nel proprio sito web o nella propria app
Le nostre planimetrie possono essere facilmente incorporate nel sito web o nell'app del suo evento tramite codice HTML. Trova i codici nella Dashboard
: Integrations
> Map Integration > Copy per copiare il link o il pulsante.
Il pulsante può essere personalizzato (colore, raggio degli angoli, carattere, ecc.).
Integrazione tramite iframe e script
Utilizzi un iframe o uno script per incorporare la planimetria come parte della sua pagina web. Queste opzioni sono utili se desidera nascondere l'URL della planimetria. Trova i codici iframe e script nella stessa pagina (Integrations
> Map Integration).
Come adattare l'iframe ai dispositivi mobili
Per ottenere questo risultato, è necessario modificare il codice dell'iframe.
Aggiunga un'altezza fissa, ad esempio 500 pixel.
<div style="width: 100%;
position: relative;
height: 500px">
<iframe>...</iframe>
</div>
2. Se desidera ridimensionare la planimetria solo sui dispositivi mobili, deve aggiungere una classe personalizzata come:
expofp-iframe.
<div class="expofp-iframe"
style="width: 100%;
height: 100%;
position: relative;">
<iframe>...</iframe>
</div>
3. Successivamente, la aggiunga al file CSS.
@media (max-width: 600px) {
.expofp-iframe {
height: 500px !important;
}
}
Tenga presente che questo influirà su tutti i dispositivi.
Per far sì che i siti non ottimizzati per i dispositivi mobili abbiano un aspetto migliore sugli schermi stretti, può inserire un meta tag mobile-friendly nell'head della pagina:
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width" />
Come adattare l'iframe a schermo intero
Per adattare la planimetria a schermo intero è necessario esaminare gli elementi HTML padre del nostro iframe. Eventuali classi o stili potrebbero limitare le dimensioni dell'iframe: in tal caso, li rimuova.
Stili come:
Height
Width
Padding
Max- e min- height
Max- e min- width
Come impostare le dimensioni del contenitore dell'iframe
Per garantire che le mappe incorporate vengano visualizzate correttamente sul suo sito web, è importante impostare le dimensioni del contenitore. Il contenitore in cui viene inserito l'iframe deve avere lo stile position: relative.
Imposti il contenitore con larghezza e altezza fisse, poiché l'iframe non le adatterà automaticamente. Prima di incorporare l'iframe, verifichi che le sue dimensioni non siano impostate a zero: in tal caso l'iframe non sarà visibile. L'altezza è spesso all'origine del problema, quindi è preferibile impostarla con unità specifiche come:
• px (pixel)
• rem
• em
• vh (altezza della viewport)
• vw (larghezza della viewport)
In questo modo il contenuto risulterà ben visualizzato su schermi e dispositivi diversi.
Come evitare conflitti di stile
Si assicuri di non utilizzare gli stessi selettori CSS impiegati nel codice di integrazione, come .expofp-floorplan, #exhibitors-list, ecc. In questo modo si evitano conflitti di stile che potrebbero compromettere l'aspetto o il funzionamento della pagina.
Come trasformare il link della planimetria in un codice QR
Nella pagina Map Integration può anche scaricare un codice QR scansionabile in alta risoluzione da mostrare su banner, sito web o brochure. Sono disponibili due formati:
Immagine del codice QR (BMP)
Poster con codice QR (PDF)
Come integrare un widget con l'elenco degli espositori
Sebbene le planimetrie ExpoFP includano già un elenco di espositori con funzione di ricerca, potrebbe voler disporre di una pagina dedicata alla directory degli espositori sul suo sito web. Con il nostro widget dell'elenco espositori può ottenere un elenco interattivo e ricercabile senza scrivere codice aggiuntivo.
Gli utenti del sito potranno cercare gli espositori per nome dell'azienda, categoria o numero di stand. Facendo clic su un'azienda si aprirà il profilo dell'espositore con le stesse informazioni visibili sulla planimetria.
Per integrare il widget, vada su Integration
- Widgets e copi il codice script o iframe. Potrà quindi incollarlo nel suo sito web o nella sua app.
Per impostazione predefinita, gli espositori sono ordinati alfabeticamente nell'elenco. Se preferisce mostrarli raggruppati per categoria, può utilizzare l'elenco delle categorie di espositori. Anche i codici script e iframe per questo elenco si trovano nella pagina Widgets.
Come visualizzare una planimetria su un totem
Le nostre planimetrie interattive funzionano perfettamente sui totem con grandi schermi touch, offrendo le stesse funzionalità intuitive disponibili su smartphone o tablet. I visitatori possono cercare facilmente le aziende, filtrare gli stand per categoria, consultare il programma dell'evento in tempo reale e utilizzare il wayfinding per ottenere indicazioni passo passo verso qualsiasi punto della planimetria.
Opzioni per i totem
La sua planimetria può essere visualizzata sui totem senza costi aggiuntivi con Light, Standard o Pro Design di ExpoFP. Può utilizzare i suoi totem oppure possiamo fornirle totem di qualità tramite il nostro partner Popshap, ai seguenti prezzi:
Specifiche e funzionalità
Dimensioni da 32"–49" (da terra) e fino a 55" (da tavolo)
Personalizzazione opzionale in vinile o rivestimento completo del totem
Disponibili in Stati Uniti, Canada, Europa e Australia
Includono installazione white-glove e supporto in loco
Se desidera avere dei totem al suo evento, prenoti una demo oppure ci contatti.
Come integrare una planimetria in un totem
Può scaricare ed eseguire le planimetrie sui totem, consentendo loro di funzionare offline. Vada su Integration
> Download floor plan. Scelga quindi l'opzione di download compatibile con il sistema operativo del totem e faccia clic su Download Floor Plan.
Attualmente sono disponibili quattro opzioni di download:
Windows
Android
macOC
Linux
Come posizionare i totem sulla planimetria
Passaggio 1
Apra la planimetria in front view
Passaggio 2
Nella barra di ricerca digiti setkiosk.
Passaggio 3
Faccia clic sullo schermo nel punto in cui deve trovarsi il totem.
Passaggio 4
Facoltativamente, regoli l'icona del totem (dimensione e rotazione), la dimensione dell'interfaccia e la mappa (rotazione, zoom e posizione).
Passaggio 5
Salvi e chiuda.
Domande frequenti
È previsto un supporto tecnico in caso di difficoltà nell'integrazione della planimetria nel mio sito web o nella mia app?
È previsto un supporto tecnico in caso di difficoltà nell'integrazione della planimetria nel mio sito web o nella mia app?
Può segnalare i problemi tramite la nostra chat o via e-mail ([email protected]). La preghiamo di indicarci il nome della sua planimetria e la pagina in cui è integrata: il nostro team la assisterà.
È possibile personalizzare l'aspetto dell'elenco Exhibitor Directory?
È possibile personalizzare l'aspetto dell'elenco Exhibitor Directory?
Al momento non è possibile modificare l'aspetto dell'elenco Exhibitor Directory.
Qual è la differenza tra l'integrazione tramite iframe e quella tramite script?
Qual è la differenza tra l'integrazione tramite iframe e quella tramite script?
L'iframe offre vantaggi in termini di sicurezza e rendering, mentre lo script è migliore per caricamento, SEO e adattabilità.
Posso utilizzare il mio dominio per ospitare la planimetria?
Posso utilizzare il mio dominio per ospitare la planimetria?
Non offriamo la possibilità di utilizzare domini propri. Può però incorporare la planimetria tramite iframe per evitare di mostrare qualsiasi link.