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).

elementor-pro-awesome-features-to-master

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-awesome-features-to-master

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.

elementor-pro-awesome-features-to-master

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.

.