Vil du vite de beste funksjonene å mestre på Elementor Pro?

Alle WordPress-brukere har visst det. Elementor er en av de mest populære sidebyggerne. Å være et freemium-plugin, kan du nyte opplevelsen av å lage en vakker side på en visuell måte ved å bruke Elementor med muligheten til å oppgradere til pro-versjonen for å låse opp mer avanserte funksjoner.

Les guiden vår om: Hvordan installere Elementor på WordPress

Det er faktisk to måter å utvide Elementor-funksjonaliteten på. I tillegg til å oppgradere til pro-versjonen, kan du også installere tillegg fra tredjeparter utviklet av kjente utviklere som weDevs, WPDeveloper, til Krokoblokk. Hvis du heller vil oppgradere til Elementor Pro i stedet og fortsatt lurer på hvilke funksjoner du kan låse opp, her er listen.

Topp 20 funksjoner i Elementor Pro

1. Temagenerator

WordPress er skrevet i PHP. Når det er sagt, for å lage en plugin eller en WordPress tema, må du også være dyktig i PHP og støttespråk som JavaScript. Men det var før. I dag kan du lage din egen WordPress tema uten koding takket være temabyggerfunksjonen som tilbys av noen sidebygger-plugins som Elementor.

Hva er en temabygger?

For å forstå konseptet med en temabygger, må du først forstå komponentene i en WordPress tema. Et WordPress-tema består av malfiler. Hver malfil styrer utformingen av en del av temaet. For eksempel filen header.php styrer oppsettet til temaets overskrift, mens filen footer.php kontrollerer utformingen av bunnteksten til temaet. Mest av WordPress-temaer har følgende malfiler:

  • header.php: For å kontrollere utformingen av overskriften.
  • footer.php: For å kontrollere bunnteksten.
  • single.php: For å kontrollere utformingen av den enkelte artikkelen (blogginnlegg).
  • sidebar.php: For å kontrollere utformingen av sidefeltet.
  • archive.php: For å kontrollere utformingen av arkivsider.
  • page.php: For å kontrollere utformingen av siden.

En temabygger lar deg lage egendefinerte maler for å erstatte malene ovenfor, så vel som andre maler som tilhører et tema. Du kan lage den tilpassede malen ved å bruke den visuelle redigereren til sidebyggeren du bruker (Elementor i dette tilfellet).

elementor-pro-awesome-features-to-master

En av fordelene med å bruke en temabygger i stedet for et tema er at du kan definere hvor en tilpasset mal skal brukes. For eksempel kan du definere en tilpasset overskriftsmal som skal brukes på et bestemt innlegg, side, innlegg under visse kategorier, hele nettstedet osv.

Med andre ord, du kan ha forskjellige oppsett for en bestemt del av temaet (f.eks. Topptekst) ved å opprette flere egendefinerte maler for den samme delen. En annen fordel, du har ubegrensede tilpasningsalternativer.

2. WooCommerce Builder

Har du et WooCommerce-drevet e-handelsnettsted? Elementor Pro er også i stand til å ta design av e-handel-nettstedet ditt til neste nivå ved å tillate deg å lage tilpassede maler for WooCommerce-nettbutikken. Ingen grunn til å kjøpe et WooCommerce-tema.

Les: Hvordan lage en tilpasset side i en WooCommerce-butikk med Elementor

I stedet kan du tilpasse deler av WooCommerce selv ved hjelp av Elementors visuelle editor. WooCommerce-delene du kan lage egendefinerte maler for, er:

  • Enkelt produktside
  • Produktarkivsider (kategorier og koder)
  • Butikkside

Du har følgende småprogram for å lage de tilpassede malene for WooCommerce:

Produkter Produktvurdering
WooCommerce Brødsmuler Produktlager
Egendefinert Legg i handlekurv Produktmeta
WooCommerce-sider Kort beskrivelse
Produkt kategorier Produktinnhold
Handlevognmeny Produktdata-faner
Produkttittel Tilleggsinformasjon
produkt~~POS=TRUNC Produktrelatert
produkt Pris upsells
Legg i handlevognen

3. Skjemabygger

elementor-pro-awesome-features-to-master

