Elementor Pro: 10 geweldige functies om te ontgrendelen - Deel I

Wil je weten wat de beste functies zijn om onder de knie te krijgen op Elementor Pro?

Alle WordPress-gebruikers kennen het. Elementor is een van de meest populaire pagebuilders. Omdat het een freemium-plug-in is, kun je genieten van de ervaring van het maken van een prachtige pagina op een visuele manier met Elementor met een optie om te upgraden naar de pro-versie om meer geavanceerde functies te ontgrendelen.

Lees onze gids op: Hoe Elementor op WordPress te installeren

Er zijn eigenlijk twee manieren om de Elementor-functionaliteit uit te breiden. Naast het upgraden naar de pro-versie, kunt u ook add-ons van derden installeren die zijn ontwikkeld door bekende ontwikkelaars zoals wijOntwikkelaars, WPOntwikkelaar, naar krokodil. Als je liever upgradet naar Elementor Pro en je je nog steeds afvraagt ​​welke functies je kunt ontgrendelen, dan is hier de lijst.

Top 20 kenmerken van Elementor Pro

1. Themagenerator

WordPress is geschreven in PHP. Dat gezegd hebbende, om een ​​plug-in te maken of een WordPress theme, je moet ook bedreven zijn in PHP en ondersteunende talen zoals JavaScript. Maar dat was vroeger. Vandaag kun je je eigen maken WordPress theme zonder codering dankzij de functie voor het bouwen van thema's die wordt aangeboden door sommige plug-ins voor het bouwen van pagina's zoals Elementor.

Wat is een themabouwer?

Om het concept van een themabouwer te begrijpen, moet u eerst de componenten van een themabouwer begrijpen WordPress theme. Een WordPress-thema bestaat uit sjabloonbestanden. Elk sjabloonbestand bepaalt de lay-out van een deel van het thema. Het bestand bijvoorbeeld header.php regelt de lay-out van de kop van het thema, terwijl het bestand footer.php bepaalt de lay-out van de voettekst van het thema. de meeste van WordPress-thema's hebben de volgende sjabloonbestanden:

• koptekst.php: Om de lay-out van de kop te regelen.
• voettekst.php: Om de lay-out van de voettekst te bepalen.
• enkele.php: Om de lay-out van het enkele artikel (blogpost) te regelen.
• zijbalk.php: Om de lay-out van de zijbalk te beheren.
• archief.php: Om de lay-out van archiefpagina's te beheren.
• pagina.php: Om de lay-out van de pagina te bepalen.

Met een themabouwer kunt u aangepaste sjablonen maken om de bovenstaande sjablonen te vervangen, evenals andere sjablonen die bij een thema horen. U kunt de aangepaste sjabloon bouwen met behulp van de visuele editor van de paginabuilder die u gebruikt (in dit geval Elementor).

Een van de voordelen van het gebruik van een themabouwer in plaats van een thema is dat u kunt definiëren waar een aangepaste sjabloon wordt toegepast. U kunt bijvoorbeeld een aangepaste kopsjabloon definiëren om toe te passen op een bepaald bericht, pagina, berichten onder bepaalde categorieën, de hele website, enz.

Met andere woorden, u kunt verschillende lay-outs hebben van een bepaald onderdeel van het thema (bijvoorbeeld koptekst) door meerdere aangepaste sjablonen voor hetzelfde onderdeel te maken. Nog een voordeel, je hebt onbeperkte aanpassingsmogelijkheden.

2. WooCommerce-bouwer

Heb je een WooCommerce-aangedreven eCommerce-website? Elementor Pro is ook in staat om het ontwerp van uw eCommerce-website naar een hoger niveau te tillen door u aangepaste sjablonen te laten maken voor uw WooCommerce online winkel. U hoeft geen WooCommerce-thema te kopen.

Lire: Een aangepaste pagina van een WooCommerce-winkel maken met Elementor Element

In plaats daarvan kun je delen van WooCommerce zelf aanpassen met de visuele editor van Elementor. De WooCommerce-onderdelen waarvoor u aangepaste sjablonen kunt maken zijn:

• Enkele productpagina
• Productarchiefpagina's (categorieën en tags)
• Winkelpagina

Je hebt de volgende widgets om de aangepaste sjablonen voor WooCommerce te maken:

Producten	Productbeoordeling
WooCommerce Broodkruimels	Productvoorraad
Aangepast toevoegen aan winkelwagen	Productmeta
WooCommerce-pagina's	Korte omschrijving
Categorieën	Product inhoud
Menu winkelwagen	Tabbladen met productgegevens
Product Titel	Extra informatie
Productafbeeldingen	Product gerelateerd
Product prijs	upsells
Toevoegen Aan Winkelwagen

3. Formulierbouwer

Elementor Pro geeft je toegang tot de Form widget. U kunt deze widget gebruiken om een ​​formulier toe te voegen aan de pagina-/themabouwer-sjabloon waaraan u werkt. Met deze widget kunt u een breed scala aan formuliertypen maken, dankzij de uitgebreide ondersteuning voor veldtypen. Dit zijn de veldtypen die worden ondersteund door Elementor's Form-widget:

Tekst	Aanvaarding
E-mail	verborgen
Textarea	HTML
URL	Wachtwoord
Tel	File Upload
kies	Tijd
checkbox	Datum
Radio	Telefoon Nummer

4. Pop-upgenerator

Pop-upbuilder is een van de functies die u kunt ontgrendelen na het upgraden naar Elementor Pro. Met deze functie kunt u prachtige pop-ups op uw website maken zonder codering. U kunt zelfs de kant-en-klare formuliersjablonen gebruiken om uw workflow te stroomlijnen.

Er zijn meer dan 100 kant-en-klare pop-upsjablonen aangeboden door Elementor.

De pop-upgenerator van Elementor zelf ondersteunt de volgende soorten triggers:

• Op pagina laden - Bij het laden van de pagina
• Op scrollen - Tijdens scrollen
• Bij scrollen naar element - Bij scrollen naar het element
• Op klik - Op klik
• Na inactiviteit - Na inactiviteit
• Exit-intentie op pagina - Exit-intentie op pagina

Elementor Pro's Popup Builder ondersteunt ook weergavevoorwaarden, waarmee u kunt definiëren waar een pop-up zal verschijnen. U kunt er ook een pop-upvenster mee weergeven op basis van de volgende voorwaarden:

• Na x paginaweergaven
• Na x sessies
• Bij aankomst vanaf een bepaalde url
• Wanneer zoekmachines arriveren
• Toon een pop-upvenster alleen voor niet-ingelogde gebruikers
• Weergave op specifieke apparaattypes (desktop, tablet, smartphone)
• Weergeven in specifieke webbrowsers

Met de ondersteuning voor kliktriggers kunt u de pop-upgenerator ook gebruiken om zowel een volledig schermmenu en een menu buiten het canvas.

5. Integraties van derden

Zoals hierboven vermeld, kunt u de Formulierwidget van Elementor gebruiken om een ​​breed scala aan formulieren te maken dankzij de uitgebreide ondersteuning voor formuliervelden. Een van hen stelt u in staat om de formulierwidget te gebruiken om een ​​e-mailregistratieformulier te maken om leads te genereren.

U kunt uw formulier koppelen aan populaire e-mailmarketingservices zoals ActiveCampaign, GetResponse, enz.

Dit zijn de services van derden waarmee u uw formulier kunt integreren:

• GetResponse
• ActiveCampaign
• MailerLite
• ConvertKit
• Mail Dichter
• MailChimp
• Druppelen
• Slack
• Discord
• HubSpot

Deze integraties van derden zijn met name handig als u Elementor wilt gebruiken om bestemmingspagina's te maken.

6. Aangepaste CSS

Het is waar dat je met Elementor prachtige pagina's op je WordPress-website kunt maken zonder met CSS te maken te hebben. Als u echter wilt maak een website volledig uniek, u kunt uw CSS-vaardigheden gebruiken. Met deze functie kun je de CSS-functies implementeren die nog niet beschikbaar zijn op Elementor, zoals CSS Transform om een ​​stijlvol zweefeffect aan Elementor toe te voegen.

