För inte så länge sedan fanns det inte visuella sidbyggare. Det innebar att de som inte kunde koda inte hade särskilt stor chans om de ville starta en enkel försäljningssida för sin verksamhet eller en målsida för att sprida ordet om en ny uppfinning.

Du var tvungen att förlita dig enbart på webbutvecklare och designers – och de kom med betydande kostnader. Dessutom var dessa utvecklare och designers tvungna att arbeta med CSS och HTML för att göra även den minsta stilförändringen på en webbplats – en uppgift som tog mycket längre tid än någon skulle vilja medge.

Så småningom kom kortkoder, påskyndade utvecklingsprocessen för dem som ville hoppa över hela HTML-grejen.

Men den verkliga revolutionen började med WordPress sidbyggare – ett imponerande tillägg till WordPress som gjorde design till en mer visuell procedur.

Webbutvecklare kan nu skapa fler webbplatser på en bråkdel av tiden (vilket ger rum åt fler kunder och mer pengar). Dessutom behöver nybörjare och startups där ute inte förlita sig på en dyr utvecklare, eftersom de kan bygga en webbplats med dra och släpp-element för objekt som karuseller, bilder, videor, kolumner, produktgallerier, portföljer, och mer.

Vad är poängen med en WordPress-sidbyggare?

Har du någonsin försökt att skapa något så enkelt som en kontakta oss-sida? Du kan inkludera ett formulär med fält för en användares namn, webbplats, e-postadress och meddelandet. Sedan kanske du vill infoga en karta som leder till ditt kontor, tillsammans med några länkar till dina supportsidor och information om ditt företag. Glöm inte ditt telefonnummer!

Även om Kontakta Oss-sidan är en av de mer grundläggande sidorna att bygga, kräver det en anständig mängd formatering, kodning och huvudvärk för att slutföra processen utan en visuell byggare. Men när du installerar en WordPress-sidbyggare ändras allt detta. Inte bara kan erfarna utvecklare påskynda utvecklingsprocessen, men nybörjare behöver inte längre oroa sig för den röriga koden.

Dessutom visas mycket av innehållet på skärmen precis som det kommer visas på din webbplats. Ingen finjustering och sedan trycka på förhandsvisningsknappen längre! Som vi sa är Kontakta oss-sidan nästan den enklaste webbsidan du kan göra, men en WordPress-sidbyggare ger dig ännu fler fördelar när du har rader efter rader av innehåll.

Ta en startsida till en e-butik som exempel. En sida som denna kan kräva något av följande:

Att ordna allt det tar ganska lång tid, men en WordPress-sidbyggare kan potentiellt dra ner på den tiden till 20 minuter om du vänjer dig vid byggarens gränssnitt. Efter det, möjliggör de bästa sidbyggarna att du flyttar runt kolumner och innehåll, storleksändring, kolumnkonfigurering, färger, och mycket mer. Och det allra bästa? Dessa uppgifter görs vanligtvis helt enkelt med hjälp av musen.

En snabb lista över de bästa Sidbyggaralternativen för WordPress år 2024

Vi kommer prata djupgående om var och en av dessa sidbyggare för WordPress, men om du vill testa dem direkt, klicka igenom listan nedan.

Hitta den bästa Sidbyggaren för WordPress för din webbplats

Det finns en hel del sidbyggare för WordPress på internet, och detta gör det ganska knepigt när det gäller att välja den rätta. Den goda nyheten är att vi har begränsat ner dina val till de som har utmärkta betyg och otroliga funktioner baserade på våra tester.

Det är också viktigt för oss att sidbyggarna är kompatibla med de flesta WordPress-Teman. Så, vi kommer att beskriva de bästa av de bästa och prata om några av de situationer där du kanske borde överväga en WordPress-sidbyggare över en annan.

1. Elementor

Elementor finns som en gratis pluginnedladdning, men du har också möjlighet att betala för Pro-versionen. Pro-versionen börjar på $49 för en webbplats och går upp till $199 för obegränsat antal webbplatser. Som du kommer att upptäcka med de funktioner som anges nedan, och med Elementors användarvänlighet, är detta ett riktigt kap.

Den kostnadsfria Elementor-nedladdningen erbjuder en enkel men kraftfull sidbyggare för WordPress, med ett av de snabbaste gränssnitten du kan hitta. Allt är omedelbart, från live-redigeringar till omedelbara sidladdningar. Standard sidbyggar-funktioner inkluderar animationer, formavdelare, gradienta bakgrunder och rubrikeffekter. Det finns även ett mallbibliotek med fantastiska WordPress-mallar, som du kan välja och vraka mellan. Den kostnadsfria versionen av Elementor är också mobilvänlig, med några praktiska verktyg för underhållsläge, under konstruktion-sidor, målsidor och mycket mer.

