{"id":2135,"date":"2022-07-19T09:35:07","date_gmt":"2022-07-19T08:35:07","guid":{"rendered":"https:\/\/webbuddies.nl\/?p=2135"},"modified":"2024-03-27T13:38:51","modified_gmt":"2024-03-27T12:38:51","slug":"elementor-page-builder","status":"publish","type":"post","link":"https:\/\/webbuddies.nl\/elementor-page-builder\/","title":{"rendered":"Elementor page builder"},"content":{"rendered":"\n<p>Deze keer gaan we het hebben over <strong>Elementor<\/strong>. Een <strong>page builder<\/strong> waar jij als ondernemer een mooie website mee neer kan zetten, of klinkt dat toch iets te mooi om waar te zijn? <\/p>\n\n\n\n<p>Laten we het eens uitzoeken.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wat is Elementor?<\/strong><\/h2>\n\n\n\n<p>Jaren geleden had je geen idee hoe een website werkte of gemaakt werd. Dit werd gedaan door de programmeurs. Op een donkere zolderkamer of ergens achterin een kantoor herkende je ze meteen.<\/p>\n\n\n\n<p>Volledig opgaand in hun eigen wereld. Dag in dag uit code tikken tot diep in de nacht. Met vaak het scherm als enige verlichting dat je door het raam naar buiten zag schijnen.<\/p>\n\n\n\n<p>Ok\u00e9, het is een beetje overdreven&#8230; maar dit beeld was wel wat veel mensen hadden van programmeurs en eigenlijk ook van de ICT afdelingen.<\/p>\n\n\n\n<p>Tegenwoordig is deze beroepsgroep niet meer weg te denken uit onze digitale maatschappij. Sterker nog, dankzij deze mensen kan ook jij makkelijk zelf een website opzetten. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" data-src=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-Logo-Full-Blue.svg\" alt=\"Elementor logo\" class=\"wp-image-2144 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" src=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-Logo-Full-Blue.svg\" alt=\"Elementor logo\" class=\"wp-image-2144\"\/><\/noscript><\/figure>\n\n\n\n<p>Elementor is namelijk een page builder. Daarachter schuilt heel veel techniek die door programmeurs is bedacht en ontwikkeld, maar daar ga ik je niet mee vervelen.<\/p>\n\n\n\n<p>Met een page builder kun je websites bouwen in de vorm van een drag and drop systeem. Slepen en loslaten dus ;) Een stuk makkelijker dus dan wanneer je alles in code moet uitschrijven.<\/p>\n\n\n\n<p>Behalve Elementor zijn er natuurlijk nog meer page builders zoals <a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Divi<\/a>, <a href=\"https:\/\/www.wpbeaverbuilder.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Beaver builder<\/a> en <a href=\"https:\/\/visualcomposer.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visual Composer<\/a>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Hoe werkt Elementor?<\/strong><\/h2>\n\n\n\n<p>Elementor kun je makkelijk en snel downloaden via je plugins binnen je WordPress website. Daarna kun je deze activeren zoals elke andere plugin en kun je aan de slag.<\/p>\n\n\n\n<p>Elementor en zeker Elementor PRO biedt vele mogelijkheden zoals custom fonts, icons, thema bouwer, Woocommerce opties, popups, templates en nog veel meer. <\/p>\n\n\n\n<p>Het biedt dus vele mogelijkheden voor de meest uiteenlopende branches en je kan er de meest prachtige websites mee ontwerpen.<\/p>\n\n\n\n<p>Ik kan er natuurlijk veel over vertellen maar Elementor heeft zelf diverse video&#8217;s gemaakt waarin ze tonen hoe makkelijk het is om een website te maken. Laten we er eens eentje bekijken.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Getting Started With Elementor\" width=\"800\" height=\"450\" data-src=\"https:\/\/www.youtube.com\/embed\/_X0eYtY8T_U?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Door het simpele drag and drop systeem van Elementor kun je dus heel makkelijk en snel onderdelen verwijderen, toevoegen of aanpassen. <\/p>\n\n\n\n<p>Belangrijk om te onthouden is dat de structuur als volgt is opgebouwd:<\/p>\n\n\n\n<ul><li>Je start altijd met een <strong>sectie<\/strong><\/li><li>In een sectie bevinden zich de <strong>kolommen<\/strong><\/li><li>In de kolommen kun je <strong>widgets <\/strong>(elementen) toevoegen<\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Het mooiste is nog wel dat je ook meteen kan zien hoe het eruit komt te zien. Klinkt goed toch?<\/p>\n\n\n\n<p>Het wordt echter iets ingewikkelder wanneer je een webshop of blog eraan toevoegt. Product informatie en blogberichten schrijf je namelijk niet in de Elementor builder, maar in de backend onder producten of berichten. Eigenlijk hetzelfde zoals ik dit bericht nu typ.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img title=\"Elementor page builder\" alt=\"Elementor page builder\" fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"388\" src=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-bericht.jpg\" alt=\"\" class=\"wp-image-2137\" srcset=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-bericht.jpg 800w, https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-bericht-300x146.jpg 300w, https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-bericht-768x372.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Wanneer je nog nooit een website hebt gemaakt raad ik je wel aan om veel video&#8217;s te bekijken en onderzoek te doen. Hier komen we straks nog op terug bij de voor en nadelen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Templates<\/strong><\/h2>\n\n\n\n<p>Een handig onderdeel van Elementor zijn templates. Je zag ze al in bovenstaande video gebruikt worden. <\/p>\n\n\n\n<p>Templates zijn kant en klare website pagina&#8217;s die je kunt inladen om vervolgens aan te passen met jouw teksten, kleuren, afbeeldingen en typografie. <\/p>\n\n\n\n<p>Voor veel mensen zit hier natuurlijk de kracht in om een website te bouwen. En laten we eerlijk zijn, als je nooit een website hebt gemaakt dan is dit een ideale oplossing.<\/p>\n\n\n\n<p>Zelf gebruiken we de templates nooit. De templates zien er namelijk goed uit, maar ik mis soms wat detail. Of ze zijn juist prachtig maar niet geoptimaliseerd voor conversie. Daarom bouwen we eigenlijk altijd een website vanuit een blanco pagina op.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Gratis en betaalde versie<\/strong><\/h2>\n\n\n\n<p>Elementor heeft een gratis en een betaalde versie. De gratis versie kun je zo downloaden en mee aan de slag gaan. De betaalde versie daarentegen kun je aanschaffen bij <a href=\"https:\/\/elementor.com\/pricing-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Elementor<\/strong> <\/a>zelf. Na aankoop kun je de plugin downloaden en uploaden in je eigen website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"534\" data-src=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/elementor-gratis-of-betaald.jpg\" alt=\"Elementor gratis of betaalde versie\" class=\"wp-image-2140 lazyload\" data-srcset=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/elementor-gratis-of-betaald.jpg 800w, https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/elementor-gratis-of-betaald-300x200.jpg 300w, https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/elementor-gratis-of-betaald-768x513.jpg 768w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/534;\" \/><noscript><img decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/elementor-gratis-of-betaald.jpg\" alt=\"Elementor gratis of betaalde versie\" class=\"wp-image-2140\" srcset=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/elementor-gratis-of-betaald.jpg 800w, https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/elementor-gratis-of-betaald-300x200.jpg 300w, https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/elementor-gratis-of-betaald-768x513.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/noscript><figcaption><em>Elementor gratis of toch de betaalde versie?<\/em><\/figcaption><\/figure>\n\n\n\n<p>Hieronder kun je terugvinden wat het verschil tussen de gratis en betaalde versie is.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\"><strong>Gratis versie<\/strong><\/h3>\n\n\n\n<p><strong>Editor<\/strong><\/p>\n\n\n\n<p>Drag &amp; drop editor<br>Responsive editor (desktop &#8211; tablet &#8211; mobiel)<br>Live aanpassen<br>50 widgets<br><s>Thema bouwer<\/s><br>Globale aanpassingen (fonts &amp; kleuren)<\/p>\n\n\n\n<p><strong>Design<\/strong><\/p>\n\n\n\n<p>Globale kleuren<br>Globale fonts<br><s>Custom CSS<\/s><br>Motiebewegingen en interactie (4\/7)<br>10 website kits<br>Designer made templates (beperkt)<\/p>\n\n\n\n<p><strong>Marketing en e-commerce<\/strong><\/p>\n\n\n\n<p><s>WooCommerce bouwer<\/s><br>Landingspagina bouwer<br><s>Popup bouwer<\/s><br><s>Formulier bouwer<\/s><br><s>Dynamische content<\/s><br>Integraties<\/p>\n\n\n\n<p><strong>Workflow<\/strong><\/p>\n\n\n\n<p>Site instellingen<br>Widget als favoriet markeren<br>Toevoegen vanaf desktop<br>Multi select<br><s>Notes<\/s> <br>Finder<\/p>\n\n\n\n<p><strong>Geavanceerd<\/strong><\/p>\n\n\n\n<p><s>Custom code<br>Custom attributes<\/s><br>Onderhoudsmode<br>Veilige modus<br><s>Rolbeheer<\/s><br>URL vervangen<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\"><strong>Betaalde versie<\/strong><\/h3>\n\n\n\n<p><strong>Editor<\/strong><\/p>\n\n\n\n<p>Drag &amp; drop editor<br>Responsive editor (desktop &#8211; tablet &#8211; mobiel)<br>Live aanpassen<br>50 widgets<br>Thema bouwer<br>Globale aanpassingen (fonts &amp; kleuren)<\/p>\n\n\n\n<p><strong>Design<\/strong><\/p>\n\n\n\n<p>Globale kleuren<br>Globale fonts<br>Custom CSS<br>Motiebewegingen en interactie (7\/7)<br>90+ website kits<br>Designer made templates<\/p>\n\n\n\n<p><strong>Marketing en e-commerce<\/strong><\/p>\n\n\n\n<p>WooCommerce bouwer<br>Landingspagina bouwer<br>Popup bouwer<br>Formulier bouwer<br>Dynamische content<br>Integraties<\/p>\n\n\n\n<p><strong>Workflow<\/strong><\/p>\n\n\n\n<p>Site instellingen<br>Widget als favoriet markeren<br>Toevoegen vanaf desktop<br>Multi select<br>Notes <br>Finder<\/p>\n\n\n\n<p><strong>Geavanceerd<\/strong><\/p>\n\n\n\n<p>Custom code<br>Custom attributes<br>Onderhoudsmode<br>Veilige modus<br>Rolbeheer<br>URL vervangen<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Is Elementor geschikt voor iedereen?<\/strong><\/h2>\n\n\n\n<p>Is Elementor geschikt voor iedereen? Dat is een goede vraag. Misschien ben ik een klein beetje bevooroordeeld. Maar ik zou zeggen van niet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"533\" data-src=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-niet-geschikt-voor-iedereen.jpg\" alt=\"Elementor is niet geschikt voor iedereen\" class=\"wp-image-2141 lazyload\" data-srcset=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-niet-geschikt-voor-iedereen.jpg 800w, https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-niet-geschikt-voor-iedereen-300x200.jpg 300w, https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-niet-geschikt-voor-iedereen-768x512.jpg 768w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/533;\" \/><noscript><img decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-niet-geschikt-voor-iedereen.jpg\" alt=\"Elementor is niet geschikt voor iedereen\" class=\"wp-image-2141\" srcset=\"https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-niet-geschikt-voor-iedereen.jpg 800w, https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-niet-geschikt-voor-iedereen-300x200.jpg 300w, https:\/\/webbuddies.nl\/wp-content\/uploads\/2022\/07\/Elementor-niet-geschikt-voor-iedereen-768x512.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/noscript><figcaption><em>Elementor is niet geschikt voor iedereen<\/em><\/figcaption><\/figure>\n\n\n\n<p>Wil je een standaard website snel uit de grond stampen en ben je daar tevreden mee, zeker dan is Elementor meer dan prima voor jou.<\/p>\n\n\n\n<p>Wil je echter een website die een goede basis vormt voor je onderneming? Dan komt er ineens een stuk meer bij kijken dan alleen een template. <\/p>\n\n\n\n<p>Ik heb het al eens eerder aangehaald in een van onze artikelen over &#8220;wat kost het laten maken van een website&#8221;, maar om een goede website neer te zetten moet je je eigenlijk ook verdiepen in onderdelen zoals:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul><li><strong>Design<\/strong><\/li><li><strong>Beveiliging<\/strong><\/li><li><strong>Snelheid<\/strong><\/li><li><strong>Cache<\/strong><\/li><li><strong>SEO&nbsp;<\/strong>(zoekmachine optimalisatie)<\/li><li><strong>Gebruikerservaring<\/strong><\/li><li><strong>Conversie<\/strong><\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul id=\"block-dba563db-a4d8-4712-a64b-939f88e9e5c5\"><li><strong>Google analytics<\/strong><\/li><li><strong>Google Search Console<\/strong><\/li><li><strong><a href=\"https:\/\/webbuddies.nl\/wat-is-ssl\/\">SSL<\/a>&nbsp;<\/strong>(secure socket layer)<\/li><li><strong>AVG wetgeving<\/strong><\/li><li><strong>Contactformulieren<\/strong><\/li><li><strong>Goede kwalitatieve foto\u2019s<\/strong><\/li><li><strong>Goede teksten&nbsp;<\/strong>(content)<\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n<p>Elementor vormt wel een goede tool om dit allemaal in goede banen te leiden, mits je je de tijd kunt veroorloven om je hierin te verdiepen. <\/p>\n\n\n\n<p>Succes met jouw website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Deze keer gaan we het hebben over Elementor. Een page builder waar jij als ondernemer een mooie website mee neer kan zetten, of klinkt dat toch iets te mooi om waar te zijn? Laten we het eens uitzoeken. Wat is Elementor? Jaren geleden had je geen idee hoe een website werkte of gemaakt werd. Dit [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2142,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"wds_primary_category":0,"footnotes":""},"categories":[25],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/posts\/2135"}],"collection":[{"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/comments?post=2135"}],"version-history":[{"count":7,"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/posts\/2135\/revisions"}],"predecessor-version":[{"id":2148,"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/posts\/2135\/revisions\/2148"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/media\/2142"}],"wp:attachment":[{"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/media?parent=2135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/categories?post=2135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webbuddies.nl\/wp-json\/wp\/v2\/tags?post=2135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}