Cet article peut être utile si vous avez déjà conçu un plan de salon ou si notre équipe en a conçu un pour vous. Vous apprendrez ici comment intégrer :

Un plan de salon dans un site web ou une application (via un lien, un bouton, un iframe, un script ou un QR code)
Un plan de salon dans un kiosque
Un widget de liste d'exposants dans un site web ou une application

Comment intégrer un plan de salon dans votre site web ou votre application

Nos plans de salon peuvent être facilement intégrés à votre site web ou application événementielle grâce à un code HTML. Vous pouvez trouver les codes sur le Dashboard

: Integrations

> Map Integration > Copy le lien ou le bouton.

Le bouton peut être personnalisé (couleur, rayon, police, etc.).

Intégration iframe et script

Utilisez un iframe ou un script pour intégrer le plan comme partie de votre page web. Ces options sont utiles si vous souhaitez masquer l'URL du plan. Vous trouverez les codes iframe et script sur la même page (Integrations

> Map Integration).

Comment adapter l'iframe pour les appareils mobiles

Pour y parvenir, vous devez apporter des modifications au code de l'iframe.

Ajoutez une height fixe, par exemple 500 pixels.

<div style="width: 100%;
 position: relative;
 height: 500px">
 <iframe>...</iframe>
</div>

2. Si vous devez redimensionner uniquement pour les mobiles, vous devez ajouter une classe personnalisée comme :

expofp-iframe.

<div class="expofp-iframe"
 style="width: 100%;
height: 100%;
 position: relative;">
 <iframe>...</iframe>
</div>

3. Ensuite, ajoutez-la au fichier CSS.

@media (max-width: 600px) {
 .expofp-iframe {
 height: 500px !important;
 }
}

Notez que cela affectera tous les appareils.

Pour que les sites non optimisés pour mobile s'affichent mieux sur les appareils à écran étroit, vous pouvez insérer une balise meta adaptée aux mobiles dans l'en-tête (head) de votre page :

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width" />

Comment ajuster l'iframe pour qu'elle occupe tout l'écran

Plan d'exposition entouré de flèches pointant vers le haut, le bas, la gauche et la droite

Pour ajuster votre plan d'exposition afin qu'il occupe tout l'écran, vous devrez examiner les éléments HTML parents de notre iframe. Des classes ou des styles pourraient limiter la taille de l'iframe, il faut donc les supprimer.

Styles tels que :

Height
Width
Padding
Max- et min- height
Max- et min- width

Comment définir les dimensions du conteneur de l'iframe

Pour garantir que vos plans intégrés s'affichent correctement sur votre site, il est important de définir les dimensions du conteneur. Le conteneur dans lequel l'iframe est insérée doit être stylé avec position: relative.

Configurez le conteneur avec une largeur et une hauteur fixes, car l'iframe ne le redimensionnera pas automatiquement. Avant d'intégrer l'iframe, vérifiez que ses dimensions ne sont pas définies à zéro — si c'est le cas, l'iframe ne sera pas visible. La hauteur est souvent à l'origine du problème, il est donc préférable de la définir avec des unités spécifiques telles que :