Elementor WordPress-sidbyggare
Elementor WordPress-sidbyggare

När det gäller den övergripande prestandan och funktionsuppsättningen, spelar det ingen roll om du väljer pro eller gratisversionen. Det beror huvudsakligen på vad du behöver för just din specifika webbplats. Det sagt, är Pro-versionen av Elementor riktig snygg och av hög kvalitet.

Till att börja med innehåller Elementor Pro över 26 widgets för att skapa de perfekta sidorna, oavsett om det är för e-handel, portföljarbete eller en vanlig företagswebbplats. Du kan till exempel infoga Facebook-knappar, sidor och kommentarer på hela din webbplats, samtidigt som du utnyttjar WooCommerces widgets, till exempel kategorier, produkter eller elementmoduler. Live-formulärskaparen innebär att du inte längre behöver spendera tid i backenden på att arbeta med formulär. Dessutom kan du spara dina widgets och klistras över dem till andra sidor eller webbplatser.

Varför ska jag använda denna Sidbyggare för WordPress?

  • Gratisversionen har mallar, ett snabbt designområde och en designupplevelse som är helt omedelbar.
  • Den betalda versionen börjar på bara $49 för en webbplats.
  • Du behöver inte installera andra plugins för underhåll-, kommer snart-, och målsidor.
  • Spara redigerade widgets som kan användas över hela din webbplats.
  • Välj bland över 26 widgets, varav några inkluderar videor, knappar, ikoner, sociala ikoner, bildgallerier och räknare.
  • Du kan översätta din webbplats till dussintals andra språk.
  • Uvecklar-API är öppen för att utöka och integrera Elementor till andra system.

Glöm inte att också kolla in vår intervju med Ben Pines, utvecklaren bakom Elementor.

2. GeneratePress with GenerateBlocks

GeneratePress är ett gratis WordPress-tema, men vi ser det som en förenklad sidbyggarlösning, perfekt för nybörjare-webmasters, bloggare och utvecklare som vill ha en okomplicerad och snabb visuell byggare. Du kan dessutom använda GeneratePress Premium och dess kostnadsfria GenerateBlocks-plugin för att visuellt bygga nästan alla typer av webbplatser.

Låt oss börja med själva temat. GeneratePress är ett enkelt, lättviktigt och gratis WordPress-tema med lysande recensioner och en vacker layout för målsidor, bloggar, affärswebbplatser och försäljningssidor. Det är svårt att komma på en marknad där du inte kunde använda GeneratePress-temat eftersom det är så modernt och rent.

Om du är trött på klumpiga, långsamma teman, är det värt att kolla in GeneratePress.

Den mesta av redigeringen görs via WordPress liveredigerare när du arbetar med det kostnadsfria temat, men du får tillgång till alla moduler (tillägg) inklusive sektioner, när du väljer premium-versionen av temat.

GeneratePress-temat med sitt GenerateBlocks plugin-tillägg.
GeneratePress-temat med sitt GenerateBlocks plugin-tillägg.

Även utan GenerateBlocks erbjuder GeneratePress ett vansinnigt snabbt sätt att bygga en vacker webbplats. Men när du lägger till det kostnadsfria GenerateBlocks-pluginet öppnas många dörrar till en omfattande design. Om du behöver ännu fler funktioner kan du välja GenerateBlocks Pro.

Sammanfattningsvis gör pluginet att du kan lägga till ett block och sedan lägga till innehåll i det blocket som media, text, rubriker, färger och bakgrundsfärger. Så du kan utforma en lista över dina produktfunktioner med fet text, bilder och länkar.

Som vi nämnde tidigare, handlar kombinationen av GeneratePress och GenerateBlocks om hastighet. När du har skapat alla dina block kan du flytta runt dem med dra och släpp-gränssnittet. Blocken staplas ovanpå varandra, så de flesta rörelserna sker vertikalt.

