Hoe exporteer en importeer ik een specifieke Elementor-pagina in WordPress?

Het overzetten van een ontwerp van de ene site naar de andere zou niet moeten voelen alsof je alles helemaal opnieuw moet opbouwen. Met Elementor is het eenvoudig om prachtige lay-outs te ontwerpen, maar veel gebruikers ondervinden problemen wanneer ze slechts één pagina in plaats van de hele website moeten overzetten.

Het goede nieuws is dat met Elementor specifieke pagina's met slechts een paar klikken kunt exporteren en importeren.

In deze handleiding leer je de eenvoudigste manier om je ontwerpen tussen WordPress-sites te verplaatsen, met behoud van lay-out, stijl en inhoud.

Kort samengevat: verplaats je ontwerpen binnen enkele minuten tussen websites

• Exporteer elke lay-out door deze op te slaan als sjabloon. Het resultaat is een .json-bestand dat je kunt hergebruiken op een andere WordPress-website.

• Importeer het bestand via het gedeelte 'Sjablonen' en voeg het vervolgens in op een willekeurige pagina met behulp van de Elementor-editor.

• Bespaar tijd door secties te exporteren, lay-outs op meerdere websites te hergebruiken of complete sjabloonpakketten over te zetten.

• Voorkom problemen door een back-up van uw site te maken, import- en exportinstellingen in te schakelen en de limieten voor bestandsgrootte of de compatibiliteit van plug-ins te controleren.

Voorbereiding vóór het exporteren en importeren

Voordat u zich stort op de export- en importprocessen, is het cruciaal om uw website goed voor te bereiden. Een paar voorzorgsmaatregelen zorgen ervoor dat het proces soepel verloopt en helpen potentiële problemen achteraf te voorkomen.

Maak een back-up van uw website

Een back-up van je website maken is een vangnet waarmee je je site kunt herstellen naar de vorige staat als er iets misgaat tijdens het importeren/exporteren. Er zijn verschillende plugins die je kunnen helpen bij het maken van een back-up van je site:

• BlogVault : Dit is een van de populairste back-upplug-ins waarmee je je back-ups in de cloud kunt opslaan.

• Alles-in-één WP-migratie back-ups maken en zelfs uw hele WordPress-site exporteren met slechts een paar klikken.

• Ingebouwde back-ups van Kinsta Kinsta gebruikt , worden er dagelijks automatisch back-ups van uw website gemaakt, zodat deze veilig blijft.

Volg deze stappen om een ​​handmatige back-up te maken:

• Ga naar WP-beheer ⟶ Hulpmiddelen ⟶ Back-ups.

• Kies de optie om een ​​nieuwe back-up te maken, en de plugin regelt de rest.

Schakel de import-/exportfuncties van Elementor in

Elementor-sjablonen en -pagina's exporteren en importeren

Om het te activeren:

• Ga in je WordPress-dashboard naar Elementor ⟶ Instellingen ⟶ Experimenten.

• U vindt de optie 'Import Export Template Kit' onder 'Stabiele functies'.

• Wijzig de instelling van Standaard naar Actief en klik op Wijzigingen opslaan.

Nu bent u helemaal klaar om uw Elementor-pagina te exporteren en importeren

Stappen om een ​​specifieke Elementor-pagina te exporteren

Het exporteren van een pagina van de ene site om deze op een andere te hergebruiken is ongelooflijk eenvoudig met de exportfunctie van Elementor. Hieronder vindt u een stapsgewijze handleiding om u te helpen bij het exporteren van een Elementor-pagina:

Stap 1: Open de Elementor-pagina-editor

Zoek eerst de pagina op die u wilt exporteren:

• in je WordPress-beheerpaneel naar Pagina's of Berichten, afhankelijk van het type inhoud.

• Zoek de pagina die je wilt exporteren en klik op 'Bewerken met Elementor' om de pagina in de Elementor-editor te openen.

Stap 2: Sla de pagina op als sjabloon

Om een ​​pagina te exporteren, moet je deze eerst opslaan als sjabloon in de Elementor-bibliotheek. Zo doe je dat:

• Zodra de pagina in Elementor is geopend, zoek je de groene knop 'Bijwerken/Publiceren' onderaan de Elementor-zijbalk.

• Klik op het kleine pijltje naast de knop Bijwerken/Publiceren.

• Kies in het下拉菜单 (dropdownmenu) 'Opslaan als sjabloon'.

• Er verschijnt een pop-up waarin u de sjabloon een naam kunt geven. Zorg ervoor dat u een beschrijvende naam gebruikt (bijvoorbeeld 'Landingspagina voor XYZ' of 'Contactpagina'), zodat u de sjabloon later gemakkelijk kunt terugvinden.

