Beschrijving: Deze tool maakt het mogelijk om interactieve driedimensionale modellen direct in pagina's te plaatsen en weer te geven die zijn gemaakt met de Visual Builder.
Waar is het voor? (Praktische voorbeelden)
Het gebruik van de 3D Model Viewer verbetert de gebruikerservaring en de presentatie van inhoud.
- Productpresentatie: Hiermee kunnen klanten een product (bijv. een meubelstuk, een sieraad) roteren en inzoomen voordat ze het kopen, wat een volledige 360-graden weergave biedt.
- Projectweergave: Toont architectonische modellen, industriële prototypes of wetenschappelijke representaties op een interactieve en boeiende manier.
- Augmented Reality: Maakt het voor gebruikers met compatibele apparaten mogelijk om het 3D-object virtueel in hun echte omgeving te plaatsen (bijvoorbeeld zien hoe een bankstel in hun woonkamer zou staan).
Belangrijkste functies
De "3D Model" blok biedt volledige controle over hoe het object op de pagina wordt weergegeven.
- Model uploaden: Hiermee kunt u standaard 3D-modelfiles (.glb of .gltf formaat) rechtstreeks in de mediabibliotheek uploaden.
- Interactieve bedieningselementen: De eindgebruiker kan interageren met het model door het te draaien, vergroten of verplaatsen binnen het weergavevenster.
- Automatische rotatie: Het model kan zo worden ingesteld dat het automatisch draait wanneer de pagina wordt geladen, waardoor direct de aandacht van bezoekers wordt getrokken.
- Ondersteuning voor Augmented Reality (AR): Indien ingeschakeld verschijnt er op compatibele mobiele apparaten een knop om over te schakelen naar AR-modus.
- Uiterlijk beheer: U kunt de minimale hoogte van de viewer op de pagina instellen, met vaste meeteenheden (pixels) of percentages.
Hoe configureer je het
De instellingen zijn toegankelijk door het "3D Model" blok te selecteren binnen de Visual Builder.
1. Bestand uploaden
| Veld | Beschrijving | Ondersteunde formaten |
|---|---|---|
| Selecteer 3D-model | Upload het 3D-modelfile vanuit uw bibliotheek of vanaf uw computer. | .glb, .gltf |
2. Viewer instellingen
Deze opties bepalen hoe de gebruiker met het model kan interageren.
| Optie | Doel | Waarden |
|---|---|---|
| Camera bediening | Schakelt in of uit dat gebruikers het model kunnen bewegen, zoomen en draaien met muis of aanraking. | Ja / Nee |
| Automatische rotatie | Zet automatische en continue rotatie van het model aan binnen de viewer. | Ja / Nee |
| Augmented Reality (AR) | Schakelt AR-functie in op compatibele apparaten. | Ja / Nee |
3. Uiterlijk en stijl
Deze opties bepalen grootte en toegankelijkheid van de viewer.
| Optie | Doel | Details |
|---|---|---|
| Minimale hoogte | Definieert de minimale hoogte van het gebied waarbinnen het model wordt weergegeven. | Kan worden ingesteld in px (pixels) of % (procent). |
| Alternatieve tekst (Alt) | Tekstuele beschrijving van het 3D-model. Belangrijk voor toegankelijkheid (voor gebruikers die schermlezers gebruiken) en zoekmachineoptimalisatie (SEO). | Korte beschrijvende tekst. |
Integratie in Visual Builder
De 3D Model Viewer is een native blok van het systeem. Het wordt toegevoegd aan het blokkenmenu beschikbaar in de sectie voor webpagina-constructie. Eenmaal ingevoegd op een pagina is het model alleen zichtbaar en interactief op de uiteindelijke websitepagina, niet in de preview-modus van de builder.