Varför ska jag använda denna Sidbyggare för WordPress?

  • GeneratePress levererar potential att skapa och hantera en professionell webbplats inom några minuter.
  • Det finns ett kostnadsfritt tema som gör underverk, men du har möjlighet att betala cirka $ 59 / år för premiumtemat som inkluderar temabyggare, Webbplatsbibliotek och premiumsupport.
  • GenerateBlocks-pluginet lägger till den efterlängtade mångsidigheten med flera block, så att allt du behöver göra är att flytta runt dina bitar av innehåll för att organisera dem.
  • Du kan använda premiumversionen av GeneratePress på upp till 500 webbplatser (nästan obegränsat för de flesta användningsområden). En utvecklare eller agentur skulle med andra ord endast behöva betala $ 59 för att ha ett tema för alla kunder.
  • Du får fantastiska moduler för saker som färger, WooCommerce, typografi, menyer, sidhuvuden, bloggar, bakgrunder, avstånd och krokar.
  • Du får noggranna och välutvecklade prestandaoptimeringar, såsom dynamisk CSS-cachning, ett standardalternativ för en system-typsnittsstack (inga typsnittsfiler), ingen jQuery, och mindre Font Awesome.

3. Beaver Builder

Beaver Builder erbjuder en robust WordPress-sidbyggare för de kreativa av er som fortfarande längtar efter något mer än enkelheten hos de tidigare byggarna. Det finns både en gratis lite-version och en premiumversion. Prissättningen är lite högre än de flesta andra sidbyggare. Du kan dock använda Beaver Builder på ett obegränsat antal webbplatser, från $99.

Vitmärkning erbjuds i Byråplanen ($399) så det är uppenbart att folket på Beaver Builder också tänker på utvecklingshus med kunder.

När det gäller WordPress-sidbyggaren kan du få full kontroll över dina designelement, allt genom att börja med moderna och vackra mallar och städa upp din webbplats med ett dra och släpp-system. Beaver Builder stoltserar med precision för sin visuella byggare, vilket för den framför andra alternativ som har mer petiga kontroller.

Beaver Builder WordPress-sidbyggare
Beaver Builder WordPress-sidbyggare

Live, frontend-redigeringen är där Beaver Builder visar vad den går för, eftersom du inte behöver klicka på förhandsgranskningsknappen hela tiden eller gissa när du gör justeringar. Det är en mobilvänlig byggare, och WooCommerce-stödet är användbart för webbutikerna där ute. Du kan spara och återanvända rader och moduler för senare användning, samtidigt som du använder kortkoder och widgets när tredjepartsplugins inte integreras med Beaver Builder.

Tillsammans med återanvändbara mallar, ett öppet API och en import/export-funktion är det svårt att hitta en WordPress-sidbyggare som har så många funktioner som Beaver Builder.

Varför ska jag använda denna Sidbyggare för WordPress?

  • Live, frontend-redigeringen fungerar i realtid; inga gissningar behövs, och du behöver inte vänta på att förändringar ska återspeglas på skärmen.
  • Sidbyggaren fungerar fint med WooCommerce.
  • Några av premiumplanerna kommer med ett Beaver Builder-tema, som har en enkel, men ändå kraftfull design och några underbara förinställningar för att skapa dussintals olika stilar med ett knapptryck.
  • Du får dussintals dra och släpp-moduler inklusive (men inte begränsat till) bilder, textredigerare, separatorer, dragspel, call to action, räknare, prenumererationsformulär och pristabeller.
  • Byråplanen ger dig vitmärkning, nätverksomfattande inställningar, och en DIY-webbpubliceringsplattform för den ultimata miljön för att betjäna dina kunder.
  • Alla dina layouter kan sparas och återanvändas någon annanstans på din webbplats. Du kan även försöka överföra över några av dessa layouter till andra webbplatser.

4. Divi

Divi har blivit välkänt eftersom det kommer från de imponerande utvecklarna på Elegant Themes. Som med alla Elegant Themes-produkter, måste du gå med som medlem för att låsa upp alla plugins, teman och andra häftiga funktioner de har att erbjuda. Det är ett nav för utvecklare och byråer som kräver ett bibliotek fullt av WordPress-plugins och teman. Med det sagt börjar ett medlemskap på endast $89 per år, så det är svårt att argumentera mot.

När det gäller Divi Builder, är detta en pärla som presenterar ett oändligt antal layoutmöjligheter. Du kan använda den på vilket tema du vill genom att dra nytta av 46 innehållsmoduler. Till exempel inkluderar några av modulerna:

  • Dragspelsmeny
  • Ljudspelare
  • Räknare
  • Kommentarer
  • Avdelare
  • E-post opt-in
  • Portfolio
  • Slider
  • Kundbetyg
Divi WordPress-sidbyggare
Divi WordPress-sidbyggare

Divi Builder tillåter flera kolumner, men några av de mer spännande designerna på Elegant Themes webbplats visar långformigt innehåll för bloggar och målsidor. Faktum är att Elegant Themes säger att Divi är perfekt för att berätta en lockande historia med en vertikal visning av bilder och interaktiva element.

