Dieser Artikel kann hilfreich sein, wenn Sie bereits einen Grundriss erstellt haben oder wenn unser Team einen für Sie entworfen hat. Hier erfahren Sie, wie Sie Folgendes integrieren:

Einen Grundriss in eine Website oder App (über Link, Button, iframe, Script oder QR-Code)
Einen Grundriss in ein Kiosk-System
Ein Aussteller-Listenwidget in eine Website oder App

So integrieren Sie einen Grundriss in Ihre Website oder App

Unsere Grundrisse können einfach mit HTML-Code in Ihre Event-Website oder App eingebettet werden. Die Codes finden Sie im Dashboard

: Integrations

> Map Integration > Kopieren Sie den Link oder den Button.

Der Button kann angepasst werden (Farbe, Radius, Schrift etc.).

Iframe- und Script-Integration

Verwenden Sie einen iframe oder ein script, um den Grundriss als Teil Ihrer Webseite einzubetten. Diese Optionen sind hilfreich, wenn Sie die Plan-URL verbergen möchten. Die iframe- und Script-Codes finden Sie auf derselben Seite (Integrations

> Map Integration).

So passen Sie den iframe für Mobilgeräte an

Grundriss auf einem Mobilgerät angezeigt

Um dies zu erreichen, müssen Sie Änderungen am iframe-Code vornehmen.

Fügen Sie eine feste Höhe hinzu, z. B. 500 Pixel.

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

2. Wenn Sie nur für Mobilgeräte anpassen müssen, fügen Sie eine benutzerdefinierte Klasse wie:

expofp-iframe hinzu.

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

3. Fügen Sie sie anschließend zu Ihrer CSS-Datei hinzu.

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

Beachten Sie, dass dies alle Geräte betrifft.

Um nicht für Mobilgeräte optimierte Websites auf Geräten mit schmalen Bildschirmen besser aussehen zu lassen, können Sie einen mobilfreundlichen Meta-Tag in den Head Ihrer Seite einfügen:

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

So passen Sie den iframe an den Vollbildmodus an

Grundriss umgeben von Pfeilen, die oben, unten, links und rechts zeigen

Um Ihren Grundriss an den Vollbildmodus anzupassen, müssen Sie die übergeordneten HTML-Elemente unseres iframe untersuchen. Klassen oder Stile könnten die Größe des iframe blockieren, entfernen Sie diese.

Stile wie:

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

So legen Sie die Container-Dimensionen des iframe fest

Um sicherzustellen, dass Ihre eingebetteten Maps auf Ihrer Website korrekt angezeigt werden, ist das Festlegen der Container-Dimensionen wichtig. Der Container, in den der iframe eingefügt wird, muss mit position: relative formatiert sein.

Richten Sie den Container mit einer festen Breite und Höhe ein, da der iframe ihn nicht automatisch skaliert. Überprüfen Sie vor dem Einbetten des iframe, dass dessen Dimensionen nicht auf null gesetzt sind – wenn ja, ist der iframe nicht sichtbar. Die Höhe ist oft das Problem. Legen Sie diese daher am besten mit spezifischen Einheiten fest wie:

• px (Pixel)
• rem
• em
• vh (Viewport-Höhe)
• vw (Viewport-Breite)

Dies stellt sicher, dass der Inhalt auf verschiedenen Bildschirmgrößen und Geräten gut aussieht.

So vermeiden Sie Stilkonflikte

Bitte stellen Sie sicher, dass Sie nicht die gleichen CSS-Selektoren verwenden wie im Integrationscode, z.B. .expofp-floorplan, #exhibitors-list usw. Dies verhindert Styling-Konflikte, die das Aussehen oder die Funktionalität Ihrer Seite beeinträchtigen könnten.

So konvertieren Sie den Link zum Grundriss in einen QR-Code

Auf der Map Integration page können Sie auch einen hochauflösenden, scanbaren QR-Code herunterladen, um ihn auf Ihrem Banner, Ihrer Website oder Broschüre anzuzeigen. Es sind zwei Formate verfügbar:

QR-Code-Bild (BMP)
QR-Code-Plakat (PDF)

So integrieren Sie ein Aussteller-Listen-Widget

Während ExpoFP-Grundrisse bereits eine durchsuchbare Liste von Ausstellern enthalten, möchten Sie möglicherweise eine separate Ausstellerverzeichnisseite auf Ihrer Website haben. Mit unserem Aussteller-Listen-Widget erhalten Sie eine interaktive und durchsuchbare Liste ohne zusätzliche Programmierung.

