Vill du veta de bästa funktionerna att behärska på Elementor Pro?
Alla WordPress-användare har känt till det. Elementor är en av de mest populära sidbyggarna. Att vara ett freemium-plugin kan du njuta av upplevelsen att skapa en vacker sida på ett visuellt sätt med Elementor med möjlighet att uppgradera till proversionen för att låsa upp mer avancerade funktioner.
Läs vår guide om: Hur man installerar Elementor på WordPress
Det finns faktiskt två sätt att utöka Elementors funktionalitet. Förutom uppgradering till proversionen kan du också installera tillägg från tredje part som utvecklats av kända utvecklare som weDevs, WPDeveloper, till Crocoblock. Om du hellre vill uppgradera till Elementor Pro istället och fortfarande undrar vilka funktioner du kan låsa upp, här är listan.
Topp 20 funktioner i Elementor Pro
1. Temagenerator
WordPress är skrivet i PHP. Som sagt, för att skapa ett plugin eller ett Wordpress tema, måste du också vara skicklig i PHP och stödja språk som JavaScript. Men det var förr. Idag kan du skapa din egen Wordpress tema utan kodning tack vare temabyggarfunktionen som erbjuds av vissa sidbyggarplugins som Elementor.
Vad är en temabyggare?
För att förstå konceptet med en temabyggare måste du först förstå komponenterna i en Wordpress tema. Ett WordPress-tema består av mallfiler. Varje mallfil styr layouten för en del av temat. Till exempel filen header.php kontrollerar layouten på temat rubrik, medan filen footer.php styr layouten för temats sidfot. Mest av WordPress-teman har följande mallfiler:
- header.php: För att styra rubrikens layout.
- footer.php: För att styra sidfotens layout.
- singel.php: För att styra layouten för den enskilda artikeln (blogginlägg).
- sidebar.php: För att styra sidofältets layout.
- archive.php: För att kontrollera layouten på arkivsidor.
- page.php: För att styra sidans layout.
En temabyggare låter dig skapa anpassade mallar för att ersätta ovanstående mallar, liksom andra mallar som tillhör ett tema. Du kan skapa den anpassade mallen med hjälp av den visuella redigeraren för sidbyggaren du använder (Elementor i det här fallet).
En av fördelarna med att använda en temabyggare istället för ett tema är att du kan definiera var en anpassad mall ska tillämpas. Du kan till exempel definiera en anpassad rubrikmall som ska tillämpas på ett visst inlägg, sida, inlägg under vissa kategorier, hela webbplatsen etc.
Med andra ord kan du ha olika layouter för en viss del av temat (t.ex. rubrik) genom att skapa flera anpassade mallar för samma del. En annan fördel är att du har obegränsade anpassningsalternativ.
2. WooCommerce Builder
Har du en WooCommerce-driven webbplats för e-handel? Elementor Pro kan också ta din webbdesign till e-handel till nästa nivå genom att låta dig skapa anpassade mallar för din WooCommerce onlinebutik. Inget behov av att köpa ett WooCommerce-tema.
Lire: Hur man skapar en anpassad sida i en WooCommerce-butik med Elementor
Istället kan du anpassa delar av WooCommerce själv med Elementors visuella redigerare. De delar av WooCommerce som du kan skapa anpassade mallar för är:
- Enstaka produktsida
- Produktarkivsidor (kategorier och taggar)
- Butiksida
Du har följande widgets för att skapa anpassade mallar för WooCommerce:
Produkter | Produktbetyg |
WooCommerce brödsmulor | Produktlager |
Anpassad Lägg till i kundvagn | Produktmeta |
WooCommerce-sidor | Kort beskrivning |
Produktkategorier | Produktinnehåll |
Menyvagn | Produktdataflikar |
Produkttitel | ytterligare information |
Nätbutiker | Produktrelaterad |
produkt Pris | upsells |
Lägg till i kundvagnen |
3. Formbyggare
Elementor Pro ger dig tillgång till formulärwidgeten. Du kan använda den här widgeten för att lägga till ett formulär i sidan / temabyggmallen du arbetar med. Med den här widgeten kan du skapa ett brett utbud av formulärtyper tack vare dess omfattande fälttypstöd. Här är fälttyperna som stöds av Elementors Form-widget:
text | Accept |
E-postadress | dold |
Textarea | html |
URL | Lösenord |
Sådana | Filöverföring |
Välja | Tid |
Kryssruta | Datum |
radio | Antal |
Du kan bädda in ditt formulär i reCAPTCHA för att skydda den mot spammare. Med ett litet knep kan du också använda formulärwidgeten för att skapa en registreringssida på din webbplats. Elementor låter dig också göra det skapa ett formulär i flera steg så att du kan skapa en förenklad långform samt tillhandahålla en bästa användarupplevelse till dina användare.
Elementor själv har inte en standardfunktion för att hantera formulärinlämningar. Elementors Form-widget stöder integrationer med populära tjänster GetResponse, ActiveCampaign, ConvertKit, Discord, etc.
4. Popupgenerator
Popup-byggare är en av funktionerna som du kan låsa upp efter uppgradering till Elementor Pro. Med den här funktionen kan du skapa vackra popup-fönster på din webbplats utan kodning. Du kan till och med använda de färdiga formulärmallarna som erbjuds för att effektivisera ditt arbetsflöde.
Det finns över 100 färdiga popup-mallar som erbjuds av Elementor.
Elementors popup-generator stöder i sig följande typer av utlösare:
- På sidan laddas - När sidan laddas
- På rullning - När du rullar
- På rullning till element - När du rullar till elementet
- Vid klick - På klick
- Efter inaktivitet - Efter inaktivitet
- On page exit intention - On page exit intention
Elementor Pro Popup Generator stöder också visningsförhållanden, vilket gör att du kan definiera var en popup visas. Det låter dig också visa ett popup-fönster baserat på följande villkor:
- Efter x sidvisningar
- Efter x-sessioner
- När du kommer från en viss webbadress
- När sökmotorer anländer
- Visa ett popup-fönster endast för offlineanvändare
- Visa på specifika enhetstyper (stationär, surfplatta, smartphone)
- Visa i specifika webbläsare
Med sitt klickutlösarstöd kan du också använda popup-generatorn för att skapa både a helskärmsmeny och en meny utanför duken.
5. Integrationer från tredje part
Som nämnts ovan kan du använda Elementors Form-widget för att skapa ett brett utbud av formulär tack vare dess omfattande stöd för formulärfält. En av dem låter dig använda formulärwidgeten för att skapa ett e-postregistreringsformulär för att generera leads.
Du kan ansluta ditt formulär till populära e-postmarknadsföringstjänster som ActiveCampaign, GetResponse, etc.
Här är de tjänster från tredje part som du kan integrera ditt formulär med:
- GetResponse
- ActiveCampaign
- MailerLite
- ConvertKit
- MailPoet
- Mailchimp
- Dropp
- Slak
- Discord
- HubSpot
Dessa tredjepartsintegrationer är särskilt användbara om du vill använda Elementor för att skapa målsidor.
6. Anpassad CSS
Det är sant att Elementor låter dig skapa vackra sidor på din WordPress-webbplats utan att behöva hantera CSS. Men om du vill skapa en webbplats helt unik kan du använda dina CSS-kunskaper. Den här funktionen låter dig implementera de CSS-funktioner som ännu inte är tillgängliga på Elementor, såsom CSS Transform för att lägga till en snygg hovringseffekt till Elementor.
Läs också: Hur man importerar eller exporterar modeller i Elementor
Du kan lägga till anpassad CSS till varje Elementor-element. Oavsett om det är ett avsnitt, en kolumn eller en widget. Du kan komma åt blocket Anpassad CSS under fliken advanced från inställningspanelen (panelen till vänster) i Elementor-redigeraren för att lägga till anpassad CSS.
7. Rörelseeffekter
Elementor Pro levereras med justeringsalternativ så att du kan använda rörelseeffekter på ett element på sidan du arbetar med. Du kan använda funktionen för att lägga till animeringseffekter på din sida utan att behöva förstå JavaScript.
De rörelseeffekter som erbjuds av Elementor Pro faller i två typer: rullningseffekten och museffekten. Dessutom kan du också använda klibbigt alternativ på avsnitt och widgets.
8. Över 90 widgets
Som du vet släpps Elementor som ett freemium-plugin, vilket innebär att det finns en gratis version tillgänglig för dig att njuta av Elementors användarupplevelse utan att spendera en krona. Även om Elementor Free erbjuder grundläggande widgets, kommer pro-versionen med mer avancerade widgets som formulär, inlägg, inloggning, prislista etc.
Här är widgets som du kan låsa upp efter uppgradering till Elementor Pro.
inlägg | Nedräkning | post Utdrag |
Portfölj | Dela knappar | Utvald bild |
Diabilder | blockquote | Författare Box |
Form | Facebook-knapp | Inlägg Kommentarer |
Logga in | Facebook Kommentarer | Postnavigering |
Animerad rubrik | Facebook Bädda in | Postinfo |
PRISLISTA | Facebook-sida | Produkter |
Pris tabell | Mall | WooCommerce brödsmulor |
Vändbox | site Logo | Anpassad Lägg i kundvagn |
Ring till handling | Sidans Titel | WooCommerce-sidor |
Mediekarusell | Sidkakel | Produktkategorier |
Vittnesbördskarusell | nav Menu | Menyvagn |
Omdömen | Sökformulär | lottie |
Webbplatskarta | Post titel | Markera kod |
Videospellista | PayPal-knapp | hotspot |
Det finns över 90 widgets som du kan låsa upp totalt (gratis widgets och pro widgets)
9. Dynamiskt innehåll
Du kan inte bara använda Elementor för att skapa statiska webbplatser. Med sitt stöd för dynamiskt innehåll kan du även använda Elementor för att skapa en webbplats dynamiska såsom en blogg, nyhetsportal, annonseringswebbplats och andra typer av dynamiska webbplatser. Du kan lägga till dynamiskt innehåll till en temabyggarmall eller sida med hjälp av följande widgets:
- site Logo
- Sidans Titel
- Page Title
- Post titel
- post Utdrag
- Utvald bild
- Postinfo
- inlägg
10. Anpassade fält
De widgets som vi nämnde i punkt 9 ovan kan användas för att lägga till dynamiskt WordPress-dynamiskt innehåll, till exempel inläggstitel, postmeta, utvald bild etc.
Vad sägs om anpassade fält? Elementor Pro låter dig också lägga till Anpassade fält. Genom att maximera denna funktionalitet kan du använda Elementor för att bygga alla typer av webbplatser med minimala möjliga plugins. Elementor Pro är kompatibel med följande populära anpassade fält-plugins:
- Pods
- Avancerad anpassade fält
- Verktygset
- Jetmotor
Hur integrerar jag ett visst anpassat fältplugin med Elementor?
Du kan helt enkelt skapa den anpassade fältgruppen med ditt favoritfältplugin och använda Elementor för att visa data för de anpassade fält som du skapade. Du kan visa anpassade fält i en mall. Du kan läsa vår tidigare artikel för att ta reda på det hur man lägger till anpassade fält i Elementor.
I finalen
Elementor är ett bra verktyg för att bygga en vacker webbplats utan att hantera någon kod. Oavsett om det är CSS -koder, HTML -koder, PHP -koder eller JavaScript -koder. Den fria versionen av Elementor var fantastisk, men för att låsa upp dess potential som det bästa plugin för sidbyggare måste du låsa upp alla funktioner, vilket du kan göra genom att uppgradera till pro -versionen.
Här slutar denna första lista med funktioner som du kommer att kunna låsa upp med Elementor Pro. Du kommer att upptäcka de nästa i en annan artikel.
Skaffa Elementor Pro nu!
Slutsats
Här! Det är det för den här artikeln som introducerar dig till de bästa fantastiska funktionerna att behärska på Elementor Pro. Om du har några frågor om hur du kommer dit flåt oss veta i commentaires.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.