De enkla konfigurationsalternativen säkerställer att du inte behöver veta något om kodning. Du kan dock lägga till din egen anpassade CSS om du inte kan hitta något i Divi eller om du vill införliva ett helt unikt element. Som med många av WordPress-sidbyggarna på denna lista, har Divi också en funktion för att duplicera och kopiera alla element med ett enda klick. Du kan även dölja eller låsa en viss modul på backenden om du vill spara den till senare eller hindra andra från att redigera.

Varför ska jag använda denna Sidbyggare för WordPress?

  • Med 46 innehållsmoduler har Divi ett av de största biblioteken av webbplatselement att välja mellan.
  • Du får även några vackra mallar för att komma igång.
  • Duplicera, inaktivera och lås objekt.
  • Divi ger en unik ”kollaps”-funktion för att konsolidera din vy och rensa ut området för en mindre rörig designupplevelse.
  • Divi erbjuder också obegränsade ångra/gör om. Därmed kan du gå tillbaka till en revidering som gjorts långt in i det förflutna och fortfarande hoppa tillbaka till den revideringen.

Rekommenderad läsning: Divi vs Elementor: Jämförelse av WordPress sidbyggar-plugins

5. Brizy

Brizy är skapat av teamet som utvecklade ThemeFuse, Unyson och Pixelkit. Teamet på ThemeFuse har skapat WordPress-mallar under många år, så de vet vad användarna behöver och vill ha. De fokuserar på att designen av sidor för din webbplats ska bli så enkel som möjligt.

Brizy WordPress har en kostnadsfri version och en PRO-version. Den kostnadsfria versionen inkluderar en begränsad uppsättning av funktioner och mönster. Pro-versionen inkluderar allt och börjar på $ 49 / år för en enda webbplats, $ 99 / år för 100 webbplatser (deras Frilansar-plan) och $ 199 / år för hela 500 webbplatser(deras Agenturs-plan).

Agenturs-planen kan till och med användas helt vitmärkt med borttaget varumärke från Brizy. Brizy erbjuder även några livstidserbjudanden, som inte har en återkommande kostnad.

Brizy WordPress-plugin för sidbyggare
Brizy WordPress-plugin för sidbyggare

Slutligen så erbjuder Brizy även en molnversion av deras webbplatsbyggare. Brizy-användare kan migrera webbplatser mellan Brizy Cloud och Brizy WordPress med ett enda klick.

Här är anledningarna till att överväga denna WordPress-sidbyggare:

  • Prisvärd prismodell, särskilt för frilansare och agenturer.
  • Fullständig vitmärknings-kapacitet, du kan sälja Brizy under ditt eget varumärke (du kan även få ditt eget vitmärkta WP-plugin).
  • Ett av de bättre utformade användargränssnitten som vi har sett i ett plugin för sidbyggare.
    130+ kompletta webbdesigner.
  • 500+ färdiga block för att skapa dina egna mönster.
  • Det har en fantastisk automatisk sparnings-funktion som innebär att du aldrig förlorar ditt arbete.
  • Det har en Facebook-grupp där du kan chatta med andra Brizy-användare för ytterligare support och idéer.

6. Page Builder by SiteOrigin

Page Builder av SiteOrigin har både en gratis version och en premiumversion för $29. Du kan ladda ner SiteOrigins widgetbundle utan att behöva lämna en e-postadress eller betala en extra avgift. De widgets som erbjuds inkluderar moduler för Google Maps, rubriker, bildnät, pristabeller, inläggskaruseller, och mycket mer. Kombinera detta med en lyhörd WordPress-sidbyggare och du har hittat ett enkelt innehållskapande gränssnitt för alla erfarenhetsnivåer.

Detta är ett enkelt dra och släpp-system, med hjälp av rutnätsbaserad teknik och integration med SiteOrigin och widgets från tredje part. Därför kan du bygga din webbplats med hjälp av några av de mer bekanta widgets som kommer med ditt tema. Sidbyggaren har live frontend-redigering, men du har också möjlighet att flytta runt element i backend-sidbyggaren. Detta ger dig ett enkelt verktygsfält längst upp av ditt innehåll, med knappar för att lägga till widgets, lägga till rader, använda förbyggda moduler, eller titta på din historia.

SiteOrigin Sidbyggare
SiteOrigin Sidbyggare