Lees ook: Hoe modellen te importeren of exporteren in Elementor

U kunt aangepaste CSS toevoegen aan elk Elementor-element. Of het nu een sectie, kolom of widget is. Je hebt toegang tot het blok Aangepaste CSS onder het tabblad vergevorderd vanuit het instellingenpaneel (paneel aan de linkerkant) in de Elementor-editor om aangepaste CSS toe te voegen.

7. Bewegingseffecten

Elementor Pro wordt geleverd met aanpassingsopties waarmee u bewegingseffecten kunt toepassen op een element op de pagina waaraan u werkt. U kunt de functie gebruiken om animatie-effecten aan uw pagina toe te voegen zonder dat u JavaScript hoeft te begrijpen.

De bewegingseffecten die door Elementor Pro worden aangeboden, vallen in twee soorten: het scrolleffect en het muiseffect. Trouwens, je kunt ook een plakkerige optie toepassen op secties en widgets.

8. Meer dan 90 widgets

Zoals je weet, wordt Elementor uitgebracht als een freemium-plug-in, wat betekent dat er een gratis versie beschikbaar is om van de Elementor-gebruikerservaring te genieten zonder een cent uit te geven. Hoewel Elementor Free basiswidgets biedt, wordt de pro-versie geleverd met meer geavanceerde widgets zoals Formulier, Berichten, Inloggen, Prijslijst, enz.

Dit zijn de widgets die je kunt ontgrendelen na het upgraden naar Elementor Pro.

Er zijn in totaal meer dan 90 widgets die u kunt ontgrendelen (gratis widgets en professionele widgets)

9. Dynamische inhoud

U kunt Elementor niet alleen gebruiken om statische websites te maken. Met zijn ondersteuning voor dynamische inhoud, kunt u Elementor ook gebruiken om maak een website dynamisch, zoals een blog, nieuwsportaal, aankondigingswebsite en andere soorten dynamische websites. U kunt dynamische inhoud toevoegen aan een themabouwersjabloon of -pagina met behulp van de volgende widgets:

• Site Logo
• Pagina Titel
• Page Title
• Bericht Titel
• Post-uittreksel
• Uitgelichte Afbeelding
• Info plaatsen
• Berichten

10. Aangepaste velden

De widgets die we in punt 9 hierboven noemden, kunnen worden gebruikt om standaard dynamische WordPress-inhoud toe te voegen, zoals de titel van het bericht, de meta van het bericht, de uitgelichte afbeelding, enz. .

Hoe zit het met aangepaste velden? Met Elementor Pro kunt u ook toevoegen aangepaste velden. Door deze functionaliteit te maximaliseren, kunt u Elementor gebruiken om elk soort website te bouwen met zo min mogelijk plug-ins. Elementor Pro is compatibel met de volgende populaire plug-ins voor aangepaste velden:

• Pods
• Geavanceerde Aangepaste velden
• toolset
• JetEngine

Hoe integreer je een bepaalde plug-in voor aangepaste velden met Elementor?

U kunt gewoon de aangepaste veldgroep maken met uw favoriete plug-in voor aangepaste velden en Elementor gebruiken om de gegevens van de aangepaste velden die u hebt gemaakt weer te geven. U kunt aangepaste velden op een sjabloon weergeven. Je kunt ons vorige artikel lezen om erachter te komen hoe aangepaste velden toe te voegen in Elementor.

Op het einde

Elementor is een geweldige tool om een ​​mooie website te bouwen zonder code te hoeven gebruiken. Of het nu gaat om CSS-codes, HTML-codes, PHP-codes of JavaScript-codes. De gratis versie van Elementor was geweldig, maar om zijn potentieel als de beste plug-in voor het bouwen van pagina's te ontgrendelen, moet je alle functies ontgrendelen, wat je kunt doen door te upgraden naar de pro-versie.

Hier eindigt deze eerste lijst met functies die u kunt ontgrendelen met Elementor Pro. De volgende ontdek je in een ander artikel.