Elementor Pro gir deg tilgang til skjema-widgeten. Du kan bruke denne widgeten til å legge til et skjema til siden / temabyggmalen du jobber med. Denne widgeten lar deg lage et bredt utvalg av formtyper, takket være den omfattende feltstøtten. Her er feltypene som støttes av Elementors Form-widget:

tekst Godkjennelse
Epost skjult
Textarea HTML
URL Passord
Tel File Upload
Plukke ut Tid
Avmerkingsboks Dato
radio Nr

Du kan legge inn skjemaet ditt reCAPTCHA for å beskytte den mot spammere. Med et lite triks kan du også bruke skjema-widgeten til å lage en registreringssiden på nettstedet ditt. Elementor lar deg også lage et skjema i flere trinn slik at du kan lage en forenklet lang form, samt å gi en beste brukeropplevelse til brukerne dine.

Elementor selv har ikke en standardfunksjon for å håndtere skjemainnleveringer. Elementors Form-widget støtter integrasjoner med populære tjenester GetResponse, ActiveCampaign, ConvertKit, Discord, etc.

4. Popupgenerator

Popup-byggherre er en av funksjonene du kan låse opp etter oppgradering til Elementor Pro. Denne funksjonen lar deg lage vakre popup-vinduer på nettstedet ditt uten koding. Du kan til og med bruke de ferdige skjemamalene som tilbys for å effektivisere arbeidsflyten.

Det er over 100 ferdige popup-maler som tilbys av Elementor.

elementor-pro-awesome-features-to-master

Elementors popup-generator støtter selv følgende typer utløsere:

  • På sideinnlasting - Når du laster inn siden
  • På bla - Når du blar
  • På bla til element - Når du blar til elementet
  • Ved klikk - Ved klikk
  • Etter inaktivitet - Etter inaktivitet
  • On page exit intention - On page exit intention

Elementor Pro's Popup Generator støtter også visningsforhold, som lar deg definere hvor en popup vil vises. Det lar deg også vise et popup-vindu basert på følgende forhold:

  • Etter x sidevisninger
  • Etter x økter
  • Når du kommer fra en bestemt url
  • Når søkemotorer ankommer
  • Vis et popup-vindu bare for ikke-påloggede brukere
  • Vis på bestemte enhetstyper (stasjonær, nettbrett, smarttelefon)
  • Vis i bestemte nettlesere

Med støtte for klikkutløser kan du også bruke popup-generatoren til å opprette både a fullskjermmeny og en meny utenfor lerretet.

5. Tredjepartsintegrasjoner

Som nevnt ovenfor kan du bruke Elementors Form-widget til å lage et bredt spekter av skjemaer takket være den omfattende støtten for skjemafelt. En av dem lar deg bruke skjema-widgeten til å opprette et registreringsskjema for e-post for å generere potensielle kunder.

Du kan koble skjemaet ditt til populære e-postmarkedsføringstjenester som ActiveCampaign, GetResponse, etc.

Her er tredjepartstjenestene du kan integrere skjemaet med:

  • GetResponse
  • ActiveCampaign
  • MailerLite
  • ConvertKit
  • MailPoet
  • MailChimp
  • Dryppe
  • Slack
  • Discord
  • HubSpot

Disse tredjepartsintegrasjonene er spesielt nyttige hvis du vil bruke Elementor til å lage landingssider.

6. Tilpasset CSS

Det er sant at Elementor lar deg lage vakre sider på WordPress-nettstedet ditt uten å måtte håndtere CSS. Men hvis du vil opprette et nettsted helt unik, kan du bruke dine CSS-ferdigheter. Denne funksjonen lar deg implementere CSS-funksjonene som ennå ikke er tilgjengelige på Elementor, for eksempel CSS Transform for å legge til en stilig sveveeffekt til Elementor.

Les også: Hvordan importere eller eksportere modeller i Elementor

Du kan legge til tilpasset CSS til hvert Elementor-element. Enten det er en seksjon, kolonne eller widget. Du kan få tilgang til blokken Tilpasset CSS under fanen avansert fra innstillingspanelet (panel på venstre side) i Elementor-redigereren for å legge til tilpasset CSS.

7. Bevegelseseffekter