Som vi pratade om ovan, ges Page Builder av SiteOrigin bort gratis utan att behöva uppgradera för support eller uppdateringar. Du kan dock uppgradera till premiumversionen om du vill ha ytterligare tillägg, till exempel SiteOrigin Custom Post Type Builder, vilket kan bidra till att ytterligare förbättra din webbplats.

Varför ska jag använda denna Sidbyggare för WordPress?

  • Om du är intresserad av en smidig WordPress-sidbyggare utan den dyra prislappen. Detta inkluderar en stor samling av widgets gratis.
  • Du har inget emot att lösa dina egna kundsupportproblem i forumet eller dokumentationen.
  • Du vill ha en sidbyggare som är live på både backenden och frontenden.
  • SiteOrigin Page Builder tillhandahåller ett elegant, enkelt verktygsfält som är lätt att förstå. Du kan lägga till de viktigaste elementen som rader och widgets.
  • SiteOrigin integreras perfekt med sina egna widgets och vilka andra tredjepartswidgets du eventuellt är van vid för din webbplats.

7. Visual Composer

Visual Composer har ett starkt team bakom sig! Det är utvecklat av skaparna av WPBakery, en av de mest populära sidbyggarna som säljs på CodeCanyon. Förutom att det är lätt att använda, är det också fyllt med funktioner som mellanvana och avancerade webbutvecklare kommer att tycka om.

Till exempel får du över 50 premium innehållselement och 100 fördefinierade layouter. Över 40 rutnäts-designmallar gör att du kommer igång på rätt sätt, och med över 200 exklusiva tredjepartstillägg har du verkligen en värdefull produkt här. Visual Composer ger visuella redigerare för både frontenden och backenden. Frontend-lösningen visar realtidsresultat när du justerar din webbplats, medan backend-redigeraren är mer av ett rutnätbaserat gränssnitt med moduler för dra och släpp.

Visual Composer WordPress-sidbyggare
Visual Composer WordPress-sidbyggare

Som du kanske förstår krävs ingen kodning när du arbetar med Visual Composer-pluginet. Faktum är att utvecklarna har lagt till något som heter ”trädvy”, vilket gör din byggare till ett skiktat gränssnitt, ungefär som Photoshop eller Sketch Layers.

Om det finns stunder då du inte kan få ett designelement att se helt rätt ut, eller om du vill bli kreativ och göra en del av din webbplats helt unik, kan du utnyttja de anpassade CSS- eller anpassade Javascript-sektionerna. Detta kan göras globalt eller lokalt då du kan behöva lägga till en viss stil till hela webbplatsen.

Varför ska jag använda denna Sidbyggare för WordPress?

  • Använd den enkla dra och släpp-redigeraren för att flytta och hantera din layout och dina element över sidan.
  • Att köpa det separat kostar dig bara $59.
  • Du får tekniskt en 3-1-redigerare med backend, live frontend-redigerare och trädvyn.
  • Visual composer låter dig dölja element och spara dem till senare, städa upp ditt designområde och påminner dig om modulen.
  • WordPress-sidbyggaren kräver ingen kunskap om kod, men de som har erfarenhet har full kontroll över de anpassade CSS- och Javascript-områdena.

8. Page Builder Sandwich

Page Builder Sandwich fungerar främst som ett gratis plugin, men det finns möjlighet att uppgradera till Page Builder Premium, som ger dig över 1 700 fler vektorikoner, en anpassad version av Google Maps, hundratals kortkoder och plugins, tillsammans med möjligheten att lägga till din egen CSS.

Vi gillar Page Builder Sandwich för nybörjare eftersom det främst bygger på en visuell frontend-sidbyggare. Därför behöver du inte tänka på någon backend-design, vilket tar bort behovet av att veta något om kod. Dra och släpp-elementen är ganska grundläggande, med enkla textrutor och bilder. Du kan anpassa färger och storlekar med musen och se alla dina ändringar i realtid.

Page Builder Sandwich
Page Builder Sandwich

Även om det inte finns en dra och släpp-redigerare för backenden, integreras Page Builder Sandwich fint med WordPress standard innehållsredigerare. Därför kan du hoppa tillbaka till den redigeraren för att justera bilder eller text, men koden från den visuella redigeraren kommer inte att bli förstörd.

Denna WordPress-sidbyggare är en något urvattnad version av alternativ som Divi och Elementor, men det gör underverk om du vill rensa i röran. Till exempel är 10 helsidesmallar trevligt som utgångspunkt, men andra sidbyggare har större bibliotek.

