Hur man använder Elementor för att bygga webbplatser på distans

I dessa tider av ekonomisk osäkerhet och social distansering vill företag växa sin egen onlinenärvaro som aldrig förr.

Om du letar efter att få ditt företag online, eller om du är en frilansare som skapar webbplatser för företag som vill ansluta, kan Elementor hjälpa dig att bygga en fjärrwebbplats som är prisvärd och enkel att underhålla.

Elementor är en intuitiv dra och släpp WordPress-sidbyggare, vilket innebär att du kan skapa attraktiva layouter utan att behöva titta på en enda rad kod. Om du vill lära dig lite mer om plugins i allmänhet kan du bläddra igenom WPExplorers fullständiga Elementor-recension.

I det här inlägget kommer jag att förklara lite mer om varför Elementor är det bästa verktyget för att skapa webbsidor på distans. Sedan tar jag dig genom stegen på hög nivå om hur du använder Elementor för att designa webbplatser.

För mer information om hur du använder Elementor för att bygga webbplatser på distans, har HubSpot Academy och Elementor gått ihop för att erbjuda en gratis onlinekurs som täcker allt från att konfigurera ditt webbhotell till att skapa och komma igång. kör din webbplats. WordPress.

Varför använda Elementor för att bygga webbplatser på distans?

Använd Elementor för att skapa webbplatser som kan:

• Spara tid och hjälp dig att designa och iterera snabbare på dina webbsidor.
• Minska din webbplats komplexitet, eliminera fel och gör underhållet enklare när det gäller uppdateringar och tester.
• Spara pengar och förenkla kostnaderna så att du bättre kan bestämma priset på ett projekt.

Låt oss titta på fördelarna mer i detalj.

Spara tid och undvik kod

Oavsett om du är designer, utvecklare eller bara en vanlig WordPress-användare kan Elementor påskynda ditt arbetsflöde med ett intuitivt dra-och-släpp-gränssnitt.

Du kan snabba upp nya designs genom att lägga till innehållswidgets. Du får också massor av layout- och designalternativ för pixelperfekt stil och layouter.

Under hela upplevelsen behöver du aldrig interagera direkt med koden … om du inte vill. Om du vill ha lite mer kontroll kan du enkelt använda din egen anpassade CSS efter behov.

Slutligen, om du verkligen vill spara tid, kommer Elementor med hundratals fördefinierade mallar som du kan importera. Allt du behöver göra är att ange mallen du vill ha, redigera innehållet så att det matchar ditt varumärke och du är klar.

Dessa fördelar kan också spara tid när du behöver upprepa. Till exempel, om en klient begär en ändring kan de snabbt ändra saker utan att fastna i koden.

Minska komplexiteten och eliminera fel

Med en typisk WordPress-sajt är slutprodukten vanligtvis en serie plugins från olika utvecklare.

Det finns inget att hålla ihop dessa separata verktyg förutom den tid och ansträngning du lägger ner på att använda dem för att bygga en konsekvent webbplats.

Det är bra för tillfället, men det kan leda till potentiella problem i framtiden eftersom varje utvecklare kommer att ändra och uppdatera sin plugin oberoende.

Till exempel kan utvecklaren av din skjutreglage-plugin göra en ändring som orsakar problem med hjältedelen av deras hemsida (som du byggde med ett annat plugin)

Med Elementor har du tillgång till alla viktiga verktyg under ett och samma tak.

Till exempel, med Elementor och Elementor Pro har du verktygen som hjälper dig att skapa:

• Rullningslist
• Kontaktformulär
• Form av leadsgenerering
• Utställningslokal
• Pop-up fönster
• Portfölj/rutnätslista
• Prislista
• Mer och mer

Dessa verktyg har alla samma plugin från samma utvecklare, så du kan vara säker på att en ändring av dina leadsgenereringsformulär aldrig kommer att orsaka problem med din leadgenerering. Ett popup-fönster som visar formuläret.

Dessutom gör detta ditt liv mycket enklare när du uppdaterar din webbplats. Istället för att behöva använda en iscensättningsplats för att testa en massa olika plugins vid olika tidpunkter, är allt du behöver göra att testa och uppdatera ett enda verktyg.

I grund och botten kan du använda Elementor som grunden för din webbplats för att förenkla saker och sedan förgrena dig för att uppnå specifika affärsmål, som att använda det kostnadsfria HubSpot WordPress-pluginet för att generera potentiella kunder genom formulär, livechattrutor och popup-fönster på HubSpot CRM gratis

Spara pengar och förenkla kostnaderna

I slutändan kan Elementor spara pengar och prisprojekt lättare.

Precis som att ha tillgång till viktiga verktyg i ett plugin minskar komplexiteten på din webbplats, sänker det också priset du betalar.

Elementor har en gratisversion för kärnbyggaren. Sedan, för att få tillgång till extra funktioner som formulär, reglage, popup-fönster och mer, betalar du bara ett fast pris.

Det tillkommer ingen extra kostnad för olika funktioner eller behovet av att köpa olika tillbehör, vilket håller dina kostnader låga.

