Beschreibung: Dieses Tool ermöglicht das Einfügen und Anzeigen interaktiver dreidimensionaler Modelle direkt auf Seiten, die mit dem Visual Builder erstellt wurden.
Wozu dient es? (Praktische Beispiele)
Die Verwendung des 3D-Modell-Viewers verbessert die Benutzererfahrung und die Präsentation von Inhalten.
- Produktpräsentation: Ermöglicht Kunden, ein Produkt (z. B. ein Möbelstück, ein Schmuckstück) vor dem Kauf zu drehen und zu zoomen, um eine vollständige 360-Grad-Ansicht zu erhalten.
- Projektvisualisierung: Zeigt architektonische Modelle, Industrieprototypen oder wissenschaftliche Darstellungen interaktiv und ansprechend.
- Augmented Reality: Ermöglicht Nutzern mit kompatiblen Geräten, das 3D-Objekt virtuell in ihrer realen Umgebung zu platzieren (z. B. sehen, wie ein Sofa im eigenen Wohnzimmer aussehen würde).
Hauptfunktionen
Der Block „Modell 3D“ bietet volle Kontrolle darüber, wie das Objekt auf der Seite angezeigt wird.
- Modell-Upload: Ermöglicht das Hochladen von Standard-3D-Modell-Dateien (Format
.glboder.gltf) direkt in die Medienbibliothek. - Interaktive Steuerung: Der Endnutzer kann mit dem Modell interagieren, es drehen, vergrößern oder innerhalb des Ansichtsfensters verschieben.
- Automatische Drehung: Das Modell kann so eingestellt werden, dass es beim Laden der Seite automatisch rotiert und sofort die Aufmerksamkeit des Besuchers auf sich zieht.
- Unterstützung für Augmented Reality (AR): Wenn aktiviert, erscheint auf kompatiblen mobilen Geräten eine Schaltfläche zum Wechseln in den AR-Modus.
- Aussehen verwalten: Die Mindesthöhe des Viewers auf der Seite kann definiert werden – entweder in festen Maßeinheiten (Pixel) oder Prozentangaben.
Einrichtung
Die Einstellungen sind zugänglich durch Auswahl des Blocks „Modell 3D“ im Visual Builder.
1. Datei-Upload
| Feld | Beschreibung | Unterstützte Formate |
|---|---|---|
| 3D-Modell auswählen | Lädt die Datei des 3D-Modells aus deiner Bibliothek oder von deinem Computer hoch. | .glb, .gltf |
2. Viewer-Einstellungen
Diese Optionen definieren die Benutzerinteraktion mit dem Modell.
| Option | Zweck | Werte |
|---|---|---|
| Kamerasteuerung | Aktiviert oder deaktiviert die Möglichkeit für den Nutzer, das Modell mit Maus oder Touch zu bewegen, zu zoomen und zu drehen. | Ja / Nein |
| Automatische Drehung | Stellt das Modell so ein, dass es kontinuierlich und automatisch im Viewer rotiert. | Ja / Nein |
| Augmented Reality (AR) | Aktiviert die AR-Funktion auf kompatiblen Geräten. | Ja / Nein |
3. Aussehen und Stil
Diese Optionen legen Größe und Zugänglichkeit des Viewers fest.
| Option | Zweck | Details |
|---|---|---|
| Mindesthöhe | Definiert die minimale Höhe des Bereichs, in dem das Modell angezeigt wird. | Kann in px (Pixel) oder % (Prozent) angegeben werden. |
| Alternativtext (Alt) | Textuelle Beschreibung des 3D-Modells. Wichtig für Barrierefreiheit (für Screenreader-Nutzer) und Suchmaschinenoptimierung (SEO). | Kurzer beschreibender Text. |
Integration im Visual Builder
Der 3D-Modell-Viewer ist ein nativer Block des Systems. Er wird dem Block-Menü im Bereich zur Erstellung von Webseiten hinzugefügt. Sobald er auf einer Seite eingefügt ist, ist das Modell nur auf der finalen Webseite sichtbar und interaktiv – nicht jedoch im Vorschaumodus des Builders.