Varför ska jag använda denna Sidbyggare för WordPress?

  • The free version is basic enough for the average webmaster to jump in and start designing without training.
  • The premium version has hundreds of plugins and shortcodes, along with thousands of vector icons.
  • 10 page templates come along with the plugin so you don’t have to build your site from scratch.
  • The WordPress page builder presents a beautiful frontend live editor, and this doesn’t conflict with any edits made to the backend WordPress editor.

9. Oxygen

Oxygen-appen är lite annorlunda än din genomsnittliga WordPress-sidbyggare eftersom den fungerar genom en separat sandlåde-modul – som fortfarande är ansluten till WordPress – men det är faktiskt vad jag skulle kalla separat. En aspekt som jag verkligen tycker om med Oxygen är att det rensar bort de flesta av flikarna och verktygsfälten som du normalt skulle se från WordPress och fokuserar bara på sidbyggar-alternativ som knappar för att göra containers, stycken och textblock.

Oxygen har ett fast pris på $99. Detta inkluderar en 30-dagars pengarna-tillbaka-garanti och livstidsuppdateringar för ett obegränsat antal webbplatser. Därför behöver du inte fortsätta betala en årlig avgift för enkel support och uppdateringar.

Oxygen WordPress-sidbyggare
Oxygen WordPress-sidbyggare

Poängen med Oxygen är att skapa webbplatser på några minuter, och de färdiga komponenterna gör att du kan skapa dina egna designer på ett snabbt sätt. HTML-element ingår också om du vill bygga din webbplats på ett mer traditionellt sätt. Oxygen har en import/export-funktion för att snabbt flytta designer från en plats till en annan. Dessutom kan du använda Oxygene tillsammans med andra sidbyggare som Visual Composer, Beaver Builder och Elementor. Detta är en stark fördel om du hittar speciella funktioner i olika WordPress-sidbyggare som du gillar.

Jag tycker att Oxygens gränssnitt ser ut som Photoshop. Det är lätt att förstå när du fått öva lite, och det har en överväldigande mängd verktyg om du lär dig hur du använder dem. Jag skulle dock se det som ganska skrämmande för en förstagångsanvändare. Med det sagt bör mer erfarna utvecklare finna det användbart, särskilt med stöd för Javascript, HTML, PHP och CSS.

Varför ska jag använda denna Sidbyggare för WordPress?

  • Oxygene ger full kodningsförmåga (med Java, HTML, PHP och CSS) tillsammans med en solid visuell frontend-byggare
  • Du kan kombinera Oxygene med andra sidbyggare som Elementor, ifall du gillar funktioner från båda.
  • Denna WordPress-sidbyggare ger dig en livstid av uppdateringar och support, och du kan använda den på så många klientwebbplatser du vill.

10. Live Composer

Live Composer är en annan gratis, öppen källkod WordPress-sidbyggare så du kan navigera till webbplatsen och ladda ner pluginet genom att skriva in din e-postadress och namn. Det erbjuder ett dra och släpp-gränssnitt på frontenden så att du inte behöver känna till något om kodning. Redigeraren skapar en responsiv design och den levereras med över 40 innehållsmoduler för snabb och enkel utveckling.

Live Composer har två teman för dig att komma igång med din design, och det tillhandahåller en specifik WooCommerce-integration som du kan köpa för $69. Detta ger dig full anpassning för allt från produktsidor till varukorgs-sidor.

Live Composer WordPress-sidbyggare
Live Composer WordPress-sidbyggare

Det enda du skulle behöva betala för är om du behövde WooCommerce-support eller något av de många tilläggen. Tilläggen säljs i ett paket för $49.

Förutom det är Live Composer-pluginet en grundläggande, men ändå intuitiv, byggare för alla nivåer. Jag skulle vilja se en mer omfattande lista över moduler med den kostnadsfria versionen, men du kan dra nytta av tilläggen om det behövs.

Varför ska jag använda denna Sidbyggare för WordPress?

  • Du behöver inte betala ett öre för sidbyggaren.
  • Du kan välja att betala för en fullständig dra och släpp-redigerare för WooCommerce.
  • Företaget säljer också premiumtillägg för saker som Google Maps, videoinbäddning, galleribilder och animeringar.

11. MotoPress Content Editor

Sidbyggaren MotoPress Content Editor har inte samma exponering som några av de mer populära alternativen på den här listan. Det är dock en prisvärd lösning ($ 39 per årlig licens) med stöd för alla teman, sidor, inlägg och anpassade inläggstyper. Denna sidbyggare ingår dessutom kostnadsfritt om du registrerar dig för ett MotoPress-medlemskap (även om de är lite dyra).