Nadat je de naam hebt ingevoerd, klik je op Opslaan.

Stap 3: Exporteer de opgeslagen sjabloon

Nu uw pagina als sjabloon is opgeslagen, kunt u deze stappen volgen om de pagina te exporteren:

• Ga vanuit je WordPress-dashboard naar Elementor ⟶ Sjablonen ⟶ Opgeslagen sjablonen.

• In dit gedeelte ziet u alle sjablonen die u hebt opgeslagen. Zoek het sjabloon dat u zojuist hebt gemaakt.

• Beweeg de muis over de sjabloon en er verschijnt een optie 'Sjabloon exporteren'. Klik hierop.

• Elementor downloadt de template automatisch als een .json-bestand naar je computer.

Je Elementor-pagina is nu succesvol geëxporteerd en opgeslagen als een .json-bestand dat je op een andere website kunt gebruiken.

Ontdek : Hoe los je de foutmelding "Media importeren mislukt" in WordPress op?

Stappen om een ​​specifieke Elementor-pagina te importeren

Nadat je de Elementor-pagina hebt geëxporteerd, kun je deze importeren in elke andere WordPress-site die Elementor gebruikt. Zo doe je dat:

Stap 1: Open Elementor op de nieuwe site

Log in op het WordPress-dashboard van de site waar je de Elementor-pagina wilt importeren.

• Ga naar Elementor ⟶ Sjablonen ⟶ Opgeslagen sjablonen.

• Bovenaan deze pagina ziet u een knop 'Sjablonen importeren'. Klik hierop om het importproces te starten.

Leer hoe je Elementor kunt repareren als het vastloopt op het laadscherm.

Stap 2: Upload de geëxporteerde sjabloon

Nu moet je het .json-bestand uploaden dat je eerder hebt geëxporteerd:

• In het scherm 'Sjablonen importeren' kunt u het .json-bestand slepen en neerzetten, of op 'Bestand selecteren' klikken om het handmatig vanaf uw computer te uploaden.

• Zodra de template is geüpload, wordt deze toegevoegd aan je Elementor-bibliotheek .

Stap 3: De geïmporteerde sjabloon toepassen op een pagina

Nu de sjabloon is geïmporteerd, kunt u deze op elke pagina van uw nieuwe WordPress-website gebruiken. Zo doet u dat:

• Open de pagina waar je de geïmporteerde sjabloon wilt toepassen en klik vervolgens op 'Bewerken met Elementor'.

• Klik in de Elementor-editor op het pictogram 'Sjabloon toevoegen' (weergegeven als een witte map).

• Ga naar het tabblad 'Mijn sjablonen', daar vindt u het geïmporteerde sjabloon.

• Klik op 'Invoegen' naast de geïmporteerde sjabloon en deze wordt op de pagina toegepast.

Je kunt de pagina nu naar wens aanpassen aan de huisstijl en inhoud van je nieuwe website.

Bekijk ook : Beste WordPress-importplugins

Geavanceerde tips voor het exporteren en importeren van Elementor-pagina's

Bij het werken met Elementor kan het exporteren en importeren van pagina's een krachtig hulpmiddel zijn om je workflow te stroomlijnen, met name voor WordPress-ontwerpers en -ontwikkelaars die aan meerdere projecten werken.

Hieronder vindt u enkele geavanceerde tips om de efficiëntie van deze functie te maximaliseren.

Exporteren en importeren van specifieke onderdelen

Soms hoeft u niet een hele pagina te exporteren, maar slechts een specifiek gedeelte ervan, zoals een op maat gemaakte header , footer of call-to-action (CTA)-blok.

Met Elementor kun je afzonderlijke secties opslaan en exporteren, die je vervolgens kunt importeren en hergebruiken op meerdere WordPress-websites of -pagina's zonder de hele pagina over te zetten.

Hoe exporteer ik een specifiek gedeelte?

Klik in de Elementor-editor met de rechtermuisknop op het gedeelte dat u wilt exporteren.

• Selecteer 'Opslaan als sjabloon'.

• Geef de sectie een naam en deze wordt opgeslagen in je Elementor-bibliotheek.

Volg dezelfde exportprocedure als voor een volledige pagina: ga naar Elementor ⟶ Sjablonen ⟶ Opgeslagen sjablonen in je WordPress-dashboard en exporteer vervolgens de sectiesjabloon.

Gerelateerd : Hoe los je het probleem op dat het widgetpaneel niet laadt in Elementor?

