Letar du efter en Elementor review för att hjälpa dig att bestämma om det är rätt drag and drop page builder för dig?
WPBeginner har en lång historia av att hjälpa människor att utveckla vackra WordPress-webbplatser (vi har faktiskt till och med lanserat våra egna tjänster för webbplatsdesign för att hjälpa ännu fler användare). Vi använde också sidbyggarplugins för att designa många av våra partners webbplatser, inklusive Duplicator, WPForms och WP Charitable.
Det betyder att vi vet vad vi ska leta efter i ett bra plugin för sidbyggare. Vi vet vilka funktioner du måste ha och vilka problem du bör se upp med.
Med detta sagt, i denna Elementor-recension kommer vi att titta på dess funktioner, prissättning och support, för att hjälpa dig att avgöra om det är rätt sidbyggarplugin för dig.
Elementor Review: Varför använda det i WordPress?
Elementor är en populär page builder som allow you att skapa custom WordPress layouts utan att skriva en enda rad kod.
Elementor har massor av professionellt utformade templates som du kan använda som utgångspunkt för alla typer av pages. Välj helt enkelt den templates du vill använda, ersätt texten och images med ditt eget content och du är redo att gå live.
Du kan även downloada hela website-kit och sedan customize dem i Elementor editor. Detta är perfekt för att snabbt skapa hela websites, bloggar och online stores.
När du arbetar med din design kan du drag and drop Elementor widgets på din layout. Elementor har över 100 av dessa färdiga widgets som sträcker sig från grundläggande image- och textwidgets till avancerade dragspel, sliders, rekommendationer, social media icons och tabs.
Om du precis har kommit igång eller har en limit budget, kan du downloada Elementor Website Builder plugin från WordPress.org.
Detta gratis WordPress plugin levereras med en drag and drop editor, så att du kan designa alla typer av pages utan några specialkunskaper i kodning. Det kommer också med all core widgets.
Men om du uppgraderar till premiumpaketet får du över 60 ytterligare widgetar. Detta inkluderar Portfolio, Review och Testimonials som är perfekta för att displayed social proof.
Premiumpaketen unlockar också Elementors form builder och popup builders, så att du kan finjustera varje del av din site design.
Elementor Review: Är det rätt page builder tillägg för dig?
Med rätt page builder kan du skapa en professionell website som inte har några problem med att konvertera besökare till användare, prenumeranter på email och customers.
Med det sagt, i denna Elementor review kommer vi att se om det verkligen är det bästa WordPress page builder plugin.
1. Över 300 färdiga templates
Att designa och bygga dina egna pages kan vara skrämmande. Med detta i åtanke kommer Elementor med över 300 professionellt utformade templates som du kan använda som utgångspunkt.
Det har templates för en mängd olika branscher och användningsområden. Du kan till exempel välja en template för en blogg om mode, en site för turism, en store, en ideell organisation med mera.
Det har också templates som du kan använda på vilken website som helst, till exempel 404 page templates.
All denna design är helt anpassningsbar, så du kan add to your eget content eller remove widgetar som du inte gillar. Du kan till exempel skriva in dina egna message eller add to en custom logo.
Alternativt kan du bygga en page from scratch med hjälp av Elementors blank canvas template.
2. Drag and drop Editor
Elementor fungerar på ett liknande sätt som andra page builders plugins som SeedProd, Thrive Architect, Beaver Builder och Divi. Oavsett om du väljer en template eller börjar från scratch, kan du finjustera designen med hjälp av Elementors drag and drop editor.
Editorn visar en Live Preview till höger och några Page-inställningar till vänster.
Elementor layouts är uppbyggda med hjälp av sections, columns och widgets. Varje section kan ha flera columns med sina egna stilar, färger och content.
De flesta templates kommer med built-in widgets som du kan customize med hjälp av settings i Elementors vänstra menu. Du kan till exempel ändra färgen på linken, add to en färg på knappen eller skapa en Drop Shadow.
You can also add to your own content by dra widgets onto the layout. Elementor kommer med grundläggande widgets som gillar heading och text, plus premium widgets som sociala delningsknappar och nedräkningstimer.
Elementor stöder också inline editing så att du kan add to your messages direkt i editorn.
Elementor integreras även med tillägg från tredje part, så du kan få några ytterligare widgetar beroende på vilka WordPress-tillägg du har installerat. Om du till exempel använder WPForms kan du lägga till och customize formulär direkt i Elementor med hjälp av widgeten WPForms.
3. Helt anpassningsbara layouts
Elementor ger dig full control över dina layouts. Till att börja med kan du ställa in bredden och höjden på varje section och column, eller till och med skapa full width pages. Elementor har också en flexbox-justering så att du kan skapa responsiva layouts med ”stretch to fill”.
You can add margins and padding, create sticky content, or even use absolute positioning. För att skapa en illusion av djup kan du ordna content på ett Z-index så att det ser ut att flyta ovanför resten av page.
4. Bekväm navigation
När man bygger komplexa customize layouts kan det vara svårt att hitta och komma åt ett exakt element inom den designen. Med detta i åtanke har Elementor en panel med navigationsträd som visar sidans struktur på ett lättförståeligt sätt.
Du kan öppna eller dölja alla element genom att clicka på dem i Navigatorns träd. Du kan t.ex. dölja alla element utom det du arbetar med för tillfället för att undvika distraktioner. Du kan också flytta om element med hjälp av drag and drop.
5. Inbyggt anteckningsblock
Samarbetar du kring en design? Du kanske till exempel arbetar med en frilansande utvecklare av WordPress eller med medlemmar i ditt företags designteam.
I så fall kan du lämna dessa människor kontextuella anteckningar direkt i Elementor editor.
6. Bibliotek med fonts för icons
Icon fonts innehåller symboler eller små bilder istället för bokstäver och siffror. De kan resizes och hämtar data precis som webbtypsnitt, så de gör inte din website långsammare.
Medan you can add icon fonts to your theme, Elementor comes with a built-in library featuring more than 1,500 free Font Awesome 5 icons.
Alternativt kan du uploada dina egna SVG image-filer.
7. Använd custom fonts
Elementor levereras med över 800 Google Fonts som du kan använda i din design. You can also upload your own WOFF, TTF, SVG or EOT fonts, or upload Adobe fonts.
När du har valt ett font kan du customize det med hjälp av textskuggor, insticksprogram, konturer med mera.
8. Formdelare
Elementor levereras med flera formdelare som du kan använda för att organisera ditt content på iögonfallande sätt, eller för att dra uppmärksamhet till sidans viktigaste innehåll.
9. Skapa customize-färger
Med Elementor kan du använda färger på intressanta och iögonfallande sätt. Detta inkluderar att skapa gradientfärger, överlägg och filter.
You can also add box shadows with unique colors, to make your designs really stand out. För mer information om detta ämne, vänligen se vår guide om hur du väljer ett customize färgschema för din WordPress site.
10. Animationer och effekter
Animationer är ett bra sätt att fånga besökarens uppmärksamhet och lyfta fram sidans viktigaste content. De kan också uppmuntra customers att clicka på dina affiliate links, call-to-actions och annat viktigt content.
Elementor allow you to add all kinds of effects including scrolling, mouse, and 3D title effects. Du kan också använda hover-animationer för att avslöja information på ett uppseendeväckande sätt,
Elementor har också CSS omvandlingar som rotate, scale, skew, förskjutning och flip, som är perfekta för att lägga till ett berättande element i din design.
För mer information om ämnet, vänligen se vår guide om hur du enkelt kan lägga till CSS-animationer i WordPress.
11. Dynamiskt content
Ibland vill du att ditt content ska updates automatiskt. Du kan till exempel visa en lista över dina senaste inlägg eller senaste comments.
Med Elementors dynamiska tags kan du hämta all slags content från WordPress CMS och sedan visa det för dina besökare.
Du kan också ställa in regler för vilken typ av content Elementor ska displayed. Du kan till exempel visa olika recensioner från kunder, produkter eller erbjudanden beroende på veckodag. Detta kan hjälpa till att hålla din site intressant, även för vanliga besökare.
Du kan till och med visa olika content för olika användare på din membership site.
Dessutom har Elementor en avancerad funktion för loop grid. Detta hämtar information om dina senaste produkter eller post och visar den sedan i en fin grid layout. Du kan även förbättra detta grid med kategorier och taggar som filtrerar för att hjälpa besökare att hitta vad de letar efter.
12. Action Links
Elementor har en rad olika action links som hjälper you att integrera med många populära appar och tjänster. Elementor har t.ex. en knapp med click-to-navigate som öppnar Waze så att besökarna kan planera en resa till din fysiska store eller ditt huvudkontor.
Det finns också en knapp för click-to-message som allow visitors to start a text message conversation with you over WhatsApp, Messenger, Viber, or Skype.
13. Add Custom Code
Elementor allow you to create custom layouts without writing a single line of code. Men om du föredrar det kan du använda custom CSS för att ändra textfärger, font, avstånd, positionering och göra andra ändringar.
På så sätt kan du ge din design ett unikt utseende och en unik känsla. Du kan add to custom CSS till enskilda element, hela pages eller till och med på site-nivå så att det påverkar hela din website.
14. Mobil responsiv
All din Elementor-design är mobil responsiv som standard. Det innebär att dina pages kommer att se lika bra ut på smartphones och surfplattor som på stationära enheter.
Elementor har också ett responsivt läge som allow you att view den mobila versionen av your design. You can then adjust your menus, motion effects, and each element’s position, so that it’s optimized for different devices.
Visst content kanske inte fungerar så bra på smartphones och surfplattor. Till exempel kan stora högupplösta images ta upp för mycket utrymme på mindre vyer.
Med Elementor kan du dölja specifika sections och widgets på mobila enheter.
Du kan till och med visa helt olika content för stationära och mobila användare. Du kan t.ex. skapa unika call-to-action-knappar eller en mobilanpassad responsiv WordPress-meny.
15. Globala widgetar
Ibland kanske du vill återanvända samma content på flera locations. Du kan till exempel add to din bästa kunds avatar, jobbtitel och citat till widgetaren Testimonial.
Istället för att återskapa denna testimonial på varje location kan du save den som en global widget. You can then access this widget any time in the ”Globals” menu, and add it to the page layout using drag and drop.
Ännu bättre, om du gör några ändringar i den här globala widgeten kommer Elementor att updating alla instanser av widgeten över hela din site. Detta är mycket snabbare jämfört med att updating varje instance manuellt.
16. Hantera dina widgetar
Elementor har massor av widgetar, inklusive några som du kanske aldrig behöver. Om du inte använder en viss widget kan du inaktivera den. Detta gör det lättare att hitta de widgetar du behöver, och kan förbättra Elementors prestanda.
Ett annat alternativ är att ”favorisera” dina mest använda Elementor-widgetar, så att de alltid finns inom användarvänligt räckhåll.
Delar du din WordPress dashboard med andra människor?
Om du runar en WordPress blogg med flera författare kan du begränsa åtkomsten till ett visst widget baserat på varje persons roll som användare.
17. Complete Revision History
När du arbetar med din design, sparar Elementor ditt arbete automatiskt. Men kl. någon gång kan du behöva återställa en tidigare version. You kanske till exempel gör ett misstag och snabbt vill ångra your work.
Den goda nyheten är att Elementor registrerar dina ändringar, så att du kan ångra eventuella misstag med en enkel CTRL / CMD Z.
18. Skapa Custom Templates
Ibland kanske du vill återanvända samma design på flera pages. Om du till exempel runar månatliga giveaways eller tävlingar kanske du vill använda samma landing page och helt enkelt update priset varje månad.
I stället för att återskapa den här designen manuellt kan du helt enkelt save den som en återanvändbar template.
När det är gjort kan du komma åt den här templaten när som helst via Elementor template-biblioteket.
This allows you to apply the same layout, widgets, and sections to any new page.
Hanterar du flera websites, t.ex. flera bloggar i ett affiliate-nätverk?
Du kan exportera dina templates och sedan importera dem till en annan WordPress website som har Elementor installerat.
Detta är särskilt användbart om du run en WordPress utvecklare. Du kan skapa ett bibliotek med templates för vanliga pages, t.ex. page Kontakt. När du har gjort det kan du använda dessa templates som utgångspunkt för alla dina kunders websites.
Om du hanterar flera webbplatser kan du på samma sätt enkelt kopiera/klistra in element mellan dem.
19. Anpassningsbara globala Settings
Ofta vill du använda samma färger, fonts, theme styles och andra settings i hela din WordPress blogg eller website. Istället för att återskapa dessa settings för varje layout kan du save dem som globala styles.
Du kan sedan tillämpa denna stil på alla element med bara några click.
20. Kompletta kit för websites
Om du vill skapa en new WordPress website, snabbt, så kommer Elementor med över 100 responsiva site kits.
Välj helt enkelt det kit du vill använda, tillämpa det på din site och add to ditt eget content.
Detta allow you att skapa en professionell website på ett enkelt sätt. I viss mån kan du använda globala färger och typografier för att customize hela satsen så att den matchar ditt företags eller din personliga profil perfekt.
Är du designer eller utvecklare av WordPress?
Då kan du skapa dina egna website-kit som du kan använda på all your framtida projekt. Skapa helt enkelt din design som vanligt och exportera den sedan.
21. Importera och exportera
Som redan nämnts tillåter Elementor dig att exportera dina inställningar, content och templates för din site. Det innebär att du kan återanvända dina mönster på några olika sätt.
Till att börja med kan du exportera enskilda element, t.ex. header och footer, och helt enkelt add to annat content.
Under tiden kan du göra backup på alla dina pages, posts och custom post types genom att exportera innehållet på din site. Elementor kommer att exportera detta content som en ZIP-fil som du kan uploada till valfri molnlagringstjänst, till exempel Google Drive.
Slutligen kan du exportera globala fonts, themestilar, layouts samt inställningar för lightbox och bakgrund. Detta är användbart om du vill kopiera en sites utseende och känsla utan att kopiera dess content.
Oavsett vilket alternativ du väljer skapar Elementor en ZIP-fil som du kan importera till alla andra webbplatser som har Elementor installerat.
22. Support för online stores
Runner you an online store?
Med Elementor kan du ersätta standard WooCommerce pages med din egen design. Du kan till exempel customize WooCommerce-kassasidan eller skapa en custom page för cart.
Ännu bättre, du kan edit dessa WooCommerce pages med hjälp av den välbekanta Elementor builder, templates, sections, och widgets.
För att hjälpa dig att skapa dessa mönster snabbt, har Elementor även ett urval av färdiga WooCommerce widgetar. Detta inkluderar widgetar för produktbreadcrumbs, produktkategorier, produktrating och upsell.
23. Knappar för Stripe och PayPal
Vill du bara sälja ett fåtal objekt online?
Om du inte behöver en komplett e-handelsplattform har Elementor Stripe och PayPal widgetar. Detta allow you to add a standalone payment button to your website. Du kan sedan samla in betalning med ett Stripe- eller PayPal-konto.
Detta är perfekt om du vill sälja ett litet antal objekt eller till och med godkänna donationer.
24. Skapa popup-fönster
Popups kan hjälpa dig att genomföra leads, utöka din email list och uppnå andra viktiga mål. I stället för att installera ett separat plugin för popup, tillåter Elementor dig att designa customize popups.
Den levereras med över 100 popup templates som du kan customize med hjälp av Elementor editor, och de tools du redan är bekant med.
You can then choose the location where these popups will appear and the conditions that will trigger them. You kanske till exempel vill visa en popup när användaren rullar till ett visst djup eller interagerar med en call-to-action knapp.
Elementor har även stöd för exit intent på sidan, så att du kan visa en popup när besökaren är på väg att lämna sidan.
25. Form Builder
Smarta website-ägare använder formulär för att samla in leads, allow användarregistreringar, behandla betalningar och utföra många andra uppgifter. Medan du kan använda ett separat plugin för form builder, är det möjligt att skapa formulär direkt i Elementor editor.
Elementor har 20 olika fält som du kan använda i alla typer av formulär, inklusive formulär med flera pages.
Eftersom du använder Elementor editor kan du customize varje del av formuläret för att perfekt återspegla ditt varumärke och optimera dem för olika enheter.
You can also control exactly what happens when a visitor submits the form. Du kan till exempel skicka ett automatiserat email eller redirecta dem till en customize ” thank you page”.
Elementor lagrar den information som skickas in automatiskt, men det integreras också med de bästa apparna för hantering av kundrelationer (CRM), tjänster för e-postmarknadsföring och andra verktyg. Det innebär att du enkelt kan synkronisera formulärinlämningar med de tools du redan använder.
26. Integreras med WordPress Themes
På grund av dess popularitet har många WordPress teman utformats specifikt för att stödja Elementor. Astra integreras till exempel helt med Elementor page builder plugin, så att du enkelt kan customize alla delar av din website.
27. WordPress Theme Builder
Om du vill bygga ditt eget tema för WordPress måste du lära dig att koda PHP, HTML, CSS och JavaScript, eller anlita en utvecklare av temat.
Om du anlitar en utvecklare eller agency kan kostnaden för ett custom WordPress theme uppgå till tusentals dollar.
Den goda nyheten är att du kan skapa ett custom theme med hjälp av Elementor editor. Detta inkluderar customize av pages som du vanligtvis inte kan edit med standard WordPress tools, såsom din search result page och 404 page.
28. Underhållsläge
Maintenance mode allow you to show a user-friendly notice to visitors instead of a broken WordPress website.
Du kan också kontrollera exakt vem som har tillgång till din site medan du arbetar med den. Om du till exempel är en WordPress utvecklare kanske en kund vill övervaka ditt arbete och ge löpande återkoppling. Det finns gott om tillägg för underhåll, men du kan också designa sidor för underhåll i Elementor.
När du har gjort det kan du när som helst sätta din site i underhållsläge genom att besöka Elementors page för inställningar.
29. Ett ton av integrationer
Om du skapar pages för att genomföra leads, kanske du vill add to ett signup form.
Den goda nyheten är att Elementor sömlöst integreras med många olika verktyg för e-postmarknadsföring, inklusive Aweber, Drip, Mailchimp, ActiveCampaign, Sendinblue och ConvertKit.
Du kan också ansluta CRM-programvara som HubSpot. Förutom det integrerar Elementor med andra tillägg för ecommerce som MemberPress och sociala plattformar.
30. Stöd från samhället och professionella
Med sin drag and drop editor, templates och website kits är Elementor utformad med användarvänlighet i åtanke. Men kl någon gång kanske du har frågor eller behöver lite extra hjälp.
Till att börja med har Elementor ett detaljerat och välorganiserat centrerat hjälpcenter där du hittar dokumentation om många olika ämnen. Till exempel har teamet producerat guider om hur man installerar och aktiverar Elementor och hur man utformar en högkonverterande försäljningssida.
Det finns också en blogg där de täcker ett brett utbud av ämnen, till exempel hur man genererar content med hjälp av artificiell intelligens, plus deras expertval av de bästa webbhotellen.
Om du uppgraderar till premium pluginet, får du också 24/7 support. Skicka bara in en supportbiljett, så kommer en medlem av Elementor-teamet att återkomma till dig så snart som möjligt.
Elementor Preview: Priser och planer
Om du precis har kommit igång eller har en begränsad budget kan du ladda ner pluginet WordPress core gratis från det officiella WordPress repository.
Du måste dock uppgradera till ett Premiumpaket om du vill optimera din WooCommerce store, bygga popups, displaya dynamiskt content och unlocka andra kraftfulla funktioner.
Det finns 4 planer att välja mellan:
- Viktigt. För $59 per år kan du använda Elementor på en enda website. Du får också tillgång till theme builder, form builder och 50 pro widgets. Dessutom har Elementor Essential support för personligt content, så det kan hjälpa till att hålla din site fräsch och intressant, även för vanliga besökare.
- Avancerad. Med ett pris på $ 99 per år tillåter denna plan dig att använda Elementor på 3 webbplatser. Det kommer också med 82 pro widgets och alla funktioner för ecommerce. Med detta i åtanke är Advanced perfekt om du run en online marknadsplats eller en site för ecommerce.
- Expert. För $199 per år kan du installera Elementor på upp till 25 websites. Med detta sagt är Elementor Expert utformad för frilansande WordPress-designers och utvecklare som hanterar en portfölj av klienters webbplatser. Expert kan också passa bra om du äger flera bloggar, websites eller digitala marknadsplatser.
- Agency. Med ett pris på $399 per år, tillåter denna plan dig att använda Elementor på upp till 1 000 webbplatser. Denna generösa limit gör det till den perfekta planen för stora WordPress agencies. You can simply buy a single license and then use Elementor across all your client sites.
Elementor Review: Är det rätt page builder tillägg för dig?
Efter att ha tittat på funktioner, priser och support är vi övertygade om att Elementor är en bra drag and drop page builder. Det allow you att bygga landing pages och till och med hela websites utan att använda WordPress block editor. Den är användarvänlig och kommer med massor av templates, widgets och website-kit.
Om du äger en enda blogg eller website är Elementors Essential plan en bra plats att börja på.
Men om du använder ett plugin för ecommerce som WooCommerce rekommenderar vi att du upgraderar till Advanced. Den här planen innehåller alla funktioner för ecommerce, så att du kan customize dina WooCommerce-produktsidor, optimera kundresan och få mer försäljning.
Om du är en frilansande designer eller utvecklare kan du använda Elementor Expert på upp till 25 websites. Med det sagt kan Expert-planen också passa bra för mindre WordPress agencies.
Hanterar you mer än 25 websites? Med Agency-planen kan du installera Elementor på upp till 1 000 webbplatser, vilket gör det till ett bekvämt alternativ för stora design- eller utvecklingsbyråer.
Vi hoppas att denna Elementor review hjälpte dig att bestämma om det är rätt page builder för din WordPress website. You can also check out our guide on how to choose the best web design software, or see our expert pick of the best email marketing services.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Dave D.
Elementor is a fantastic tool for building websites with ease, but I found its performance to be somewhat lacking