Een introductie tot WordPress Elementor<\/h2>\n
In de begindagen van internet vereiste het maken van een website geavanceerde vaardigheden op het gebied van webontwikkeling en ontwerp<\/a>, of het hebben een gespecialiseerd team. Dit betekende dat het bouwen van een website tijdrovend, vaak frustrerend en mogelijk duur was.<\/p>\n Dankzij moderne paginabuilders<\/a> kun je nu een professioneel ontworpen<\/a>, goed presterende website<\/a> maken zonder specialistische vaardigheden. Zodra je site in de lucht is, kun je op elk gewenst moment snel en eenvoudig content toevoegen of de lay-out wijzigen, zelfs als je geen programmeur bent<\/a>.<\/p>\n Er zijn verschillende WordPress paginabuilders, maar met meer dan vijf miljoen actieve installaties<\/a> is de Elementor plugin<\/a> een van de meest populaire. Met Elementor<\/a> kun je alles maken, van hele websites tot losse landingspagina’s<\/a> via een intu\u00eftieve drag-and-drop editor.<\/p>\n Met Elementor kun je alle aspecten van het ontwerp van je site beheren via \u00e9\u00e9n enkel platform. Zo kan je website je branding perfect weerspiegelen<\/a>.<\/p>\n De intu\u00eftieve, codevrije editor van Elementor is vooral populair bij website-eigenaren die geen ervaring hebben met ontwerpen en ontwikkelen. Het is ook zeer geschikt voor ondernemers en kleine bedrijven<\/a> met een goed idee voor een online onderneming, maar niet per se het geld hebben om een \u200b\u200bspeciaal ontwerp- of ontwikkelingsteam in te huren.<\/p>\n Zelfs als je een ervaren professional bent, zijn er genoeg redenen om Elementor te gebruiken. Alleen omdat je codeervaardigheden hebt, wil nog niet zeggen dat het verstandig is om altijd alles helemaal opnieuw te maken.<\/p>\n Elementor heeft tal van features om je te helpen strakke websites in minder tijd te bouwen. Je vindt er bovendien meer dan 90 kant-en-klare widgets<\/a> en professioneel ontworpen webtemplates<\/a>.<\/p>\n Op deze manier kan Elementor je productiviteit en je winst verhogen. Deze tijdbesparende features kunnen bijzonder lucratief zijn als je regelmatig WordPress websites bouwt (d.w.z. voor freelance ontwikkelaars<\/a> en WordPress bureaus<\/a>).<\/p>\n\n Elementor is “freemium” software. Je kunt de kern Elementor plugin gratis downloaden<\/a> of een Elementor Pro<\/a> licentie aanschaffen.<\/p>\n De gratis WordPress plugin wordt geleverd met alles wat je nodig hebt om visueel aantrekkelijke verkooppagina’s, productvermeldingen<\/a>, zakelijke websites<\/a> en meer te bouwen. Het bevat meer dan 40 widgets, 100 templates en 300+ blokken. Blokken zijn vooraf ontworpen sectietemplates die je kunt mixen en matchen om unieke ontwerpen te maken.<\/p>\n Als je meer geavanceerde functionaliteit wilt, kun je Elementor Pro aanschaffen. Dit ontgrendelt een aantal extra widgets, samen met Elementor’s Theme Builder<\/a>.<\/p>\n Met de Theme Builder kun je bijna elk site-element bewerken, inclusief de header en footer. Je kunt ook aangepaste ontwerpen voor post- en archiefpagina’s maken.<\/p>\n Als je een online winkel ontwikkelt, bevat Elementor Pro ook een WooCommerce Builder<\/a>. Je kunt dit gebruiken om de WooCommerce content van je site aan te passen, inclusief de productpagina, het productarchief en de afrekenpagina. Je krijgt ook toegang tot widgets die expliciet zijn ontworpen om conversies te stimuleren, zoals Custom Add To Cart<\/a>, Upsells <\/a>en Product Related<\/a>.<\/p>\n Elementor Pro wordt ook geleverd met een Popup Builder<\/a> en een Form Builder<\/a>. Hoewel er afzonderlijke plugins zijn waarmee je formulieren<\/a> en popups kunt maken, kun je door te kiezen voor Elementor, het aantal plugins dat je moet installeren en onderhouden, minimaliseren.<\/p>\n Het gebruik van te veel plugins kan je site kwetsbaarder maken voor hackers<\/a>. Het kan zelfs van invloed zijn op de prestaties van je website<\/a>. Het is dus een best practice om het aantal dat je hebt ge\u00efnstalleerd te minimaliseren. Aangezien je alle elementen van je site met hetzelfde platform ontwerpt, zou het bovendien makkelijker moeten zijn om een \u200b\u200bconsistent uiterlijk te krijgen.<\/p>\n De Elementor Pro licenties omvatten toegang tot meer dan 60 pro-websitekits. Dit zijn bundels van templates, pagina’s, popups en andere componenten die je kunnen helpen bij het maken van een complete website. Als je een Expert licentie of hoger aanschaft, krijg je ook toegang tot 20 expert websitekits.<\/p>\n Bovendien bevat elke Pro licentie premium ondersteuning. Doorgaans ontvang je binnen \u00e9\u00e9n dag antwoord van het gespecialiseerde ondersteuningsteam van Elementor. Als je echter kiest voor Elementor Pro Studio of hoger, word je ge\u00fcpgraded naar VIP ondersteuning. Hiermee kun je deelnemen aan livechats met het VIP ondersteuningsteam van Elementor. Je krijgt daarnaast prioriteitsreacties op je tickets, die meestal binnen 30 minuten aankomen.<\/p>\n Als je een bureau, ontwikkelaar of ontwerper bent, ben je wellicht ge\u00efnteresseerd in een Experts Network<\/a> profiel. Daar kun je je werk laten zien en de aandacht trekken van potenti\u00eble klanten.<\/p>\n En als je ge\u00efnteresseerd bent in adverteren via het Experts Network, heb je wellicht ook interesse in de Expert, Studio of Agency licenties van Elementor Pro. Deze licenties geven je het recht om een \u200b\u200bprofiel aan te maken op deze populaire marktplaats.<\/p>\n Elementor Pro abonnementen vari\u00ebren van $49 tot $999 per jaar<\/a>. Het bedrijf biedt ook een geld-terug-garantie van 30 dagen, zodat je het kunt proberen voordat je het koopt.<\/p>\n Omdat het een WordPress plugin is, is het installeren van Elementor<\/a> snel en eenvoudig. Je kunt de gratis plugin<\/a> rechtstreeks downloaden vanaf je WordPress dashboard.<\/p>\n Om de gratis versie te downloaden, ga je naar Plugins > Add New<\/strong>. Typ Elementor<\/strong> in het zoekveld. Wanneer de plugin verschijnt, klik je op Install Now<\/strong>.<\/p>\n Klik wanneer gevraagd op Activate<\/strong>. De plugin voegt een Elementor<\/strong> optie toe aan je WordPress zijbalk.<\/p>\n Je bent nu klaar om Elementor te gebruiken! Om aan de slag te gaan, klik je eenvoudig op de Elementor optie in de zijbalk.<\/p>\n Als alternatief kun je de Elementor plugin rechtstreeks downloaden vanuit de WordPress repository. Log vervolgens in op je WordPress dashboard en navigeer naar Plugins > Add New > Upload Plugin<\/strong>. Je kunt vervolgens op Choose File <\/strong>klikken en het Elementor .zip<\/em> bestand selecteren dat je zojuist hebt gedownload.<\/p>\n Er zijn twee manieren om Elementor Pro met WordPress te verbinden. Als je nog geen Elementor Pro licentie hebt gekocht, moet je naar de offici\u00eble website gaan en Get Started<\/strong> selecteren.<\/p>\n Je kunt dan de instructies op het scherm volgen om een \u200b\u200bElementor account aan te maken. Voer wanneer gevraagd wat informatie in over het soort website dat je wilt maken.<\/p>\n Kies vervolgens het abonnement dat je wilt kopen. Omdat Elementor een actieve WordPress website vereist, moet je het domein van je site invoeren. Elementor voert vervolgens een controle uit om te verifi\u00ebren dat je site het WordPress platform gebruikt.<\/p>\n Ervan uitgaande dat je een actieve WordPress website hebt, is de volgende stap het klikken op Install Elementor<\/strong>. Je wordt automatisch doorgestuurd naar de Elementor pluginpagina als je momenteel bent ingelogd op je site.<\/p>\n Wanneer gevraagd, klik op\u00a0Install Now > Activate<\/strong>. Elementor zal dan de paginabuilderplugin aan je site toevoegen.<\/p>\n Als je al een Elementor Pro licentie hebt gekocht, kun je ook naar de offici\u00eble website gaan en inloggen met de gegevens die je in je bevestigingsmail hebt ontvangen.<\/p>\n Selecteer in je Elementor account \u00a0Subscriptions\u00a0<\/strong>in het menu aan de linkerkant. Je kunt dan klikken op\u00a0Download Zip.<\/strong><\/p>\n Log vervolgens in op je WordPress dashboard en navigeer naar Plugins > Add New<\/strong>. Je kunt dan het Elementor Pro .zip<\/em> bestand uploaden dat je zojuist hebt gedownload.<\/p>\n Na het installeren en activeren van Elementor Pro, zou WordPress je moeten vragen om je licentiesleutel in te voeren. Als alternatief kun je navigeren naar\u00a0Elementor > License > Connect & Activate<\/strong>.<\/p>\n WordPress zou je licentie automatisch moeten verifi\u00ebren als je momenteel bent ingelogd op je Elementor account. Als dat niet het geval is, voer je je Elementor gebruikersnaam en wachtwoord in wanneer het wordt gevraagd om je licentie te activeren.<\/p>\n Met Elementor kun je unieke websites ontwerpen zonder speciale ontwerp- of ontwikkelingsvaardigheden. Het helpt echter om jezelf vertrouwd te maken met de basisprincipes voordat je een volledige website bouwt. Hier is een korte introductie tot de Elementor workflow met dat in gedachten.<\/p>\n Om een \u200b\u200bnieuwe pagina of bericht in de Elementor paginabuilder te ontwerpen, navigeer je naar Pages\/Posts > Add New<\/strong>. Je kunt de Elementor editor starten door op Edit with Elementor <\/strong>te klikken.<\/p>\n Als alternatief kun je een bestaande pagina hebben die baat kan hebben bij een make-over. Navigeer eenvoudig naar de betreffende pagina en open deze voor bewerking in dit scenario. Je kunt vervolgens op de Edit with Elementor<\/strong> knop klikken.<\/p>\n Aan de linkerkant van het scherm zie je de Elementor zijbalk. Hier vind je alle elementen die je aan je ontwerpen kunt toevoegen, zoals knoppen en koppen.<\/p>\n De Elementor zijbalk bevat ook een sectie Global Widgets<\/strong>. Als je van plan bent dezelfde widget voor meerdere ontwerpen opnieuw te gebruiken, kun je deze opslaan als een algemene widget. Hierdoor is je custom element op elk moment makkelijk toegankelijk. Het biedt ook een centrale locatie waar je je\u00a0 widget \u00e9\u00e9n keer kunt bewerken om universele wijzigingen aan te brengen. Elementor repliceert deze wijzigingen vervolgens op je hele website.<\/p>\n Aan de rechterkant is het live preview canvas, waar je je ontwerp kunt maken. Elementor wordt automatisch bijgewerkt om je wijzigingen in realtime weer te geven terwijl je je bewerkingen maakt.<\/p>\n De Elementor editor biedt toegang tot drie hoofdbouwstenen: secties, kolommen en widgets. We hebben de kant-en-klare widgets van Elementor al besproken, dus laten we eens kijken hoe je ze aan je ontwerpen kunt toevoegen.<\/p>\n Meestal begin je met het maken van een sectie door op het +<\/strong> pictogram in het hoofdvenster te klikken. Elementor zal je dan vragen om Select Your Structure.<\/strong><\/p>\n Structuuropties bestaan \u200b\u200buit een of meer kolommen. Uiteindelijk plaats je je widget in deze kolommen. Ze spelen een belangrijke rol bij het cre\u00ebren van meer georganiseerde lay-outs.<\/p>\n Nadat je je beslissing hebt genomen, zal Elementor deze sectie aan je lay-out toevoegen. Om deze sectie naar een nieuwe locatie te verplaatsen, klik je erop en pak je de gestippelde blauwe hendel die verschijnt.<\/p>\n Om een \u200b\u200bsectie te bewerken, klik je gewoon met de Control-klik ingedrukt op deze gestippelde blauwe hendel. Hierdoor wordt een contextmenu geopend waarin je eenvoudige wijzigingen kunt aanbrengen, zoals het kopi\u00ebren of verwijderen van de geselecteerde sectie.<\/p>\n Stel dat je complexere bewerkingen wilt maken, Control-klik op de blauwe hendel en selecteer Edit Section<\/strong>. De zijbalk van Elementor wordt nu bijgewerkt om alle aanvullende wijzigingen weer te geven die je in deze sectie kunt aanbrengen.<\/p>\n Je kunt ook widgets aan deze sectie toevoegen. Zoek in de zijbalk van Elementor de widget die je wilt gebruiken en sleep deze naar het hoofdvenster.<\/p>\n Terwijl je de widget sleept, markeert Elementor alle verschillende secties en kolommen waar je dit item kunt neerzetten. Als je klaar bent, laat je gewoon je muis los. Elementor zal deze widget nu toevoegen aan de door jou gekozen sectie.<\/p>\n Je kunt Elementor gebruiken om je site-brede instellingen te bewerken. Dit omvat het wijzigen van het standaardlettertype<\/a> en de HTML kleuren<\/a>. Je kunt ook de randen en schaduwen wijzigen die WordPress toevoegt aan elementen, zoals de afbeeldingen van je site.<\/p>\n Door deze instellingen op siteniveau aan te passen, kun je zorgen voor een consistent uiterlijk op je hele WordPress website. Dit proces is ook aanzienlijk sneller en makkelijker dan deze wijzigingen pagina voor pagina toe te passen. Om de beschikbare site-instellingen te bekijken, klik je op het hamburgermenu in de Elementor zijbalk.<\/p>\n Je kunt nu je opties verkennen en de nodige wijzigingen aanbrengen. Wanneer je klaar bent om je nieuwe site-instellingen te publiceren, klik je op de knop Update<\/strong>\u00a0helemaal onderaan de Elementor zijbalk.<\/p>\n Terwijl je je ontwerpen aan het bewerken bent, neemt Elementor stilletjes je wijzigingen op. Je kunt je bewerkingen makkelijk terugtrekken, wat je leven kan redden als je je realiseert dat je een fout hebt gemaakt.<\/p>\n Het geschiedenislogboek van Elementor geeft je ook de vrijheid om te experimenteren. Je kunt verschillende wijzigingen uitproberen en deze vervolgens snel verwijderen. Door je aan te moedigen om te experimenteren, kan Elementor de kwaliteit van je voltooide ontwerpen<\/a> verbeteren.<\/p>\n Om het logboek van Elementor te bekijken, klik je op het \u00a0History <\/strong>pictogram onder aan de zijbalk. Het Actions <\/strong>tabblad registreert elke wijziging die je in Elementor aanbrengt. Dit kan van alles zijn, van het maken van een nieuwe sectie tot het bewerken van bestaande tekst:<\/p>\n Elke keer dat je op Save<\/strong> drukt, neemt Elementor de huidige versie van je pagina op als een nieuwe revisie. Je kunt al deze snapshots bekijken op het Revisions <\/strong>tabblad. Als je naar een eerdere opslag wilt terugkeren, zoek je deze eenvoudig op in de Revisions<\/strong>\u00a0lijst en klik je erop.<\/p>\n Nu je bekend bent met de essenti\u00eble Elementor workflow, gaan we kijken hoe je deze knowhow kunt gebruiken om nieuwe pagina’s te ontwerpen. Eerst bespreken we het maken van een standaard WordPress pagina met behulp van de gratis Elementor plugin. Vervolgens bekijken we hoe je een hoog converterende productpagina kunt ontwikkelen met WooCommerce en Elementor Pro.<\/p>\n Elke webpagina is anders. Er zijn echter enkele gemeenschappelijke elementen die je op verschillende sites zult aantreffen. Denk hierbij aan headers, hoofdtekst en media zoals afbeeldingen<\/a>. Laten we eens kijken hoe je een pagina kunt maken met deze essenti\u00eble componenten.<\/p>\n Maak om te beginnen een nieuwe pagina door te navigeren naar \u00a0Pages > Add New > Edit with Elementor<\/strong>. Voeg vervolgens een sectie toe aan je ontwerp door op het +<\/strong> pictogram te klikken. We beginnen met onze kop, dus we willen kiezen voor een lay-out met \u00e9\u00e9n kolom.<\/p>\n Zoek in de Elementor zijbalk de Heading widget. Sleep deze widget nu naar je nieuwe sectie. Je kunt vervolgens je headertekst in de Elementor zijbalk typen en verschillende instellingen gebruiken om je titel op te maken.<\/p>\n Klik vervolgens op het +<\/strong> pictogram om een \u200b\u200btweede sectie toe te voegen. We gaan een afbeelding insluiten en vervolgens wat ondersteunende tekst geven, dus nu kiezen we voor een lay-out met meerdere kolommen.<\/p>\n Sleep vervolgens de widget Tekst Editor uit de zijbalk van Elementor en zet deze neer in deze nieuwe sectie. Je kunt vervolgens je tekst toevoegen en opmaken met behulp van de zijbalkinstellingen.<\/p>\n Als je tevreden bent met je tekst, zoek je de afbeeldingswidget. Gebruik nogmaals drag and drop om deze widget aan je sectie toe te voegen.<\/p>\n Klik in de zijbalk op de preview thumbnail. Je kunt nu de WordPress Media Library gebruiken om een \u200b\u200bnieuwe afbeelding te uploaden of een eerder ge\u00fcploade afbeelding te kiezen.<\/p>\n Om je ontwerp in actie te zien, klik je op het oogpictogram onder aan de Elementor zijbalk. Hiermee wordt een preview van je paginalay-out weergegeven op een nieuw tabblad.<\/p>\n Als je tevreden bent met je ontwerp, klik je op de Publish<\/strong> knop . Merk op dat als je pagina al live is, deze knop je\u00a0 in plaats daarvan zal vragen om bij te werken.<\/strong><\/p>\n Als je een WooCommerce winkel<\/a> hebt, kun je Elementor Pro gebruiken om een \u200b\u200baangepaste productpagina te maken. Dit kan inhouden dat de voorraad WooCommerce pagina moet worden aangepast om de branding van je site beter weer te geven. Je kunt ook proberen je pagina te optimaliseren om meer conversies te genereren.<\/p>\n Om een \u200b\u200baangepaste WooCommerce productpagina te ontwerpen, selecteer je Templates <\/strong>in het WordPress dashboard. Klik vervolgens op de Add New<\/strong> knop. Open in het volgende venster het eerste dropdownmenu en selecteer Single Product<\/strong>.<\/p>\n Geef je nieuwe template een beschrijvende naam en klik op Create Template<\/strong>. Hiermee wordt de Elementor bibliotheek gestart met alle beschikbare ontwerpen voor \u00e9\u00e9n product.<\/p>\n Om een \u200b\u200btemplate van dichterbij te bekijken, plaats je de muisaanwijzer erop en klik je op het vergrootglaspictogram wanneer het verschijnt. Als je dit ontwerp wilt toepassen op je winkel, klik je op Insert<\/strong>.<\/p>\n De templates van Elementor bevatten een reeks kant-en-klare componenten. Om een \u200b\u200bvan deze elementen te bewerken, klik je erop. De Elementor zijbalk wordt bijgewerkt om alle instellingen voor dat specifieke item weer te geven.<\/p>\n Elementor Pro biedt een reeks WooCommerce widgets<\/a> die je aan je ontwerpen kunt toevoegen. Scroll naar de WooCommerce<\/strong> of Product <\/strong>secties in de Elementor zijbalk om te zien wat er beschikbaar is.<\/p>\n Deze secties bevatten widgets met geavanceerde ingebouwde functionaliteit, zoals WooCommerce Breadcrumbs<\/a>, Cart en Checkout. Om deze elementen aan je ontwerp toe te voegen, sleep je ze eenvoudig naar het Elementor canvas en laat je ze los. Je kunt de widget vervolgens neerzetten in de sectie waar je deze content wilt weergeven.<\/p>\n Als je tevreden bent met je ontwerp, klik je op Publish<\/strong>. Je kunt vervolgens Add Condition<\/strong> selecteren en de gebieden specificeren waar je dit ontwerp wilt gebruiken. Je kunt deze template bijvoorbeeld toepassen op een specifieke productcategorie of deze in je hele winkel gebruiken.<\/p>\n Elementor templates zijn vooraf ontworpen pagina’s en blokken die het maken van websites vereenvoudigen. Pagina’s zijn lay-outs met volledige content, terwijl blokken secties zijn die vooraf gemaakte widgets bevatten. Enkele populaire voorbeelden van blokken zijn headers en footers, recensies en getuigenissen<\/a>, en veelgestelde vragen (FAQ’s)<\/a>.<\/p>\n De gratis Elementor plugin wordt geleverd met meer dan 100 paginagrote templates en meer dan 300 blokken. Als je een upgrade naar Elementor Pro uitvoert, krijg je toegang tot enkele extra opties.<\/p>\n Klik op het Add Template pictogram om een \u200b\u200btemplate toe te passen op je huidige ontwerp. Deze knop zou moeten verschijnen als onderdeel van elk sectieblok en wordt weergegeven door een witte map. Hiermee wordt de Elementor bibliotheek gestart.<\/p>\n Hier vind je\u00a0 alle blok- en paginatemplates die je op je pagina kunt toepassen. Je kunt een preview van een template bekijken door erover te bewegen en op het vergrootglaspictogram te klikken.<\/p>\n Wanneer je een template vindt dat je wilt gebruiken, klik je op Insert<\/strong>. Als je nog niet eerder verbinding hebt gemaakt met de templatebibliotheek van Elementor, zal de pop-up je vragen om die stap te voltooien.<\/p>\n Nadat je deze verbinding tot stand hebt gebracht, zal Elementor je gekozen template invoegen. Je kunt het nu aanpassen. Je kunt bijvoorbeeld meer widgets toevoegen of tijdelijke content verwijderen.<\/p>\n Elementor wordt geleverd met een brede selectie kant-en-klare templates. Soms heb je echter een bepaalde look in gedachten. In dat scenario geef je er misschien de voorkeur aan je templates zelf te ontwerpen.<\/p>\n Door je ontwerpen te maken, kun je zorgen voor consistentie op je hele site. Je kunt zelfs templates gebruiken om het ontwerp en de ontwikkeling te versnellen als je een WordPress bureau bent. Je kunt bijvoorbeeld een bibliotheek met templates bouwen die alle content en instellingen bevat die je gewoonlijk op de sites van je klanten toepast. Je kunt deze templates vervolgens gebruiken als uitgangspunt voor alle toekomstige projecten.<\/p>\n Selecteer Templates <\/strong>in het WordPress dashboard om aan de slag te gaan. Klik vervolgens op de Add New<\/strong>.<\/p>\n Open in de volgende pop-up het eerste drowndownmenu en kies het soort template dat je wilt maken. Je opties zijn Page<\/strong>,\u00a0Section<\/strong>, of Landing Page<\/strong>.<\/p>\n Geef dit ontwerp vervolgens een beschrijvende naam en klik op Create Template<\/strong>. Hiermee wordt de standaard Elementor paginabuilder gestart. Je kunt nu je template op dezelfde manier bouwen als een gewone pagina. Voeg eenvoudig secties, kolommen en widgets toe totdat je tevreden bent met je lay-out.<\/p>\n Om dit ontwerp als template op te slaan, klik je op de pijl die naast de knop \u00a0Update\/Publish<\/strong> verschijnt. Je kunt vervolgens Save as Template<\/strong> selecteren.<\/p>\n![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-wordpress-plugin.png\")
![\"Startpagina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-web-templates.png\")
Elementor Free versus Elementor Pro<\/h2>\n
![\"Prijsopties](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-pro-homepage.png\")
![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-block-templates.png\")
![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-theme-builder.png\")
![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/woocommerce-builder-homepage.png\")
![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-experts-network.png\")
Zo installeer je Elementor<\/h2>\n
![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-wordpress-sidebar.png\")
Zo verbind je Elementor Pro met WordPress<\/h3>\n
![\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-pro-setup.png\")
![\"Download](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-download-zip.png\")
Elementor gebruiken: 4 essenti\u00eble taken om te beheersen<\/h2>\n
1. Start de Elementor Page Builder<\/h3>\n
![\"Edit](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/edit-with-elementor-1.png\")
![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-page-builder.png\")
2. Secties, kolommen en widgets toevoegen<\/h3>\n
![\"Voeg](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-section-structure.png\")
![\"Selecteer](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-column-structure.png\")
![\"Voeg](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/edit-elementor-section.png\")
![\"Er](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-edit-section.png\")
3. Bewerk je site-instellingen<\/h3>\n
![\"Instellingen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-site-settings.png\")
4. Controleer je revisiegeschiedenis<\/h3>\n
![\"Het](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-revision-history.png\")
Zo bouw je een pagina in Elementor (2 methoden)<\/h2>\n
1. Zo maak je een standaard WordPress pagina aan<\/h3>\n
![\"Maak](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-single-column.png\")
![\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-heading-widget.png\")
![\"Voeg](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-two-column.png\")
![\"Drag](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-image-widget-.png\")
![\"Preview](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-design-preview.png\")
2. Zo maak je een WooCommerce productpagina aan<\/h3>\n
![\"WooCommerce](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-single-product-.png\")
![\"Beschikbare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/single-product-templates.png\")
![\"Beweeg](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/insert-page-template.png\")
![\"Kant-en-klare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-edit-woocommerce.png\")
![\"Beschikbare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/woocommerce-elementor-widgets.png\")
![\"Versleep](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/woocommerce-cart-widget.png\")
Zo vind en installeer je vooraf gemaakte Elementor templates<\/h2>\n
![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/faq-elementor-blocks.png\")
![\"Een](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-template-library.png\")
![\"Beweeg](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-404-block.png\")
![\"Maak](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/connect-template-library-.png\")
Zo bouw je templates met Elementor<\/h2>\n
![\"Voeg](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-templates-new.png\")
![\"Kies](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/landing-page-template.png\")
![\"Save](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/save-as-template.png\")
![\"Zoek](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/my-templates-library.png\")
![\"Een](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/block-template-save-.png\")
![\"Weergaveopties](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-navigator-menu.png\")
![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/keyboard-shortcuts-hotkeys.png\")