De gratis versie van Elementor
- Animaties
- Shape dividers
- Filters, blend mode en overlay kleuren voor afbeeldingen
- Tekst en box schaduw
- Google Fonts en Font Awesome icons
- Bibliotheek waarin je je pagina’s kunt opslaan voor hergebruik
- Honderden professioneel ontworpen pagina- en sectie templates
Elementor widgets
In deze Elementor review mogen ook de basisfuncties van Elementor natuurlijk niet ontbreken. Zo is een pagina opgebouwd uit secties en kolommen waarin je widgets kunt slepen.
Widgets is de – ietwat verwarrende – naam die Elementor gebruikt voor de modules. Vanzelfsprekend zijn alle standaard elementen aanwezig, zoals:
- Tekstblok
- Afbeelding
- Video
- Heading
- Knop
- Icoon
- Google Maps kaart
- Fotogalerij
- Teller
- Voortgangsbalk
- Testimonial
- Tabbladen
- Accordeons
- Social media iconen
Je hebt de keuze uit zo’n 30 widgets van Elementor zelf… maar je kunt ook iedere widget van WordPress zelf of een widget die is aangemaakt door een plugin invoegen!
Dat is echt een unieke en zeer bruikbare feature, die ik toch nog even wil belichten in deze Elementor review. WordPress heeft standaard 17 widgets aan boord, waarmee je bijvoorbeeld tekst, een afbeelding, een audio- of videofragment, een lijst met je meest recente berichten, een navigatiemenu of een zoekbalk kunt invoegen. Die widgets kun je normaal echter alleen toevoegen in speciale “widget areas”. Waar die widget areas zich bevinden verschilt per thema, maar bij de meeste thema’s kun je alleen widgets toevoegen in een sidebar en in de footer. Maar met Elementor kun je dus overal op de pagina een widget toevoegen!
Dat geldt niet alleen voor de standaard WordPress widgets, maar ook voor widgets die worden toegevoegd door plugins of je thema! Zo voegt de populaire webshop plugin WooCommerce bijvoorbeeld prijs-, product- en categorie filter widgets toe, die je met Elementor dus overal op de pagina kunt plaatsen. Heel gaaf!
Styling opties
Iedere module biedt een prima aantal styling opties. Naast de eerder genoemde geavanceerde opties als animaties en tekst en box schaduw kun je uiteraard ook de achtergrond instellen, waarbij je kunt kiezen uit 1 kleur, een kleurverloop of een afbeelding – al dan niet met een kleur als overlay – en bij secties kun je ook een video als achtergrond gebruiken.
Daarnaast kun je de breedte en hoogte van ieder element instellen, een rand toevoegen (indien gewenst met afgeronde hoeken), de marge en padding aanpassen, de kleur aanpassen en bepalen of een element links, rechts, gecentreerd of uitgevuld moet worden uitgelijnd. Als je handig bent met CSS kun je ook een CSS id of class toevoegen, evenals de z-index.
Dit alles kun je niet alleen voor de standaard weergave instellen, maar ook voor de hover weergave (hoe het eruit ziet als je er met de muis overheen gaat) en dingen als uitlijning, padding, margin, afmetingen en lettergrootte kun je ook apart instellen voor tablet en smartphones. Uiteraard kun je ook bij ieder element kiezen op welke schermgroottes je dit wilt tonen of verbergen.
Flexibele layout
Zoals eerder in deze Elementor review vermeld wordt de layout van een pagina opgebouwd uit secties en kolommen, met daarin de widgets. Dit werkt lekker flexibel, want je kunt tot 10 kolommen toevoegen en binnen een kolom kun je ook werken met “nested columns”, kolommen binnen een andere kolom dus. Je kunt de breedte van een kolom eenvoudig aanpassen door deze simpelweg naar de gewenste breedte te slepen.
Foutje? Bedankt!
Heb je een foutje gemaakt? Dan mag je Elementor bedanken, want dankzij hen kun je het waarschijnlijk weer eenvoudig herstellen. Naast undo en redo mogelijkheden maakt Elementor gebruik van het standaard revisie systeem van WordPress waardoor je snel een eerdere versie kunt herstellen, en dankzij de autosave functie verlies je nooit teveel werk.
Elementor Pro review
Zoals je hierboven hebt gelezen is Elementor een hele uitgebreide en gebruiksvriendelijke page builder. En het mooiste is, alles wat ik hierboven behandeld heb zit in de gratis versie!
Er is echter ook een betaalde versie, Elementor Pro. Wat kun je daar allemaal mee, en is de pro versie zijn geld waard? Je leest het in deze Elementor Pro review!
Theme builder : pas elk onderdeel van je site aan
Elementor Pro is echter een theme builder waarmee je wel al die elementen aan kunt passen. Wil je de zoekfunctie in je header of het menu op een andere plek hebben? Elementor Pro maakt het mogelijk! Wil je een uitgelichte afbeelding in je blog overzicht hebben? Of wil je de productafbeeldingen in WooCommerce onder de prijs weergeven? Met Elementor Pro kun je dat allemaal instellen!
Je slaat al dit soort dingen op als templates zodat je ze later weer eenvoudig kunt bewerken. Bovendien laat Elementor je kiezen waar je die templates wilt weergeven: zo kun je bijvoorbeeld instellen dat een bepaalde header alleen weergegeven dient te worden op WooCommerce pagina’s, of alleen bij berichten in de categorie “nieuws”.
Dynamic Content : laad gegevens uit de database
In deze review van Elementor Pro kan een stukje over Dynamic Content niet ontbreken, want dat is onlosmakelijk verbonden met een theme builder. Als je bijvoorbeeld een blog template maakt stel je in waar de uitgelichte afbeelding moet verschijnen, waar de categorieën komen, en natuurlijk de bericht tekst zelf. Aangezien al die onderdelen verschillen per bericht moeten die dynamisch worden ingelezen uit de database, en daar zorgt dynamic content voor.
Een ander voorbeeld is de productpagina van je webshop (woocommerce); je kunt in een template waar je dingen als de productafbeelding, prijs, voorraad, beschrijving en reviews wilt hebben, en vervolgens worden al die onderdelen per product automatisch ingelezen uit de database.
Al die losse onderdelen zijn beschikbaar als aparte widgets die je op dezelfde manier kunt indelen als een normale pagina of bericht (dus met secties en kolommen).
Global widgets
In Elementor Pro heb je ook de beschikking over global widgets. In de gratis versie van Elementor kun je al een sectie of complete pagina opslaan in een bibliotheek, zodat je deze ergens anders op de site weer kunt hergebruiken. Als je bijvoorbeeld een sectie met een mooie call to action knop hebt gemaakt kun die opslaan in de bibliotheek, en deze vanuit daar gemakkelijk weer invoegen op een andere pagina zodat je diezelfde knop niet elke keer helemaal opnieuw hoeft te maken.
Maar wat als je nu na een paar weken besluit dat je die call to action knop toch liever groen maakt in plaats van oranje? Of je wilt de tekst op die knop aanpassen? Dan zul je in de gratis versie van Elementor alle pagina’s langs moeten om dat bij iedere knop handmatig aan te passen.
Bij Elementor Pro kun je een widget (de knop zelf) echter ook instellen als Global Widget. Heb je die call to action knop opgeslagen als global widget en verander je de kleur van oranje naar groen? Dan worden alle andere call to action knoppen automatisch mee aangepast. Dat scheelt een hoop tijd!
Het is echter helaas (nog) niet mogelijk om een gehele sectie op te slaan als “global section”. Als je de achtergrond van de sectie wilt aanpassen moet je dus nog alle pagina’s langs.
Formulieren widget
Nu zijn er genoeg andere plugins waarmee je een contactformulier kunt toevoegen, maar het is natuurlijk wel zo handig om die functionaliteit gewoon als Elementor widget beschikbaar te hebben.
De formulier widget van Elementor is behoorlijk uitgebreid. Als je de formulier widget invoegt is deze standaard al voorzien van een basis contactformulier. Hieraan kun eenvoudig velden toevoegen – of juist verwijderen.
Bij ieder veld kun je aangeven of het verplicht is, een label (de tekst boven het veld) aanpassen of verwijderen, een placeholder (de tekst in het formulier) aanpassen en de breedte van het formulier aangeven.
Hoewel je de breedte van de velden niet simpelweg kunt slepen naar de gewenste breedte zoals dat bij kolommen mogelijk is kun je wel kiezen uit 10 verschillende afmetingen, keuze genoeg dus.
Indien gewenst kun je de styling van het label, de velden, de verzendbutton en de meldingen aanpassen, en je kunt zelfs de tekst van de meldingen aanpassen. Ook de e-mail template kun je aanpassen (maar dat is niet noodzakelijk in tegenstelling tot bijvoorbeeld Contact Form 7), en bepalen wat er gebeurt nadat het formulier verzonden wordt. Hiermee kun je bijvoorbeeld een autoresponder instellen of een gebruiker toevoegen aan je MailChimp nieuwsbrief.
Popup builder
Een nieuwe feature van Elementor Pro die niet mag ontbreken in deze Elementor review is de popup builder, waarmee je – zoals de naam al zegt – popup vensters kunt bouwen.
Hierin kun je alle elementen gebruiken die je ook op een pagina kunt gebruiken, zoals afbeeldingen, teksten, buttons, formulieren enzovoorts. Vervolgens kun je diverse triggers instellen om je nieuwe popup te tonen, bijvoorbeeld als de gebruiker scrollt, als hij een bepaalde tijd op de pagina is of als hij de pagina wilt verlaten.
Bovendien kun je die triggers combineren met diverse extra voorwaarden: zo kun je een popup bijvoorbeeld alleen tonen op de homepage of een productpagina, of alleen aan ingelogde klanten die je website minimaal 3 keer hebben bezocht, of alleen aan gebruikers die vanuit Google komen enzovoorts. Een hele krachtige tool dus!
Social media widgets
Elementor Pro bevat ook een aantal social media widgets, waaronder social share buttons (met keuze uit flink wat netwerken, zelfs whatsapp, en vierkante, afgeronde of ronde icoontjes), een facebook comment box, een facebook embed widget en een click to tweet box. Nice!
En nog meer widgets, templates en instellingen
Naast al het bovenstaande krijg je met Elementor Pro nog een aantal extra widgets, waaronder:
- Een prijstabel widget
- Een prijslijst widget
- Een flipbox widget, waarmee je andere content met een effect kan weergeven bij mouse over
- Een geanimeerde headline, waarbij je bepaalde woorden kunt vervangen of juist kunt accentueren met een aantal mooie effecten
- Diverse sliders voor foto’s, posts en testimonials
- Een filterbaar portfolio
Ook beschikt Elementor Pro over een role manager, waarmee je kunt instellen of een bepaalde gebruikersrol geen toegang heeft tot Elementor of alleen tot het content gedeelte (dus niet tot de templates voor de header, footer enzovoorts) en de mogelijkheid voor het toevoegen van custom CSS bij ieder onderdeel.
Alsof dat nog niet genoeg is krijg je ook nog tientallen extra professioneel ontworpen templates waarin de pro widgets verwerkt zijn zodat je nog sneller klaar bent met je nieuwe site.
Wat kost Elementor Pro?
Als je Elementor Pro alleen voor je eigen website nodig hebt betaal je $ 49,00 per jaar.
Bouw je websites voor klanten? Dan kun je voor $ 199,00 Elementor Pro een jaar lang gebruiken op 25 websites, voor $ 499,00 mag je Elementor Pro op 100 websites installeren
en voor $ 999,00 per jaar krijg je een licentie voor 1.000 websites.
Elementor Cloud Website
Begin 2022 introduceerde Elementor een nieuw product, Elementor Cloud Website. Daarmee krijg je alle features en templates van Elementor Pro, maar bij Elementor Cloud Website is ook de hosting inbegrepen! WordPress en Elementor Pro zijn al voor je geïnstalleerd, dus je kunt meteen beginnen met het bouwen van je website. Met een prijs van $ 99 per jaar is Elementor Cloud Website een zeer aantrekkelijke optie als je maar 1 of 2 websites beheert.
Conclusie
Elementor is niet voor niets één van de meest populaire page builders; heel veel features, veel styling opties en instellingen, en toch zeer gebruiksvriendelijk.
Toen ik de gratis versie voor het eerst gebruikte dacht ik “waarom zou iemand nog de premium versie kopen als je al die features al in de gratis versie stopt?”
Maar ik vergiste me, want toen ik een pro licentie kocht voor mijn Elementor Pro review kwam ik erachter dat deze versie nog enorm veel toegevoegde waarde biedt.
Bekijk hier alle extra features van Elementor Pro.
Als je genoeg hebt aan de gratis features of maar 1 website wilt bouwen met Elementor Pro raad ik Elementor dan ook zeker aan.
Bouw je echter professioneel websites? Dan is Elementor Pro behoorlijk prijzig en kun je beter kijken naar Divi of Brizy (zie hieronder).
Hun licentie is namelijk echt veel aantrekkelijker voor webbouwers.
Zelf je website bouwen, maar dan wel met wat hulp van een expert?
Kies dan voor Bobs Website in 1 dag pakket! Met dit pakket gaan we samen een hele dag achter de computer zitten (kan eventueel ook online via Zoom) en is aan het einde van de dag (de basis van) je nieuwe website klaar!
Van tevoren regelt Bob alle technische zaken zoals het instellen van WordPress en het installeren van alle benodigde plugins, zodat we die dag meteen aan de slag kunnen met het leukste gedeelte; het ontwerpen en vullen van de website 🙂 .
Doordat we de website samen bouwen leer je precies hoe WordPress werkt en hoe je alles kunt aanpassen.
En kom je er toch even niet uit? Dan mag je Bob altijd even bellen of mailen, want je krijgt 3 maanden support!
Welke alternatieven zijn er voor Elementor?
Elementor vs Divi
Divi is een premium WordPress theme, een compleet thema dus met een ingebouwde page builder.
De Divi page builder is echter ook als losse plugin verkrijgbaar, net als Elementor dus.
Divi is waarschijnlijk de grootste concurrent van Elementor, en zit net als Elementor boordevol innovatieve features. Met sommige dingen is Divi wat eerder, zoals met kleurenfilters en blend modes, copy / paste styles en de nieuwe transform effects, maar Elementor was weer eerder met zeer populaire features zoals een header / footer / template builder en WooCommerce builder.
Ik heb inmiddels al een behoorlijk aantal websites in Elementor gemaakt, en dat beviel prima… maar toch is Divi nog altijd mijn favoriete page builder. Dat komt waarschijnlijk doordat de interface veel visueler is ingesteld dan die van Elementor.
Als je bij Elementor bijvoorbeeld een shape divider toevoegt zie je de naam van die divider. Bij Divi zie je gewoon een voorbeeld van de betreffende vorm. Margins en paddings sleep je in Divi gewoon naar de gewenste breedte. Bij het instellen van een schaduw kun je kiezen uit 8 verschillende stijlen, die je vervolgens weer helemaal aan kunt passen aan je wensen.
De color picker tool heeft – naast het standaard zelf in te stellen kleurenpallet – ook een kleurenpallet met de laatst gebruikte kleuren. Er wordt iedere week een nieuwe voorbeeldsite toegevoegd (elke voorbeeldsite bestaat uit een stuk of 8 pagina templates) enzovoorts. Allemaal geen wereldschokkende dingen, maar dat soort kleine dingen maakt wel dat ik Divi prettiger vind werken dan Elementor.
En dan is er nog de prijs… Divi heeft geen gratis versie, en Elementor Pro is een stuk goedkoper dan Divi… als je maar 1 website hebt ten minste. Voor webbouwers en andere mensen die regelmatig websites maken is Divi veel aantrekkelijker geprijsd, want een lifetime unlimited licentie voor Divi (dus maar 1 keer betalen en daarna levenslange updates en support zonder jaarlijkse kosten) kost maar een paar tientjes meer dan de jaarlijkse unlimited licentie van Elementor. En met de knop hieronder krijg je daar ook nog eens 10% korting op 😉
Je kunt natuurlijk ook eerst mijn uitgebreide Divi review lezen.
Elementor vs Brizy
Brizy is, net als Elementor, een losse page builder die aan de voorkant van je website werkt, en net als Elementor heeft ook Brizy een hele uitgebreide gratis versie. Ook Brizy is volop in ontwikkeling, maar waar Divi en Elementor al echt volwassen page builders zijn staat Brizy nog echt in de kinderschoenen; Brizy werd namelijk pas in mei 2018 gelanceerd. Brizy is echter inmiddels al wel op zo’n 60.000 WordPress sites geinstalleerd, dus dat belooft wel wat…
Brizy onderscheidt zich door een gebruiksvriendelijke interface met een toolbar die verschijnt boven het element dat je wilt bewerken, zodat je de meeste instellingen direct op die plek kunt bewerken. Bij Divi en Elementor doe je alle instellingen in een popup of sidebar. Dat lijkt misschien minder gebruiksvriendelijk, maar ik vind het wel wat overzichtelijker. Al moet ik zeggen dat ik ook snel gewend was aan de Brizy manier.
Er zijn echter wel een flink aantal voorbeeld blokken (secties in Elementor) beschikbaar, met o.a. 7 prijstabel templates en 9 testimonial templates. Deze kun je dus eenvoudig invoegen en aanpassen aan je eigen wensen. Een testimonial is immers ook niets meer dan een afbeelding, een tekst widget met de review en een tekst widget met een naam.
Uiteraard moet er ook bij Brizy geld verdiend worden, en dus is er ook Brizy Pro. De pro versie bevat o.a. een theme builder (headers, footers en templates) die erg fijn werkt, een WooCommerce builder, een popup buider, mega menu, dynamic content, shape dividers, filters en premium designs, en ook A/B testing staat op de planning.
Elementor vs Avada
Ook Avada beschikt over een eigen page builder, de Fusion Builder. Deze werkt in de basis ongeveer hetzelfde als Elementor aan de voorkant van je site, en net als met Elementor Pro kun je ook met Avada zelf templates bouwen voor je pagina’s en berichten, header, footer, WooCommerce enz.
Een van de beste onderdelen van Avada zijn de zeer uitgebreide thema opties, waar je letterlijk honderden dingen kunt instellen. Gelukkig beschikken die thema opties over een krachtige zoekfunctie waardoor je heel snel de gewenste optie vind. Sinds Avada 6.0 zijn ook die thema opties verplaatst naar de front-end zodat je direct het effect van je aanpassingen ziet.
Net als bij Elementor Pro kun je ook bij Avada ieder element opslaan in een bibliotheek, zodat je die weer kan hergebruiken elders op de site of op een andere Avada site.
En ook Avada wordt standaard geleverd met een stuk of 80 “demo sites”, te vergelijken met Elementor’s website kits.
De design opties van Avada zijn wel (veel) minder uitgebreid dan die van Elementor; zo vind je in Avada geen kleurenfilters, shape dividers, transform opties enzovoorts,
en hoewel je wel hover opties en animaties in kunt stellen zijn die wel behoorlijk beperkt.
De documentatie van Avada is redelijk. De support is wel prima, maar beperkt tot 6 maanden na aankoop.
De prijs van Avada is wel een stuk aantrekkelijker dan die van Elementor: een licentie kost maar $ 60,00 inclusief levenslange updates. Je hebt echter wel voor iedere website een nieuwe licentie nodig.
Elementor vs WP Bakery Page Builder / Visual Composer
De WP Bakery page builder beschikt over zowel een backend als een frontend editor, en ook hier heb je enkele geavanceerde design opties zoals animaties, borders, (parallax) achtergronden en zelfs kleurenfilters. Dingen als schaduw effecten en shape dividers ontbreken hier echter, en de dingen die wel aanwezig zijn kun je een stuk minder customizen dan bij Elementor of Divi.
Dat is op zich nog niet zo’n ramp, maar de manier waarop WP Bakery werkt is een stuk minder prettig dan hoe Elementor werkt. Als je bij Elementor iets aanpast zie je direct het effect van die aanpassing, dus als je bijvoorbeeld een achtergrondkleur aanpast zie je meteen – live op de pagina terwijl je het aanpast – hoe dat eruit ziet.
Bij de WP Bakery page builder krijg je een popup waarin je je aanpassingen maakt, maar waar je bij Divi of Elementor direct het effect van een aanpassing ziet moet je bij WP Bakery de aanpassingen eerst opslaan en de popup sluiten voordat de wijzigingen zichtbaar worden op je site. Bevalt de gekozen kleur niet? Dan moet je de popup weer openen, een andere kleur kiezen, opslaan, sluiten…
Dat is dus gewoon een backend editor die op de voorkant van je site opent, absoluut niet te vergelijken met de live frontend editors van Divi en Elementor. Ook dingen als padding en margin moet je hier op de gok instellen en hopen dat het goed is, omdat je anders weer naar die popup moet…
De WP Bakery page builder heeft wel een flink aantal modules en er zijn veel (al dan niet betaalde) addons verkrijgbaar, en met een prijs van $ 45,00 voor 1 site, maar inclusief lifetime updates is de WP Bakery page builder niet heel duur. Maar ook niet heel goed dus, naar mijn mening.
Elementor vs Beaver Builder
Beaver builder is net als Elementor een gebruiksvriendelijke losse page builder plugin die je met vrijwel ieder WordPress thema kunt gebruiken. Net als Elementor werkt Beaver Builder op de voorkant van je site, en er is ook een gratis basisversie beschikbaar. Maar waar de gratis basisversie van Elementor zich kan meten met premium page builders als Divi en Avada is de gratis versie van Beaver builder zeer beperkt. De pro versie van Beaver builder is vrij prijzig en een stuk minder uitgebreid dan Elementor of Divi dus.
Desondanks – of misschien wel juist daardoor – is Beaver Builder zeer populair onder WordPress ontwikkelaars.
Ga je voor de gratis versie van Elementor? Dan kun je eventueel ook een kleine eenmalige donatie doen via de button hiernaast 🙂
Dag Bob de webbouwer,
Wanneer ik via weergave – customizer de optie ‘gerelateerde artikelen’ aan vink komt er op de website ‘You May Also Like’ staan. Ik zou graag de Nederlandse tekst zien, maar weet niet waar ik dit moet aanpassen. Kan jij me dit misschien vertellen waar ik deze aanpassing kan doen?
Hoi Pascal,
Elementor heeft geen instellingen via weergave –> customizer 😉
Dat zijn waarschijnlijk de instellingen van je thema. Sommige thema’s bieden de mogelijkheid dat soort teksten in de thema opties aan te passen, anders zul je dat moeten doen met een plugin als locotranslate.
Groeten van Bob
Hey Bob,
Dank u wel voor uw antwoord. Heb het eens bekeken, denk inderdaad dat het hiermee wel zal lukken
Met vriendelijke groet,
Pascal
Dag Bob,
Prima uitleg!! Ik ben echt onder de indruk gekomen van elementor free version. En ik ben verder gaan googelen en zie dat er een samenwerking is met Astra. Ik heb een beetje moeite met de engelse uitspraak van enkele videos (gaat te snel en is TE engels) en kan daarom niet helemaal volgen over het waarom je deze templates samen met die templates kunt gebruiken.? Heb iemand daar een mening over ?
Groet, Jos
Hoi Jos,
Dank je 🙂 Astra heeft inderdaad een aantal templates voor Elementor, maar je moet nog wel even deze plugin installeren om die te kunnen importeren. Je kunt echter ook gewoon de templates gebruiken die in Elementor zelf zitten. Het is dus of de templates van Astra, of de templates van Elementor (al kun je ze natuurlijk ook door elkaar gebruiken, bijvoorbeeld op de ene pagina een template van Astra en op de andere pagina een template van Elementor).
Groeten van Bob
Dank voor je snelle reactie. Ik wist niet dat elementor ook eigen templates heeft. Ik ga eerst even met beide gratis versies kijken of het allemaal lukt . Zo niet moet ik uitzoeken welke ik ga kopen of de astra pro of Elementor pro . Ik ga ze niet allebei aanschaffen?
groeten, Jos
Hoi Jos,
Er zit ook al een aantal templates in de gratis versie, dus ik zou eerst eens kijken of daar wat voor je bij zit. Je kunt de ingebouwde templates bekijken en laden door op het map icoontje te klikken in plaats van op het roze plus icoontje (waarmee je widgets toevoegt). Die templates zijn overigens vooral bedoeld om je een goede start te geven, je “moet” ze vervolgens nog wel aanpassen aan je eigen wensen.
Als je voor een pro versie gaat raad ik Elementor Pro aan boven Astra Pro.
Groeten van Bob
Dank je Bob, Hele goede informatie . Ik ga er zeker wat mee den
groeten, Jos
Hoi Bob,
Ik heb de Elementor als plug in bij WordPress. Echter krijg ik het lettertype niet zoals ik dat graag wil. Ik heb het aangepast en bijgewerkt, maar toch is het niet zichtbaar op de site. Net zoals de dikte van de letters. Heb ik wellicht ergens iets verkeerd ingesteld? Kun je het ook zodanig aanpassen zodat je altijd overal hetzelfde lettertype hebt?
Ook heb ik bovenin het symbool van RRS feed en een zoekbalk, de kleur en inhoud hiervan (RRS Feed wil ik ervanaf hebben) krijg ik niet aangepast.
Hopelijk kun je mij verder helpen.
Groetjes Sanne
Hoi Sanne,
Als je op het hamburger icoontje links boven in Elementor klikt krijg je wat standaard instellingen. Daar kun je o.a. instellen welke kleur standaard gebruikt wordt voor de kopteksten, de buttons en de gewone tekst. Ook het standaard lettertype voor die onderdelen kun je daar instellen (font en dikte).
Als dat bij jou niet werkt worden die instellingen wellicht overschreven door het thema. De RSS feed, zoekbalk en andere onderdelen van de header kun je meestal niet zo makkelijk aanpassen, al hebben sommige thema’s daar wel instellingen voor. Met Elementor Pro kun je wel zelf een header en footer ontwerpen, al werkt dat ook niet bij alle thema’s.
Groeten van Bob
Hallo, wat een geweldige uitleg hier! Top!
Ik ben super blij met Elementair maar loop steeds tegen het probleem aan dat tekst in elkaar / over Alkmaar loopt op m’n mobiel. In de mobile weergave op de desktop ziet het er top uit maar op m’n mobiel is het niet te lezen. Heb jij enig idee wat hier mis gaat/wat ik verkeerd doe?
Alvast bedankt!
Dank je Marja. Wat er bij jou mis gaat durf ik zo niet te zeggen… een website past zich normaal aan op de breedte van het scherm, niet op het apparaat (sommige scripts ed uitgezonderd). Dus normaal moet het niet uitmaken of je een site op een simulator op de desktop bekijkt, of op een smartphone met dezelfde resolutie.
Groeten van Bob
Marja, in elementor kun je voor je mobiel aparte instellingen ingeven m.b.t. breedtes en lengtes . Moet je eens proberen
gr/jos
Hallo,
Elke keer fijn jouw uitleggen. Begin al aardig fan te worden van elementor. Ik heb de pro versie, maar mis een widget waarmee je een agenda kan tonen, met data waarop events plaatsvinden zichtbaar kan maken, begrijp je wat ik bedoel? Vast wel 😉 Is er een gratis widget die je mij hiervoor kunt aanbevelen? Compatibel met elementor pro. Gr,Ingrid
Hoi Ingrid,
De bekendste is The Events Calendar, maar ik weet niet in hoeverre die compatible is met Elementor. Ik heb My Calendar ook weleens voorbij zien komen, die heeft in elk geval een aantal widgets en aangezien je widgets eenvoudig kunt integreren met Elementor is dat wellicht een betere optie. Verder kun je eventueel ook gewoon een Google Calendar gebruiken.
Groeten van Bob
Hallo Bob
Ik ben vanaf het begin gebruik gaan maken van Elementor, werkt echt fijn. Ik gebruik het met het theme Zakra, en werkt goed. Alleen loop ik tegen het probleem dat het niet samenwerkt met Better search and replace, en dat is nu juist een plugin die ik hard nodig heb. Als je een website met duizenden pagina’s om moet gaan zetten. Elementor is op de hoogte van dit probleem, maar is nog niet opgelost, jammer, want ik kan nu niet verder.
Heb al veel pagina’s aangemaakt, maar als ik Elementor nu verwijder, heb ik een verkeerde layout.
Ook als ik tijdelijk Elementor desactiveer, en dan Better search and replace gebruik, kan ik de url’s wel vervangen. Maar zodra ik Elementor weer activeer, zijn de wijzigingen niet zichtbaar in de site. Hoop dat er snel een oplossing komt!
Hartelijke groeten Margaret
Hoi Margaret,
Hmm dat is vreemd. Elementor laat de content immers gewoon in de gebruikelijke tabel in de database staan, dus dan zou better search and replace ook gewoon moeten werken. Raar… maar ja, als Elementor bevestigd dat het niet werkt zal het wel zo zijn.
Groeten van Bob
Welke plugin raad je aan voor archive pages te maken, ben zelf niet blij met mijn catogorieen en wil daar blog pagina’s voor en weet dat Elementor pro dat wel kan, weet jij als je dan in een jaar templetes maakt en vervolgens niet verlengd of je dan alles houd of dat je alles kwijt bent ? of raad je juist divi aan ?
Ik weet dat je met CSS ook ver kan komen, maar gebruik liever een plugin.
Hoi Marc,
Ik denk dat Elementor Pro in dit geval inderdaad de beste keuze is als je zelf je categorie pagina’s wilt kunnen ontwerpen. Als je besluit je abonnement niet te verlengen blijven de Pro functies (en dus ook je bestaande templates) gewoon beschikbaar, je krijgt alleen geen updates en support meer. Met name het ontbreken van updates kan na een tijdje natuurlijk voor problemen gaan zorgen. Je krijgt overigens wel 25% korting bij verlenging, dus dan heb je het over 30 euro per jaar voor 1 website.
Groeten van Bob
Bedankt voor je reactie, heb inderdaad de stap gemaakt en het ziet er echt super uit allemaal. En inderdaad dat is geen geld voor een jaar dus wellicht blijf ik gewoon verlengen. 1 maand aan affiliate en ik heb het geld er al uit en het maakt de website echt mooier. Dank voor je reactie.
Goedendag Bob,
Ik heb een thema gedownload via themeforest, en die werkt zoals je zelf ook al zegt met WP Bakery.
Dit werkt totaal niet fijn, ten eerste is het een stuk ingewikkelder en ten tweede moet je veel dingen op de gok maar veranderen. Is er een mogelijkheid dat ik het thema kan bewerken met elementor?
Groeten,
Jeffrey
Hoi Jeffrey,
Waarschijnlijk wel. Elementor werkt in principe met ieder thema. Maak eerst een backup en probeer het dan gewoon zou ik zeggen 😉
Groeten van Bob
Hi Bob,
Ik loop tegen het volgende aan:
Hetgeen ik zie bij tablet ikoontje responsive komt niet overeen met wat ik zie op mijn iPad als ik naar mijn site ga, dus hetgeen ik op mijn pc zie dat mijn tablet zou moeten weergeven is niet wat ik daadwerkelijk zie op mijn iPad. Wat doe ik niet goed? Heb ik nog ergens een instelling te doen?
Of komt dit omdat ik ontwikkel op een Windows pc en mijn tablet van Apple is?
En nog een tweede vraag, hoe kan ik de landscape view van mobiel en tablet maken??? Want als ik mijn iPad draai, ziet het er ook niet uit…ik zie alleen de keuzes desktop, mobile en tablet…maar mobile en tablet hebben portrait view en landscape view….hoe krijg ik beide views op beide apparaten dan in orde?
Zie ik iets over het hoofd? Weet iemand hier een oplossing voor?
Groetjes, Ingrid
Hoi Ingrid,
De tablet en smartphone view in Elementor (en sowieso in WordPress) zijn helaas vrij beperkt (geen landscape view en maar 1 resolutie voor smartphones) en niet altijd even accuraat. Ik gebruik zelf daarom altijd de developer tool in Google Chrome, die is een stuk uitgebreider. Daarmee kun je echter alleen zien hoe de website eruit ziet op verschillende apparaten (ook in landscape view) maar je kunt er niet daadwerkelijk aanpassingen mee doen.
Ik schrijf dan zelf een stukje custom CSS code om een probleem op te lossen, maar daarvoor moet je natuurlijk wel CSS code kunnen schrijven.
Groeten van Bob
Hoi Bob,
bedankt voor je antwoord! Helaas kan ik geen CSS.
Nog even iets anders…als ik in mijn teksten op een pagina een link maak mbv bewerk met elementor, maakt hij deze blauw zonder streep eronder en als ik dan met de muis erover ga wordt de link mijn gewone letter kleur, donkergrijs. Via googlen kom ik er nog niet achter hoe en waar ik deze kleuren kan aanpassen, ik wil dat hij alle links die ik maak in een andere kleur zet dan de blauw die ik nu krijg en ik wil er een streep onder en ik wil niet dat dde kleur veradnert als ik er met mijn muis overheen ga, jij enig idee?
groetjes!
Hoi Ingrid,
Er is helaas ook nog geen optie in Elementor om de link stijl voor de gehele website in te stellen. Er zijn wel thema’s waarmee dat wel kan, meestal via de customizer.
Groeten van Bob
Beste Bob,
Mede dankzij enkele zeer gewaardeerde tips op deze site ben ik vol moed begonnen met het bouwen van een website met Elementor. Volgens mij heb ik het redelijk gedaan. Ik zie geen fouten of iets dergelijks. Toch is de site (nu inmiddels ruim 3 maanden verder) niet te vinden op Google. Als je puur de website in typt, dan gaat alles goed. Gebruik je de search functie –> Helaas pindakaas. Niets noppes nada…
Komt dit vaker voor? Of heb ik iets heel doms gedaan?
In wordpress staat het linkje voor voor zoekmachine zichtbaarheid uit…
Hoi Arjan,
Ik zie inderdaad dat alleen de homepage geïndexeerd is, vreemd (als het over de site gaat die je hebt ingevuld ten minste). Installeer eens een SEO plugin als Yoast SEO en meld je site eens aan via Google Search Console.
PS qua design mag je wel wat meer witruimte gebruiken, en een lekker opvallende kleur voor je contact knoppen (oranje bijvoorbeeld).
Groeten van Bob
Hi Bob,
Vraagje, als een site met een andere builder is gebouwd en al ruim een jaar bestaat, kun je er dan ook elementor opzetten en voortaan met elementor al je aanpassingen doen, of gaat dan eerst de hele site naar de filestijnen…maw kun je elementor zonder risicos op een bestaande site installeren en vanaf dat moment elke pagina en bericht etcetc aanpassen en of maken met elementor?
Mvg ingrid
Hoi Ingrid,
Dat zou ik niet aanraden. Veel page builders (waaronder Divi, Visual Composer / WP Bakery en Avada) werken met shortcodes. Als je de page builder dan uitschakelt blijf je zitten met een hele berg shortcodes in je content.
Nu is er wel een plugin die dat kan opruimen, dus als je het perse wilt kan het wel, maar dan moet je ook heel je layout weer opnieuw maken in Elementor. Maak in elk geval altijd eerst een backup.
Groeten van Bob
Hallo Bob,
Ik heb een website gemaakt en al mijn berichten mooi opgemaakt met de Elementor plugin. Nu zou ik graag van thema willen wisselen. Blijven mijn berichten dan bewaard die ik in Elementor heb gemaakt? Of ben ik alles kwijt? Alvast bedankt.
Hoi Lettie,
Elementor staat los van je thema dus je zou zonder problemen moeten kunnen wisselen. Het kan het wel zo zijn dat je berichten er dan wat anders uit gaan zien, bijvoorbeeld omdat je nieuwe thema een breder content gedeelte heeft dan het huidige. Het is sowieso verstandig eerst een backup te maken natuurlijk.
Groeten van Bob
Hi Bob,
Veel page builders werken met short codes die achterblijven op je website als je overstapt naar een andere builder. Is voor mij een essentieel punt, want ik wil over kunnen stappen als ik dat wil.
Beaver Builder doet dat niet heb ik begrepen (die laat geen codes achter). Hoe zit dat met Elementor, laat die ook codes achter of ruimt ie ze netjes op?
Hoi Marjon,
Elementor laat ook geen codes achter, alle content wordt gewoon onder elkaar geplaatst. Natuurlijk gaat je design wel verloren als je Elementor uitschakelt. Overigens vind ik dit geen essentieel punt meer, want een plugin als deze ruimt alle niet gebruikte shortcodes netjes voor je op en kost nog geen 2 tientjes. Daar zou ik je keuze dus niet vanaf laten hangen, al is Elementor sowieso een prima keuze.
Groeten van Bob
Ik heb Elementor zelf even gecontact. Hun builder werkt helemaal niet met short codes, dus ook geen troep als je overstapt naar een ander. Klinkt goed en sympathiek allemaal.
Beste Bob,
Kan je mij vertellen als ik onderdelen met Elementor Pro heb aangemaakt in de proefversie, en ik later toch weer overstap op Premium, dat gemaakte Pro dingen wel blijven werken? Of wordt alles ongedaan gemaakt?
Mvg Karin
Hoi Karin,
Als je Elementor Pro deactiveert zullen de dingen die je met Pro hebt gemaakt niet meer werken. Als je Elementor Pro geïnstalleerd laat, maar het abonnement daarop niet verlengt, zullen de Pro widgets wel blijven werken en kun je de Pro functies ook nog gewoon gebruiken, maar je krijgt geen updates en support meer. Verder heb je ook geen toegang meer tot de pro layouts. Als je geen updates meer ontvangt zal dat vroeg of laat leiden tot problemen natuurlijk…
Toch mis ik iets in elementor; dit is het SEO gedeelte. als je rankmath of yoast gebruik kan je de seo in wordpress editor aanpassen
als je de pagina omzet nar elementor canvas en je past je pagina aan dan moet je weer terug naar wordpress editor om de score te zien .
jammer dat je in elementor dat zelfde kolom niet kan zien gelijk als je met je pagina bezig bent
Hallo Bob. Mijn website word niet goed weergegeven op tablets, de vieuwpoort staat op 768, maar alles staat tegen elkaar. Ook een probleem van Elementor dat hij bij een post als je 1 kolom ingeeft hij er automatisch 2 van maakt bij tablet. Hoe krijg ik de website goed op tablet?
Hoi Margaret,
Daarvoor zou ik echt even mee moeten kijken met je instellingen enzo, om te zien wat er precies mis gaat. Dat kan ik zo niet zeggen.
Groeten van Bob
Dag Bob, ik ben bezig een website te bouwen (heb je hierover geconsulteerd via mail).
Ik heb de website in de test fase staan zie voorbeeld: https://www.jimvanhulst.nl/test/wp-admin/etc
Alle linkjes en paginas hebben dus test in de link. Kan ik die eenvoudig vervangen om de site live te zetten of dient dit handmatig te gebeuren.
dank
Hoi Jim,
Ik heb je mail ontvangen, reageer daar morgen even op. Maar om je vraag even te beantwoorden, die linkjes kun je vervangen met de better search replace plugin. Dan zoeken naar /test/ en vervangen door /. Wel eerst even een backup maken van de database natuurlijk.
Groeten van Bob
Ha die Bob,
Ik ben bezig een nieuwe webshop te bouwen met elementor pro en ik gebruik Elementor hello als theme.
Echter het kwartje wil niet vallen, weet ik in divi aardig mijn weg te vinden, hier lukt het me niet.
Ik heb de plugin woocommerce geinstalleerd, en volledig geconfigureerd
Daarna heb ik de product pagina en de categorie pagina gemaakt, so far so good.
Volgens de video van elementor maak je dan een template aan in theme builder als zijnde single product.
Ook dat heb ik gedaan en dan?? dan loop ik vast.
Heb ook een template aangemaakt met product archive, dat kan ik dan niet aanpassen??
Iets zegt me dat ik verkeerd begonnen ben, maar waar?
Hopelijk kan jij wat licht in de duisternis schijnen zodat ik mijn weg kan vervolgen 😉
Hoi Rens,
Je moet nog wel instellen waar je die template wilt gebruiken, heb je dat al gedaan? Dat doe je door naast de knop “bijwerken” onderaan op het pijltje te klikken en dan op “display conditions”. Vervolgens kun je instellen waar je de template wilt weergeven.
Op je archiefpagina moet je de archive products widget gebruiken, maar die widget biedt inderdaad niet al teveel instelmogelijkheden (buiten wat styling). De inhoud van de loop kun je er niet mee bewerken, dus je kunt niet bepalen dat je bijvoorbeeld je product titel boven de product afbeelding wilt hebben in plaats van eronder, of custom fields in de loop verwerken. Maar dat kan ook niet met Divi of een andere page builder.
Er zijn wel plugins waarmee dat kan. Voor Elementor is bijvoorbeeld deze gratis plugin beschikbaar.
Groeten van Bob
Hi Bob,
Zelf heb ik ook al verschillende websites gebouwd met Elementor Pro en dat werkt echt fantastisch. Vooral het drag & drop systeem werkt erg makkelijk waardoor eigenlijk iedereen met deze page builder een eigen website kan bouwen. Het enige nadeel vind ik dat de templates van Elementor en Elementor Pro vrij simpel zijn. Vaak gebruik ik daarom het Astra theme, omdat deze starter templates goed samenwerken met de Elementor page builder.
Wat zijn jouw ervaringen hiermee?
Hoi Tim,
Persoonlijk gebruik ik meestal Divi 🙂 Daar kun je kiezen uit honderden complete voorbeeld websites (vergelijkbaar met Elementor’s template kits). Maar ik maak eigenlijk nooit gebruik van standaard templates, ik ontwerp elke website op maat.
Groeten van Bob