• px (pixels)
• rem
• em
• vh (hauteur de la fenêtre d'affichage)
• vw (largeur de la fenêtre d'affichage)

Cela permet au contenu de s'afficher correctement sur différentes tailles d'écran et différents appareils.

Comment éviter les conflits de styles

Veillez à ne pas utiliser les mêmes sélecteurs CSS que ceux utilisés dans le code d'intégration, tels que .expofp-floorplan, #exhibitors-list, etc. Cela permet d'éviter tout conflit de style susceptible de perturber l'apparence ou le fonctionnement de votre page.

Comment transformer le lien du plan en code QR

Sur la page Map Integration, vous pouvez également télécharger un code QR scannable haute résolution à afficher sur votre banderole, votre site web ou votre brochure. Deux formats sont disponibles :

Image du code QR (BMP)
Affiche du code QR (PDF)

Comment intégrer un widget de liste d'exposants

Bien que les plans ExpoFP incluent déjà une liste d'exposants consultable, vous pourriez souhaiter disposer d'une page d'annuaire des exposants distincte sur votre site web. Avec notre widget de liste d'exposants, vous pouvez obtenir une liste interactive et consultable sans codage supplémentaire.

Les visiteurs du site pourront rechercher des exposants par nom d'entreprise, catégorie, ou numéro de stand. Si l'utilisateur clique sur une entreprise, cela ouvrira le profil de l'exposant avec les mêmes informations que celles affichées sur le plan.

Pour intégrer le widget, allez dans Integration

- Widgets et copiez le code script ou iframe. Vous pouvez ensuite le coller dans votre site web ou votre application.

Par défaut, les exposants sont triés par ordre alphabétique dans la liste. Si vous souhaitez les afficher regroupés par catégories, vous pouvez utiliser à la place la liste des exhibitor categories. Les codes Script et iframe pour cette liste se trouvent également sur la page Widgets.

Comment afficher un plan de salle sur une borne interactive

Nos plans de salle interactifs fonctionnent parfaitement sur les grands écrans tactiles des bornes interactives, offrant la même fonctionnalité intuitive que sur un téléphone ou une tablette. Les participants peuvent facilement rechercher des entreprises, filtrer les stands par catégorie, consulter les horaires de l'événement en direct et utiliser le wayfinding pour obtenir un itinéraire détaillé vers n'importe quel emplacement sur le plan de salle.

Options de borne interactive

Votre plan de salle peut être affiché sur des bornes interactives sans frais supplémentaires avec Light, Standard or Pro Design from ExpoFP. Vous pouvez soit utiliser les vôtres, soit nous pouvons fournir des bornes de qualité proposées par notre partenaire Popshap, aux tarifs suivants :

Spécifications et fonctionnalités

Tailles de 32"–49" (debout) et jusqu'à 55" (table)
Habillage vinyle optionnel ou revêtement complet du kiosque
Disponible aux États-Unis, au Canada, en Europe et en Australie
Comprend une installation clé en main et une assistance sur site

Si vous souhaitez avoir des kiosques lors de votre événement, planifiez une démo ou contactez-nous.

Comment intégrer un plan de salle dans un kiosque

Vous pouvez télécharger et exécuter des plans de salle sur les kiosques, ce qui permet aux kiosques de fonctionner hors ligne. Allez dans Integration

> Download floor plan. Ensuite, choisissez une option de téléchargement compatible avec le système d'exploitation du kiosque et cliquez sur Download Floor Plan.

Actuellement, quatre options de téléchargement sont disponibles :

Windows
Android
macOC
Linux

Comment placer des kiosques sur le plan de salle

Étape 1

Ouvrez le plan de salle en vue de face

Étape 2

Dans la barre de recherche, tapez setkiosk.

Étape 3

Cliquez sur l'écran à l'endroit où le kiosque doit se trouver.

Étape 4

Vous pouvez, si vous le souhaitez, ajuster l'icône du kiosque (taille et rotation), la taille de l'interface, ainsi que la carte (rotation, zoom et position).

Étape 5

Enregistrez et fermez.

Foire aux questions

Un support technique est-il fourni si je rencontre des difficultés pour intégrer le plan à mon site web ou à mon application ?

Vous pouvez nous soumettre vos problèmes via notre chat ou par email ([email protected]). Merci de nous indiquer le nom de votre plan ainsi que la page où le plan est intégré ; notre équipe vous aidera.

Est-il possible de personnaliser l'apparence de la liste de l'annuaire des exposants ?

Il n'est pas possible de modifier l'apparence de la liste de l'annuaire des exposants pour le moment.

Quelle est la différence entre l'intégration par iframe et par script ?

L'iframe est meilleure en matière de sécurité et de rendu, tandis que le script est meilleur pour le chargement, le référencement (SEO) et la réactivité.

Puis-je utiliser mon propre domaine pour héberger le plan ?

Nous ne proposons pas la possibilité d'utiliser vos propres domaines. Cependant, vous pouvez intégrer votre plan sous forme d'iframe afin d'éviter d'afficher des liens.

Options d'intégration