Elementor Pro leveres med justeringsalternativer slik at du kan bruke bevegelseseffekter på et element på siden du jobber med. Du kan bruke funksjonen til å legge til animasjonseffekter på siden din uten å måtte forstå JavaScript.

Bevegelseseffektene som tilbys av Elementor Pro faller i to typer: rulleeffekten og museffekten. Dessuten kan du også bruke klebrig alternativ til seksjon og widgets.

8. Over 90 widgets

Som du vet, blir Elementor utgitt som et freemium-plugin, noe som betyr at det er en gratis versjon tilgjengelig for deg å glede deg over Elementor-brukeropplevelsen uten å bruke en krone. Selv om Elementor Free tilbyr grunnleggende widgets, kommer pro-versjonen med mer avanserte widgets som skjema, innlegg, pålogging, prisliste, etc.

Her er widgetene du kan låse opp etter oppgradering til Elementor Pro.

innlegg Countdown post Utdrag
portefølje Del knapper Utvalgte Bilder
Lysbilder blockquote Forfatterboks
Form Facebook-knapp Post kommentarer
Logg inn Facebook Kommentarer Postnavigering
Animert overskrift Facebook Bygg inn Innlegginfo
Prisliste Facebook-side Produkter
Pris Table Mal WooCommerce Brødsmuler
Vend boksen Site Logo Tilpasset Legg i handlekurven
Call to Action Side tittel WooCommerce-sider
Mediekarusell Sideflis Produkt kategorier
Attestkarusell Nav Meny Handlevognmeny
Anmeldelser Søkeskjema Lottie
Sitemap innlegg Tittel Fremhev kode
Videospilleliste PayPal-knapp hotspot

Det er over 90 widgets du kan låse opp totalt (gratis widgets og pro widgets)

9. Dynamisk innhold

Ikke bare kan du bruke Elementor til å lage statiske nettsteder. Med sin støtte for dynamisk innhold kan du også bruke Elementor til opprette et nettsted dynamisk som en blogg, nyhetsportal, kunngjøringsnettsted og andre typer dynamiske nettsteder. Du kan legge til dynamisk innhold i en temabyggermal eller -side ved å bruke følgende widgets:

  • Site Logo
  • Side tittel
  • Sidetittel
  • innlegg Tittel
  • post Utdrag
  • Utvalgte Bilder
  • Innlegginfo
  • innlegg

10. Egendefinerte felt

Widgetene vi nevnte i punkt 9 ovenfor kan brukes til å legge til standard dynamisk WordPress-innhold, for eksempel posttittel, postmeta, utvalgt bilde osv.

Hva med egendefinerte felt? Elementor Pro lar deg også legge til tilpassede felt. Ved å maksimere denne funksjonaliteten kan du bruke Elementor til å bygge alle slags nettsteder med minimale mulige plugins. Elementor Pro er kompatibel med følgende populære tilpassede felttillegg:

  • pods
  • Avansert egendefinerte felt
  • verktøysett
  • Jetmotor

Hvordan integrerer jeg et bestemt tilpasset feltplugin med Elementor?

Du kan ganske enkelt opprette den egendefinerte feltgruppen ved hjelp av favorittfeltprogrammet ditt og bruke Elementor til å vise dataene til de tilpassede feltene du opprettet. Du kan vise egendefinerte felt i en mal. Du kan lese vår forrige artikkel for å finne ut hvordan du legger til egendefinerte felt i Elementor.

Til slutt

Elementor er et flott verktøy for å bygge et vakkert nettsted uten å håndtere noen kode. Enten det er CSS -koder, HTML -koder, PHP -koder eller JavaScript -koder. Gratisversjonen av Elementor var flott, men for å låse opp potensialet som den beste sidebygger -pluginen må du låse opp alle funksjonene, som du kan gjøre ved å oppgradere til pro -versjonen.

Her ender denne første listen over funksjoner som du vil kunne låse opp ved hjelp av Elementor Pro. Du vil oppdage de neste i en annen artikkel.

Få Elementor Pro nå!

konklusjonen

Her! Det er det for denne artikkelen som introduserer deg for de beste fantastiske funksjonene å mestre på Elementor Pro. Hvis du er bekymret for hvordan du kommer dit fgi oss beskjed i commentaires.

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.

...