MotoPress Content Editor kombineras med WordPress-redigeraren för att skapa en helt visuell frontend-redigeringsupplevelse. Pluginet är dessutom kompatibelt med WordPress-multisidor om du har ett nätverk av webbplatser.

Standardpluginet erbjuder flera färdiga teman och ett flerspråkigt gränssnitt så att du kan ändra din webbplatstext så att alla kan förstå den. Även om du endast är intresserad av den fullständiga Woocommerce-supporten eller de medföljande Google-webbteckensnitten, är det värt att ta en titt på Visual Page Builder från MotoPress.

MotoPress Content Editor
MotoPress

Om du väljer ett Årligt medlemskap i MotoPress Club (från $ 299) får du även tillgång till resten av deras premium-plugins. Några av dessa plugins inkluderar alternativ för:

  • Stöd för vitmärkning
  • Videoreglage och videoljuslådor
  • Google Maps Pro
  • Prissättningstabeller
  • Ett enkelt kontaktformulär
  • Bild hotspots
  • En nedräkningsmodul
  • Ett utökat WooCommerce-tillägg

Här är anledningarna till att överväga denna WordPress-sidbyggare:

  • Den är relativt billig för att vara en premium-sidbyggare.
  • Pluginet fokuserar mer på den visuella sidbyggaren i realtid, så det är bra om du inte har något intresse av backend.
  • Du får lite WooCommerce-support i standardpluginet.
  • WordPress-sidbyggaren inkluderar en handfull färdiga sidmallar och teman.
  • Pluginet är kompatibelt med WordPress-multisidor.

12. Themify Builder

Themify Builder har den tydliga fördelen att den är inbyggd i alla Themify-teman. Om du hittar ett Themify-tema som passar dina behov behöver du med andra ord inte bry dig om att integrera en WordPress-sidbyggare från tredje part eller betala för något extra.

Det finns även ett Builder Pro-alternativ som kostar $ 69 och innehåller 25 tillägg. Bland dessa tillägg finns alternativ för WooCommerce-support, prissättningstabellelement, kartintegreringar och mer.

Themify Builder plugin
Themify Builder

Det finns även en kostnadsfri version av Themify Builder som du kan använda med vilket tema som helst. Den kostnadsfria sidbyggaren har responsiva element i alla upplösningar. Frontend live förhandsgransknings-redigering tar bort behovet av att röra sig så mycket i backend, och standard dra och släpp-modulen inkluderar följande: text, ljud, dragspel, galleri, inlägg, widget och mer.

Premium Themify Page Builder har mer att erbjuda för avancerade utvecklare eftersom det har ett område där man kan skriva in sin egen anpassade CSS. Detta öppnar upp för alla möjliga anpassningsmöjligheter. Det kombineras även bra med den delfunktionen där man kan skapa anpassade CSS-moduler och återanvända dem någon annanstans.

Den främsta fördelen med premiumversionen är de över 60 fördesignade bygglayouterna. Du får även över 60 animationseffekter och en lyhörd styling för det väldigt realistiska designcentret.

Revideringskontrollen utökas också i den här versionen, eftersom det låter dig spara dina layouter i ett obegränsat antal versioner. Slutligen hjälper tilläggen dig att förvandla din WordPress-sidbyggare till ett av de enda plugins du behöver. Några av tilläggen tillåter:

  • Bildspel
  • Oändliga inlägg
  • En skrivmaskinseffekt
  • En videoslider i bakgrunden
  • Maps Pro
  • Förloppsindikator
  • Tidslinje
  • Räknare
  • A/B bilddisplay

En nackdel med Themify’s Builder Pro är att många av dessa tillägg är funktioner som andra sidbyggare inkluderar direkt ur lådan, exempelvis bildspel och slider-gallerier. Så om du inte nyttjar ett Themify-tema, finns det sannolikt bättre alternativ när det gäller sidbyggare.

Varför ska jag använda denna Sidbyggare för WordPress?

  • Den betalda versionen inkluderar 25 tillägg.
  • Det inkluderas i alla deras teman.
  • Themify Builder har över 60 fördefinierade bygglayouter och 60 animeringseffekter.
  • Det tillhandahåller ett ovanligt verktyg där du kan dölja vissa Webbplatselement beroende på vilken enhet som används.
  • Du har också möjlighet till anpassad CSS, ifall du vill återgå till mer traditionella designmetoder.

13. Gutenberg (Blockredigeraren)

Gutenberg, även känd som Blockredigeraren är ett relativt nytt tillskott till WordPress. Det har funnits i ett par år och har vuxit från något som vissa ansåg vara en gimmick till en väldigt kapabel sidbyggare.