Hoe importeer ik een specifiek onderdeel?

Net als bij het importeren van volledige pagina's, ga je in de nieuwe website naar Elementor ⟶ Sjablonen ⟶ Opgeslagen sjablonen.

• Importeer het .json-bestand en open de betreffende sectie via het tabblad 'Mijn sjablonen' in de Elementor-editor.

• Je kunt dat gedeelte nu in elke pagina invoegen door 'Sjabloon toevoegen' te selecteren in de Elementor-editor.

Hierdoor kunt u veelgebruikte elementen, zoals voetteksten of hero-secties, in meerdere projecten hergebruiken, wat de consistentie vergroot en tijd bespaart.

Meer weten : WebP versus PNG

Hergebruik op meerdere locaties

Als ontwikkelaar of ontwerper die meerdere websites beheert, is het exporteren en importeren van Elementor-templates een krachtige manier om de ontwerpconsistentie tussen projecten te waarborgen. Bijvoorbeeld:

• Ontwerpbureaus : U kunt aangepaste paginasjablonen maken, zoals landingspagina's, contactformulieren of prijstabellen voor klanten, en deze eenvoudig hergebruiken op meerdere websites. Dit bespaart niet alleen tijd, maar zorgt ook voor merkconsistentie.

• Bedrijfseigenaren met meerdere websites : Als u meerdere websites beheert voor verschillende vestigingen van uw bedrijf of diensten, zorgt het hergebruiken van paginasjablonen voor een consistente stijl en lay-out , waardoor een samenhangende merkbeleving ontstaat op al uw online platforms.

Deze functie is vooral waardevol voor netwerken met meerdere websites, waar u pagina's snel wilt kopiëren naar verschillende subwebsites, terwijl u de individuele inhoud gescheiden wilt houden.

Als u bovendien regelmatig klantwebsites opnieuw ontwerpt

Ontdek hoe je je Elementor-website efficiënt kunt optimaliseren .

Ga voorzichtig om met grote bestanden en media

Bij het exporteren van pagina's of secties die grote afbeeldingen, video's of omvangrijke ontwerpelementen , is het belangrijk ervoor te zorgen dat uw WordPress-installatie en server correct zijn geconfigureerd om grotere bestanden te verwerken.

Overwegingen met betrekking tot bestandsgrootte : Elementor exporteert alle elementen die aan een pagina zijn gekoppeld (bijv. afbeeldingen, pictogrammen, lettertypen), waardoor de bestandsgrootte snel kan toenemen als je te maken hebt met pagina's die veel media bevatten.

Sommige webhostingproviders hanteren strikte limieten voor de maximale bestandsgrootte bij het uploaden. Mogelijk moet u de maximale uploadgrootte verhogen door de instellingen in het php.ini-bestand aan te passen of contact op te nemen met uw hostingprovider om de limiet tijdelijk op te heffen.

De limiet voor het uploaden van bestanden verhogen : Om de limiet voor het uploaden van bestanden via PHP te verhogen , kunt u uw php.ini -bestand bewerken of uw hostingprovider om hulp vragen. Een typische configuratie ziet er als volgt uit:

• upload_max_filesize = 64M
• post_max_size = 64M
• memory_limit = 128M

.htaccess- van uw website :

• php_value upload_max_filesize 64M
• php_value post_max_size 64M
• php_value memory_limit 128M

Dit zorgt ervoor dat grotere Elementor-exportbestanden (die mogelijk media met een hoge resolutie bevatten) succesvol kunnen worden geïmporteerd.

Gerelateerd: Hoe u de PHP-versie van WordPress kunt bijwerken

Gebruik kopiëren en plakken tussen domeinen (Happy Addons Pro & Mighty Addons voor Elementor)

Als u meerdere Elementor-websites beheert, bieden add-ons zoals Happy Addons Pro en Mighty Addons for Elementor geavanceerde functionaliteit voor kopiëren en plakken tussen verschillende domeinen.

Hiermee kunt u snel elk onderdeel, widget of zelfs complete pagina's van het ene domein kopiëren en direct in een ander domein plakken, zonder het volledige export-/importproces te hoeven doorlopen.

Met Happy Addons Pro kunt u:

• Kopieer gedeelten of elementen van de ene Elementor-website en plak ze direct in een ander domein.
• Beheer eenvoudig de consistentie van het ontwerp in meerdere projecten, waardoor u aanzienlijk tijd bespaart op repetitieve taken.

Mighty Addons voor Elementor biedt:

• Contentoverdracht tussen verschillende domeinen.
• Voorgeprogrammeerde sjabloonpakketten voor diverse branches zoals e-commerce, fitness en horeca.

Met deze tools wordt het overzetten van ontwerpen tussen projecten nog sneller en efficiënter, vooral voor ontwikkelaars die aan meerdere websites tegelijk werken.

Gerelateerd : WordPress-debuggingtools voor het oplossen van problemen

Exporteer en importeer complete sjabloonpakketten

Als je aan grootschalige projecten werkt en meerdere pagina's, secties en site-instellingen moet overzetten, de Template Kit- functie van Elementor complete templatekits exporteren en importeren.

Hoe exporteer je een complete sjabloonkit?:

Ga naar Elementor ⟶ Tools ⟶ Import/Export Kit in je WordPress-dashboard.

• Klik op Exporteren starten en kies of u alle sjablonen, inhoud en site-instellingen wilt meenemen.

• Zodra het exportproces is voltooid, kunt u het .zip-bestand met uw kit downloaden.

Hoe importeer je een complete sjabloonkit?:

Ga op de nieuwe site naar Elementor ⟶ Tools ⟶ Import/Export Kit.

Klik op 'Import starten', upload het .zip-bestand en kies welke elementen (bijv. sjablonen, inhoud, site-instellingen) u wilt importeren.

Templatekits zijn vooral handig voor webdesignbureaus die regelmatig standaardlay-outs bouwen en implementeren op meerdere websites.

Je kunt alle essentiële onderdelen, kopteksten, voetteksten, algemene instellingen en meer exporteren, waardoor je tijd bespaart bij het starten van nieuwe projecten.

Ontdek : De beste WordPress-webdesignbureaus

Veelvoorkomende problemen tijdens het export-/importproces en hoe u deze kunt oplossen

Hoewel het export-/importproces eenvoudig is, kunnen er zich enkele potentiële problemen voordoen. Hieronder vindt u een aantal veelvoorkomende fouten en hun oplossingen :

Foutmelding 'Ongeldig bestand' : Als u een foutmelding 'Ongeldig bestand' krijgt tijdens het importeren van een sjabloon, betekent dit meestal dat het bestand is gemaakt met een andere (waarschijnlijk oudere) versie van Elementor. Zo kunt u dit probleem oplossen:

• Schakel tijdelijk over naar een oudere versie van Elementor die overeenkomt met de versie die is gebruikt om de sjabloon te maken.

• Zodra de sjabloon succesvol is geïmporteerd, schakelt u terug naar de nieuwste versie van Elementor.

Je kunt plugins zoals Easy Theme en Plugin Upgrades om eenvoudig te wisselen tussen verschillende versies van Elementor.

Leer meer over : De ultieme gids voor WordPress-foutlogboeken

Bestaande sjablonen vervangen : Tijdens het importproces vraagt ​​Elementor of u bestaande sjablonen met dezelfde naam wilt vervangen.

Wees voorzichtig wanneer u dit doet, want het kan bestaande ontwerpen op uw site overschrijven. Controleer altijd de namen van de sjablonen die u importeert en exporteert om conflicten te voorkomen.

Waarschuwing bij het importeren van SVG-bestanden : Als uw sjabloon SVG-bestanden (vaak gebruikt voor pictogrammen), kan WordPress u waarschuwen voor beveiligingsrisico 's bij het importeren ervan.

Om dit op te lossen, schakel je het uploaden van bestanden zonder filter in door het volgende toe te voegen aan je wp-config.php-bestand:

define('ALLOW_UNFILTERED_UPLOADS', true);

Hierdoor kan Elementor probleemloos SVG-bestanden importeren.

Conclusie

De mogelijkheid om specifieke Elementor-pagina's te exporteren en importeren in WordPress-websites is een gamechanger en maakt je workflow efficiënter.

Of je nu aan een complete website werkt, pagina's migreert naar een bestaande installatie of lay-outs hergebruikt voor een bestaande website, deze functie bespaart je waardevolle tijd en moeite.

Door de bovenstaande stapsgewijze handleiding te volgen, kunt u ontwerpen probleemloos onder dezelfde omstandigheden verplaatsen, ongeacht of u de gratis of de betaalde versie van Elementor gebruikt.

Inzicht in de kitinformatie zorgt ervoor dat alles soepel verloopt, vooral wanneer je met hetzelfde sjabloon of thema werkt.

Profiteer van deze krachtige functie, stroomlijn je workflow, maximaliseer de efficiëntie en til je Elementor Pro-ervaring vandaag nog naar een hoger niveau!

Veelgestelde vragen over Elementor-pagina's in WordPress