Je hebt een ontwerp in Figma of Adobe XD, of een bestaande website die een nieuwe basis nodig heeft. Dat omzetten naar Elementor kan bijna altijd. Of je er daarna jaren plezier van hebt, hangt vooral af van de voorbereiding en de manier waarop de website wordt opgezet.
Wij hebben meer dan 250 websites in Elementor gebouwd. Voor eigen klanten, en voor webbureaus die het bouwen in Elementor aan ons uitbesteden. In dit artikel lees je wat je vooraf regelt, hoe wij een ontwerp omzetten en waar je op let als je een bestaande website ombouwt.
Welke ontwerpen kun je omzetten naar Elementor?
Eigenlijk elk ontwerp dat laat zien hoe de pagina’s eruit moeten zien. De meeste ontwerpen komen uit Figma of Adobe XD, maar een PDF of een set schermafbeeldingen werkt ook. Hoe completer het ontwerp, hoe minder er tijdens het bouwen nog ingevuld hoeft te worden.
Een bestaande website is ook een prima vertrekpunt. Die kan gemaakt zijn met een ander thema, een andere pagebuilder of volledig op maat. Je neemt dan de inhoud en de structuur mee en geeft de vormgeving een nieuwe basis in Elementor.
Wat je regelt voordat het bouwen begint
Een goede voorbereiding scheelt tijdens het bouwen veel heen en weer. Loop deze punten na:
- Alle soorten pagina’s. Een homepage, een dienstpagina, een bericht en een overzichtspagina zien er elk anders uit. Zorg dat elk type in het ontwerp staat.
- De mobiele weergave. Ontbreekt die, spreek dan af hoe de pagina’s zich op een telefoon moeten gedragen.
- De huisstijl. Kleuren, lettertypen en lettergroottes horen op één plek vast te liggen. Dan stel je ze in Elementor één keer in en gebruik je ze overal.
- Functies. Formulieren, filters, een vacature- of projectenoverzicht, koppelingen met andere systemen. Benoem ze vooraf, want ze bepalen de opzet.
- Beheer. Wat wil de eigenaar later zelf aanpassen? Teksten, foto’s, nieuwsberichten, vacatures? Dat bepaalt hoe de inhoud wordt opgeslagen.
In de ontwerpen die we aangeleverd krijgen, ontbreekt bijna altijd hoe de klant straks zelf de inhoud beheert. Dat bespreken we vooraf. Meestal zetten we teksten en foto’s in eigen velden in WordPress, zodat de klant niet in Elementor hoeft te werken. Soms krijgt de klant Elementor met beperkte rechten. Ook de mobiele weergave en pagina’s zoals de 404 of een bedankpagina ontbreken vaak. Die werken we zelf uit in de stijl van het ontwerp.
Zo zetten wij een ontwerp om naar Elementor
Dit is de volgorde die we aanhouden:
- Ontwerp doorlopen en inschatten. We bekijken alle pagina’s en functies en geven een heldere inschatting.
- De basis neerzetten. We bouwen op het lichte thema Hello Elementor. Kleuren en typografie leggen we vast in de globale instellingen van Elementor, zodat een aanpassing later in één keer overal doorwerkt.
- Sjablonen maken. Header, footer, berichtpagina’s en overzichten bouwen we als sjablonen in de Theme Builder. Elke nieuwe pagina van dat type krijgt dan automatisch dezelfde opmaak.
- Dynamische inhoud opzetten. Voor projecten, vacatures of andere terugkerende inhoud gebruiken we JetEngine. De inhoud staat in vaste velden en Elementor toont die in het ontwerp.
- Pagina’s bouwen en vullen. Pas als de basis staat, bouwen we de losse pagina’s.
- Controleren op elk scherm. Desktop, tablet en mobiel.
- Opleveren. De eigenaar beheert de inhoud daarna via vaste velden en hoeft niet in Elementor te werken.
Voor een aangeleverd ontwerp met zo’n vijf sjablonen rekenen we meestal op 30 tot 40 uur bouwwerk. Een project met 7 à 8 sjablonen kwam onlangs uit op ongeveer 48 uur. De doorlooptijd is meestal 3 tot 4 weken vanaf het definitieve ontwerp, inclusief een feedbackronde.
Een bestaande website ombouwen naar Elementor
Bij een bestaande website komt er een belangrijke vraag bij: hoe houd je de vindbaarheid die je al hebt? Google kent de huidige adressen van je pagina’s en andere websites linken ernaar. Let daarom op deze punten:
- Houd de adressen gelijk waar het kan. Moet een adres toch veranderen, stuur het oude adres dan met een 301-redirect door naar de nieuwe pagina.
- Neem de SEO-gegevens mee. Paginatitels, metabeschrijvingen en de instellingen voor indexering zitten vaak in een SEO-plugin. Zet ze over voordat de nieuwe website live gaat.
- Bouw op een testomgeving. Zo blijft de huidige website gewoon draaien tot de nieuwe klaar is.
- Ruim het oude thema en oude plugins op. Laat geen pagebuilder of uitbreiding staan die je niet meer gebruikt.
- Kijk na de livegang in Search Console. Daar zie je of Google pagina’s niet meer kan vinden.
Een voorbeeld uit eigen huis is ons platform verhuurjeboot.nl. Dat draaide op eigen PHP-code met een eigen MySQL-database. In oktober 2026 hebben we het opnieuw gebouwd in WordPress met Elementor en JetEngine, met een eigen plugin voor de marktplaats. Pagina’s, vaargebieden en blogs beheren we nu gewoon in WordPress, en nieuwe onderdelen toevoegen is een stuk eenvoudiger geworden.
Waar je op let bij het omzetten
Een website kan er bij oplevering precies uitzien als het ontwerp en toch lastig blijken in gebruik. Deze punten maken het verschil:
- Opmaak per element. Wie kleuren en lettertypen bij elk element apart instelt, moet bij een kleine wijziging alles langs. Globale stijlen voorkomen dat. In Elementor 4 gaat dat een stap verder met klassen en variabelen.
- Te veel uitbreidingen. Elk extra pakket met widgets laadt code en moet bij elke update meekomen. Een vaste, beperkte opzet houdt de website snel en het onderhoud overzichtelijk.
- Inhoud die alleen in Elementor te wijzigen is. Voor terugkerende inhoud zijn vaste velden handiger. Dan voegt de eigenaar een nieuw project of nieuwsbericht toe zonder de opmaak te raken.
- Het ontwerp als momentopname. Teksten worden langer en foto’s hebben andere verhoudingen dan in het ontwerp. Bouw zo dat de pagina dat opvangt.
Veelgestelde vragen over een design omzetten naar Elementor
Kan elk ontwerp in Elementor worden gebouwd?
Vrijwel elk ontwerp voor een website is in Elementor te bouwen. Bij bijzondere functies, zoals een calculator of een koppeling met een ander systeem, is soms extra maatwerk nodig. Dat stel je het beste vast bij het doorlopen van het ontwerp.
Blijft mijn vindbaarheid behouden als ik mijn website ombouw?
Als je de adressen gelijk houdt of netjes doorstuurt en de SEO-gegevens meeneemt, blijft de basis van je vindbaarheid staan. Een snellere en beter opgebouwde website kan je posities daarna juist helpen.
Kan ik de website na oplevering zelf beheren?
Ja. Wij richten websites zo in dat je de inhoud via vaste velden aanpast. Je hoeft daarvoor niet in Elementor te werken, waardoor de opmaak niet per ongeluk verschuift.
Bouwen jullie ook ontwerpen van andere webbureaus?
Ja, dat doen we met grote regelmaat. Het bureau levert het ontwerp aan en houdt het contact met de klant, wij bouwen op de achtergrond. Meer daarover lees je op onze pagina voor webbureaus.
Je ontwerp laten omzetten?
Heb je een ontwerp klaarliggen of wil je je huidige website op een nieuwe basis zetten? Lees hoe we werken bij Elementor website laten maken, of stuur ons het ontwerp voor een inschatting via offerte aanvragen.
