Terug naar overzicht
Import Features
Alles over de import-pipeline: standaard import, HD Import en tips voor de beste resultaten.
Overzicht van de import-pipeline
De import-pipeline zet een bestaande website om naar bewerkbare pagina's in het CMS. Het proces bestaat uit meerdere stappen:
1. Crawlen – De bronsite wordt bezocht en alle secties, afbeeldingen, kleuren en lettertypen worden geëxtraheerd
2. Analyse – AI analyseert de structuur en wijst elk onderdeel toe aan een CMS-blok
3. Generatie – De secties worden omgezet naar bewerkbare blokken met de juiste instellingen
4. Validatie – Elk blok wordt gecontroleerd op correctheid en ontbrekende velden worden aangevuld
5. Opslag – De pagina's worden opgeslagen en zijn direct bewerkbaar
Het hele proces duurt 30-60 seconden voor een standaard import.
Standaard Import vs HD Import
Er zijn twee importmodi:
Standaard Import:
• Beschikbaar voor Starter, Professional en Agency
• Duur: 30-60 seconden
• Gebruikt AI-analyse van de HTML-structuur en computed styles
• Resultaat: 80-90% nauwkeurigheid
HD Import (premium):
• Alleen beschikbaar voor Professional en Agency
• Duur: 90-150 seconden
• Doet alles wat standaard import doet, plus:
→ Maakt een screenshot van het resultaat
→ Vergelijkt visueel met de originele site via AI (GPT-4o vision)
→ Corrigeert automatisch verschillen (tot 3 iteraties)
→ Stopt als het verschil kleiner is dan 10%
• Resultaat: 90%+ nauwkeurigheid
Tips
- Begin altijd met een standaard import. Schakel HD Import in als het resultaat niet goed genoeg is.
- HD Import werkt het beste op sites met een duidelijke visuele structuur.
Let op
- HD Import gebruikt aanzienlijk meer AI-credits dan een standaard import.
Tips voor de beste resultaten
Zo haal je het meeste uit de import:
• Gebruik de volledige URL inclusief https:// (bijv. https://www.voorbeeld.nl)
• Sites met een duidelijke sectie-structuur (hero, features, pricing, etc.) geven het beste resultaat
• WordPress-sites met een open REST API worden extra goed geïmporteerd (blogposts, media, SEO-data)
• Moderne single-page apps (React, Vue, Angular) worden ondersteund dankzij SPA-crawling
• Het systeem herkent automatisch dark mode-instellingen en neemt deze over
• Lettertypen (Google Fonts) worden automatisch gedetecteerd en geconfigureerd
• Afbeeldingen worden gedownload en opgeslagen in je mediabibliotheek
Tips
- Controleer na de import altijd de blokken in de visuele bouwer en pas ze aan waar nodig.
- Gebruik de responsive preview om te checken of de import er goed uitziet op mobiel.
Bekende beperkingen
De import-pipeline is krachtig, maar sommige elementen kunnen niet automatisch worden overgenomen:
• Lottie-animaties en complexe JavaScript-widgets
• Interactieve elementen zoals custom sliders, calculators of configurators
• Ingelogde content (achter een login-scherm)
• Dynamische content die via API's wordt geladen na de eerste page-load
• Zeer complexe CSS-layouts (bijv. meerdere overlappende absolute-positioned elementen)
• Embedded iframes (bijv. Google Maps, externe widgets)
Deze elementen kun je na de import handmatig toevoegen via de visuele bouwer.
Let op
- Importeer alleen websites waarvoor je toestemming hebt. Respecteer auteursrechten.