Detta gör också dina kostnader tydliga och gör det lättare att värdera en kunds projekt. Istället för att behöva prissätta en massa olika verktyg i ditt förslag, kan du förenkla saker och ting och fokusera på vad du tar betalt för din tid och erfarenhet, inte dina verktyg. .

Hur man använder Elementor för att bygga webbplatser

Nu när du vet några av anledningarna till varför Elementor är ett utmärkt verktyg för att bygga webbplatser på distans, låt oss se hur du använder Elementor för att skapa en fantastisk webbplats.

1. Välj ditt tema

Elementor är ett plugin, så du måste fortfarande välja ett tema för att para ihop det med Elementor.

Eftersom du kommer att använda Elementor för att styra hela/det mesta av din webbdesign bör du fokusera på att hitta ett tema som erbjuder de funktioner du behöver, samt fullt stöd för skapande funktioner Elementors sida. Till exempel, om du vill kunna lägga till anställda, vittnesmål och portföljer, måste du välja ett tema med dessa inläggstyper, som Total WordPress-temat.

Den lättaste möjliga basen är Hello Elementor-temat. I grund och botten är Hello Elementor en 100 % tom duk för dina Elementor-designer.

Eftersom Hello Elementor-temat inte lägger till någon egen stil eller funktioner, kommer det att hålla din färdiga webbplats lätt och laddas snabbt.

Om du vill ha ett tema som kommer med din egen stil, kanske för att kontrollera webbplatsens titel eller kassaupplevelse från WooCommerce-butiken, kan du kolla in den här samlingen av de bästa Elementor WordPress-temanen.

2. Välj din Elementor-smak

Elementor har en gratisversion på WordPress.org, samt en premiumversion som lägger till fler funktioner, kallad Elementor Pro.

Med den kostnadsfria versionen av Elementor kan du skapa en sida för sida. Du kan till exempel skapa en layout för din hemsida, en annan sida för “Om sidor” och sedan kan du skapa separata sidor för varje objekt i din portfölj.

För en enkel dokumentationswebbplats med massor av saker för att ställa in den och glömma den, kan det här vara allt du behöver.

Men för att komma över det kanske du vill överväga Elementor Pro.

Elementor Pro ger dig inte bara fler designverktyg som reglage och formulär, det ger dig också ett helt nytt sätt att skapa webbplatser med Theme Builder.

Med Elementor Theme Builder kan du skapa mallar och tillämpa dem på hela eller delar av din webbplats. Du kan till exempel designa din webbplats:

• Titel
• Arkivsida (t.ex. sidan som listar alla dina blogginlägg)
• Personlig sida (ex ett personligt blogginlägg)
• Sidfot
• Woo kommersiella produkter

Du kan också inkludera dynamiskt innehåll i din design, till exempel något du har lagt till med anpassade fält.

Eftersom du kan skapa en enda mall som gäller för hela eller delar av ditt innehåll, är Elementor Pro ett särskilt bra val för dynamiska webbplatser.

Det är också användbart för andra typer av webbplatser tack vare de nya innehållswidgetarna, som:

• Form
• Rullningslist
• Utställningslokal
• Arbetsresväska
• Prislista
• Mer och mer

Återigen, detta förenklar både din webbplats och dess prissättning (eftersom Elementor Pro innehåller alla funktioner för samma pris)

3. Börja bygga med Elementor

När du har valt rätt Elementor-tema och -version för ditt projekt är du redo att börja bygga.

För att designa ditt innehåll kan du börja från en tom sida eller importera en av de fördefinierade mallarna som följer med Elementor.

För att snabbt skapa en fullständig konsekvent webbplats kan du till och med använda en av Elementor-elementuppsättningarna, som är en uppsättning mallar för varje sida på en webbplats, till och med ner till en 404-sida.

Oavsett om du utgår från en whiteboard eller en förbyggd mall, hamnar du i Elementors intuitiva dra-och-släpp-gränssnitt.

Du ser en liveförhandsvisning av din design till höger; Du kommer att se exakt vad dina webbplatsbesökare kommer att se.

Du kan sedan använda det vänstra sidofältet för att lägga till och konfigurera design- och innehållselement.

Om du till exempel vill lägga till en knapp i din design behöver du bara dra den från sidofältet. Du kan sedan anpassa dina inställningar med samma sidofält.

För en djupare förståelse av hur Elementor-gränssnittet fungerar kan du titta på videon nedan:

Skapa en webbplats med Elementor idag

Nu, mer än någonsin, strävar företag efter att få en onlinenärvaro.

Oavsett om du vill lansera din egen onlinenärvaro eller hjälper kunder att ansluta, kommer du inte bara att lära dig hur du använder Elementor för att skapa webbplatser att skapa vackra och effektiva webbplatser, utan också:

• Spara tid och eliminera behovet av att arbeta direkt med kod.
• Eliminera kompatibilitetsproblem och förenkla underhållet genom att ge dig alla de viktigaste verktygen på ett ställe.
• Spara pengar och förenkla dina kostnader genom att eliminera behovet av att köpa flera separata plugins för nyckelfunktioner.

För att se om Elementor är rätt för dig kan du installera gratisversionen av WordPress.org och börja bygga din första webbplats på distans.