Websitebenutzer können Aussteller nach Unternehmensname, Kategorie oder Standnummer durchsuchen. Wenn der Benutzer auf ein Unternehmen klickt, öffnet sich das Ausstellerprofil mit den gleichen Informationen, die Sie auf dem Grundriss sehen.

Um das Widget zu integrieren, gehen Sie zu Integration

- Widgets und kopieren Sie den Script- oder iframe-Code. Dann können Sie ihn in Ihre Website oder App einfügen.

Standardmäßig werden Aussteller alphabetisch in der Liste sortiert. Wenn Sie sie stattdessen nach Kategorien gruppiert anzeigen möchten, können Sie die exhibitor categories list verwenden. Script und iframe Codes für diese Liste finden Sie auch auf der Seite Widgets.

So zeigen Sie einen Grundriss auf einem Kiosk an

Unsere interaktiven Grundrisse funktionieren nahtlos auf großen Touchscreen-Kiosken und bieten die gleiche intuitive Funktionalität wie auf einem Telefon oder Tablet. Besucher können problemlos nach Unternehmen suchen, Stände nach Kategorie filtern, Live-Veranstaltungspläne anzeigen und wayfinding nutzen, um Schritt-für-Schritt-Anweisungen zu einem beliebigen Ort im Grundriss zu erhalten.

Kiosk-Optionen

Ihr Grundriss kann ohne zusätzliche Kosten auf Kiosken mit Light, Standard oder Pro Design von ExpoFP angezeigt werden. Sie können entweder Ihre eigenen verwenden oder wir können hochwertige Kioske von unserem Partner bereitstellen Popshap mit den folgenden Preisen:

Spezifikationen und Funktionen

Größen von 32"–49" (stehend) und bis zu 55" (Tischmodell)
Optionale Vinyl-Branding oder vollständige Kiosk-Beklebung
Verfügbar in den USA, Kanada, Europa und Australien
Beinhaltet weiße Handschuhe Installation und vor-Ort-Support

Wenn Sie Kiosks bei Ihrer Veranstaltung haben möchten, vereinbaren Sie eine Demo oder kontaktieren Sie uns.

So integrieren Sie einen Grundriss in einen Kiosk

Sie können Grundrisse auf den Kiosks herunterladen und ausführen, sodass die Kiosks offline funktionieren. Gehen Sie zu Integration

> Download floor plan. Wählen Sie dann eine Download-Option aus, die mit dem Betriebssystem des Kiosks kompatibel ist, und klicken Sie auf Download Floor Plan.

Derzeit sind vier Download-Optionen verfügbar:

Windows
Android
macOC
Linux

So platzieren Sie Kiosks auf dem Grundriss

Schritt 1

Öffnen Sie den Grundriss in der Vorderansicht

Schritt 2

Geben Sie in der Suchleiste setkiosk ein.

Schritt 3

Klicken Sie auf den Bereich auf dem Grundriss, wo sich der Kiosk befinden soll.

Schritt 4

Passen Sie optional das Kiosk-Symbol (Größe und Rotation), die Schnittstellengröße und den Grundriss (Rotation, Zoom und Position) an.

Schritt 5

Speichern und schließen.

Häufig gestellte Fragen

Wird technischer Support bereitgestellt, wenn ich Schwierigkeiten bei der Integration des Grundrisses in meine Website oder App habe?

Sie können Ihre Probleme über unseren Chat oder per E-Mail ([email protected]) einreichen. Bitte geben Sie uns den Namen Ihres Grundrisses und die Seite mit dem integrierten Plan an, und unser Team wird Ihnen helfen.

Kann ich das Erscheinungsbild der Exhibitor Directory-Liste anpassen?

Es ist derzeit nicht möglich, das Erscheinungsbild der Exhibitor Directory-Liste zu ändern.

Was unterscheidet iframe- und Script-Integration?

Iframe ist besser bei Sicherheit und Rendering, während Script besser beim Laden, SEO und Responsivität ist.

Kann ich meine eigene Domain zum Hosten des Grundrisses verwenden?

Wir bieten nicht die Möglichkeit, Ihre eigenen Domains zu verwenden. Sie können Ihren Grundriss jedoch als iframe einbetten, um zu vermeiden, dass Links angezeigt werden.

Verwandte Artikel

Integrationsoptionen