Este artículo puede resultarle útil si ya ha diseñado un plano o si nuestro equipo lo ha diseñado para usted. Aquí aprenderá a integrar:
Un plano en un sitio web o una aplicación (mediante enlace, botón, iframe, script o código QR)
Un plano en un kiosco
Un widget con la lista de expositores en un sitio web o una aplicación
Cómo integrar un plano en su sitio web o aplicación
Nuestros planos se pueden insertar fácilmente en el sitio web o la aplicación de su evento mediante código HTML. Encontrará los códigos en el Dashboard
: Integrations
> Map Integration > Copy el enlace o el botón.
El botón se puede personalizar (color, radio, tipografía, etc.).
Integración mediante iframe y script
Utilice un iframe o un script para insertar el plano como parte de su página web. Estas opciones resultan útiles si desea ocultar la URL del plano. Encontrará los códigos de iframe y de script en la misma página (Integrations
> Map Integration).
Cómo adaptar el iframe a dispositivos móviles
Para conseguirlo, debe realizar cambios en el código del iframe.
Añada una altura fija, por ejemplo 500 píxeles.
<div style="width: 100%;
position: relative;
height: 500px">
<iframe>...</iframe>
</div>
2. Si necesita cambiar el tamaño únicamente en móviles, debe añadir una clase personalizada como:
expofp-iframe.
<div class="expofp-iframe"
style="width: 100%;
height: 100%;
position: relative;">
<iframe>...</iframe>
</div>
3. A continuación, añádala al archivo CSS.
@media (max-width: 600px) {
.expofp-iframe {
height: 500px !important;
}
}
Tenga en cuenta que esto afectará a todos los dispositivos.
Para que los sitios no optimizados para móviles se vean mejor en pantallas estrechas, puede insertar una metaetiqueta compatible con móviles en el head de su página:
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width" />
Cómo ajustar el iframe para que ocupe toda la pantalla
Para ajustar su plano de modo que ocupe toda la pantalla, deberá revisar los elementos HTML padre de nuestro iframe. Puede haber clases o estilos que limiten el tamaño del iframe, así que elimínelos.
Estilos como:
Height
Width
Padding
Max- y min- height
Max- y min- width
Cómo configurar las dimensiones del contenedor del iframe
Para que los planos insertados se muestren correctamente en su sitio web, es importante definir las dimensiones del contenedor. El contenedor donde se inserta el iframe debe tener el estilo position: relative.
Configure el contenedor con un ancho y una altura fijos, ya que el iframe no los ajustará automáticamente. Antes de insertar el iframe, compruebe que sus dimensiones no estén establecidas en cero: si lo están, el iframe no será visible. La altura suele ser el problema, por lo que conviene definirla con unidades específicas como:
• px (píxeles)
• rem
• em
• vh (altura del viewport)
• vw (ancho del viewport)
Así se garantiza que el contenido se vea bien en distintos tamaños de pantalla y dispositivos.
Cómo evitar conflictos de estilos
Asegúrese de no utilizar los mismos selectores CSS que se emplean en el código de integración, como .expofp-floorplan, #exhibitors-list, etc. De este modo evitará conflictos de estilo que podrían alterar la apariencia o el funcionamiento de su página.
Cómo convertir el enlace del plano en un código QR
En la página Map Integration también puede descargar un código QR escaneable en alta resolución para mostrarlo en su banner, sitio web o folleto. Hay dos formatos disponibles:
Imagen del código QR (BMP)
Póster con el código QR (PDF)
Cómo integrar un widget con la lista de expositores
Aunque los planos de ExpoFP ya incluyen una lista de expositores con buscador, es posible que desee tener una página de directorio de expositores independiente en su sitio web. Con nuestro widget de lista de expositores puede obtener una lista interactiva y con búsqueda sin necesidad de programar.
Los usuarios del sitio web podrán buscar expositores por nombre de empresa, categoría o número de stand. Si el usuario hace clic en una empresa, se abrirá el perfil del expositor con la misma información que se muestra en el plano.
Para integrar el widget, vaya a Integration
- Widgets y copie el código script o iframe. Después, podrá pegarlo en su sitio web o aplicación.
De forma predeterminada, los expositores se ordenan alfabéticamente en la lista. Si prefiere mostrarlos agrupados por categorías, puede utilizar en su lugar la lista de categorías de expositores. Los códigos de script e iframe de esta lista también se encuentran en la página Widgets.
Cómo mostrar un plano en un kiosco
Nuestros planos interactivos funcionan a la perfección en kioscos táctiles de gran formato y ofrecen la misma funcionalidad intuitiva que en un teléfono o una tableta. Los asistentes pueden buscar empresas fácilmente, filtrar los stands por categoría, consultar la agenda del evento en vivo y utilizar la orientación (wayfinding) para obtener indicaciones paso a paso hacia cualquier punto del plano.
Opciones de kiosco
Su plano se puede mostrar en kioscos sin coste adicional con el diseño Light, Standard o Pro de ExpoFP. Puede utilizar sus propios kioscos o podemos suministrarle kioscos de calidad de nuestro socio Popshap con los siguientes precios:
Especificaciones y características
Tamaños de 32"–49" (de pie) y hasta 55" (de sobremesa)
Vinilo de marca opcional o rotulación completa del kiosco
Disponibles en EE. UU., Canadá, Europa y Australia
Incluye instalación premium y soporte in situ
Si desea contar con kioscos en su evento, reserve una demostración o póngase en contacto con nosotros.
Cómo integrar un plano en un kiosco
Puede descargar y ejecutar los planos en los kioscos, lo que permite que estos funcionen sin conexión. Vaya a Integration
> Download floor plan. A continuación, elija una opción de descarga compatible con el sistema operativo del kiosco y haga clic en Download Floor Plan.
Actualmente hay cuatro opciones de descarga disponibles:
Windows
Android
macOC
Linux
Cómo colocar kioscos en el plano
Paso 1
Abra el plano en vista frontal
Paso 2
En la barra de búsqueda, escriba setkiosk.
Paso 3
Haga clic en la pantalla, en el punto donde debe estar el kiosco.
Paso 4
De forma opcional, ajuste el icono del kiosco (tamaño y rotación), el tamaño de la interfaz y el mapa (rotación, zoom y posición).
Paso 5
Guarde y cierre.
Preguntas frecuentes
¿Se ofrece soporte técnico si tengo dificultades para integrar el plano en mi sitio web o aplicación?
¿Se ofrece soporte técnico si tengo dificultades para integrar el plano en mi sitio web o aplicación?
Puede comunicarnos sus incidencias a través de nuestro chat o por correo electrónico ([email protected]). Indíquenos el nombre de su plano y la página donde está integrado, y nuestro equipo le ayudará.
¿Puedo personalizar la apariencia de la lista del Exhibitor Directory?
¿Puedo personalizar la apariencia de la lista del Exhibitor Directory?
Por el momento no es posible cambiar la apariencia de la lista del Exhibitor Directory.
¿Qué diferencia hay entre la integración por iframe y por script?
¿Qué diferencia hay entre la integración por iframe y por script?
El iframe es mejor en cuanto a seguridad y renderizado, mientras que el script es mejor en cuanto a carga, SEO y adaptabilidad.
¿Puedo utilizar mi propio dominio para alojar el plano?
¿Puedo utilizar mi propio dominio para alojar el plano?
No ofrecemos la opción de utilizar dominios propios. No obstante, puede insertar su plano como iframe para no mostrar ningún enlace.