Gutenberg
Gutenberg

Blockredigeraren är förmodligen inte en sidbyggare, eftersom den är en del av WordPress-kärnan. Den är dock tydligt utformat för att skapa en mer visuell redigeringsupplevelse, som efterliknar sidbyggare.

Med Blockredigeraren får du tillgång till förbyggda block (och du kan även skapa dina egna), dra och släpp-funktionalitet och anpassningsbara element. Det finns dessutom många plugins som lägger till nya block till WordPress, inklusive WooCommerce, helt kostnadsfritt.

Utöver block gör redigeraren att du även kan skapa återanvändbara innehållsavsnitt och ger dig tillgång till ett litet antal mallar. Om du använder ett tema som är ”blockaktiverat” kan du använda redigeraren för att anpassa dess sidmallar och lägga till nya. Det betyder att du inte längre skapar sidmallar från grunden med kod.

Om du har använt andra sidbyggare tidigare kan Blockredigeraren kännas lite klumpig. Det finns inte så många alternativ för att definiera layouter och redigeraren kan sakna avancerade block om du inte installerar tilläggs-plugins. Men om du inte vill betala för en premium-sidbyggare eller installera ett annat plugin, erbjuder Blockredigeraren många fördelar helt kostnadsfritt.

Här är anledningarna till att överväga denna WordPress-sidbyggare:

  • Den är standardredigeraren i WordPress (vilket innebär att den är kostnadsfri)
  • Du kan använda plugins för att utöka blockbiblioteket (de flesta är kostnadsfria)
  • De flesta moderna temana är utformade för att erbjuda en fantastisk upplevelse med Blockredigeraren
  • Du kan bygga återanvändbara sidsektioner med block
  • Vissa teman gör att du kan använda Blockredigeraren för att skapa och anpassa sidmallar

Ytterligare sidbyggare och mångsidiga teman

Det finns så många sidbyggare på marknaden att vi inte kan täcka dem alla, men här är några ytterligare sådana som förtjänar ett omnämnande.

Och naturligtvis, vi kan inte glömma populära teman som Avada och X WordPress Theme. Avada har sin egen Fusion Builder inbyggd, och X Theme har både Visual Composer såväl som sin egen byggare, Cornerstone. Cornerstone finns också separat. Men vi kommer att täcka flersyftes-teman mer djupgående i ett annat inlägg. 😉

Nackdelar med Sidbyggare

Som med varje produkt eller plugin, finns det alltid några nackdelar. Här är några att komma ihåg:

  • Vissa sidbyggare kan öka laddningstiden på din webbplats. Detta beror på att de måste ladda ytterligare CSS och JS för att få saker att fungera för dig utan kod. Vi rekommenderar alltid att du hastighetstestar din WordPress-webbplats före och efter installationen av en sidbyggare.
  • Du gör ett åtagande och låser in dig i den sidbyggaren när det gäller design. Se till att du väljer en som uppdateras regelbundet och har allt du behöver under lång tid framöver.

Nu är det din tur att välja den bästa sidbyggaren för WordPress

Du kommer att hitta alla typer av resultat när du söker efter WordPress-sidbyggare i Google. Förhoppningsvis kan den här guiden hjälpa dig att minimera dina alternativ och fatta ett välgrundat beslut baserat på din budget, erfarenhetsnivå och vilken typ av funktioner du vill ha.

För att göra det lite lättare för dig, är detta några sista slutsatser:

  • Om du vill ha ut det mesta av dina pengar (massor av funktioner till ett bra pris): Överväg Elementor, Divi, Beaver Builder, eller Brizy.
  • Om du är intresserad av en snabb, enkel sidbyggare: Testa GeneratePress with GenerateBlocks, Page Builder av SiteOrigin.
  • Om du vill ha en gratis WordPress-sidbyggare: Kolla in Elementor, Page Builder Sandwhich, Live Composer, eller Page Builder av SiteOrigin.
  • Om du letar efter en mer kraftfull sidbyggare med stöd för avancerad kodning: Titta på Divi, Themify, Visual Composer eller Oxygen.

Om du har några frågor om de bästa WordPress-sidbyggarna, låt oss veta i kommentarerna nedan. Dela också gärna dina erfarenheter med sidbyggare du har använt så att andra kan lära sig mer.

Brian Jackson

Brian har stor passion för WordPress och har använt det i över ett årtionde, han har till och med utvecklat ett par premium-plugins. Brian gillar att blogga, kolla filmer och hiking. Ta kontakt med Brian via Twitter.