Elementor gebruiken om websites te bouwen

Wil je Elementor gebruiken om websites te maken?

In deze tijden van economische onzekerheid en sociale afstand willen bedrijven hun online aanwezigheid meer dan ooit uitbreiden. 

Als u uw bedrijf online wilt starten, of als u een freelanceschrijver bent die websites voor bedrijven maakt, kan Elementor u effectief helpen een website te bouwen die betaalbaar en gemakkelijk te onderhouden is.

Elementor is een visuele WordPress-paginabuilder, wat betekent dat u geweldige ontwerpen kunt maken zonder ooit een enkele regel code te hoeven schrijven. Als je hier wat meer over wilt weten WordPress Plugin, kunt u ons artikel raadplegen over de presentatie van de Elementor-interface

In dit artikel gaan we je iets meer vertellen over waarom Elementor de beste tool is voor het maken van websites. Vervolgens laten we u zien hoe u Elementor kunt gebruiken om: maak een website.

Maar als je WordPress nog nooit hebt geïnstalleerd, laten we het eerst uitzoeken Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog

Ga dan terug naar waarom we hier zijn. 

Als u meer informatie wilt over het gebruik van Elementor om websites te bouwen, HubSpot Academy en Elementor werken samen om een ​​gratis online cursus aan te bieden die alles omvat, van het opzetten van uw webhosting tot het bouwen en lanceren van uw WordPress-website.

Waarom Elementor gebruiken om websites te bouwen

Het gebruik van Elementor om websites te maken kan:

• Bespaar tijd en help u uw websites sneller te bouwen.
• Verminder de complexiteit van uw websites, elimineer bugs en creëer een eenvoudiger onderhoudsproces als het gaat om updates en testen.
• Bespaar u geld en vereenvoudig de kosten, zodat u een project beter kunt prijzen.

Laten we de voordelen eens bekijken.

Bespaar tijd en vermijd de code

Of u nu een ontwerper, ontwikkelaar of gewoon een gewone WordPress-gebruiker bent, Elementor kan uw workflow versnellen met zijn visuele interface, die slepen en neerzetten ondersteunt.

Tijdens de hele ervaring hoeft u nooit rechtstreeks met de code te communiceren, tenzij u dat wilt. Als je wat meer controle wilt, kun je deze gemakkelijk gebruiken uw eigen aangepaste CSS indien nodig.

Ontdek ook Inhoudsopgave toevoegen in WordPress met Elementor

Ten slotte, als u echt tijd wilt besparen, wordt Elementor geleverd met honderden sjablonen die u kunt importeren. Het enige dat u hoeft te doen, is de sjabloon importeren die u leuk vindt, de inhoud aanpassen aan uw merk en u bent klaar.

Verminder de complexiteit en elimineer bugs

Bij een typische WordPress-website is het eindproduct meestal een lappendeken van plug-ins van verschillende ontwikkelaars.

Er is niets dat deze afzonderlijke tools bij elkaar houdt, behalve de tijd en moeite die je erin steekt om ze te gebruiken maak een website samenhangend.

Dit is een tijdje prima, maar het kan ook tot potentiële problemen leiden, omdat elke ontwikkelaar zelfstandig zijn plug-in zal wijzigen en updaten.

Bijvoorbeeld de ontwikkelaar van uw WordPress schuifregelaar plug-in kan een wijziging aanbrengen die problemen veroorzaakt op de startpagina(die je hebt gemaakt met een andere plug-in).

Met Elementor heeft u toegang tot alle belangrijke tools onder één dak.

Ontdek ook de lijst met de beste WordPress Elementor-plug-ins om evenementenkalenders te maken

Bijvoorbeeld met Elementor et Elementor Pro, krijg je tools waarmee je het volgende kunt maken:

• sliders
• formulieren
• lead generatie formulieren
• galerijen
• pop-ups
• portefeuilles
• prijstabellen
• en nog veel meer…

Al deze tools zijn beschikbaar in dezelfde plug-in van dezelfde ontwikkelaar, dus u kunt er zeker van zijn dat een wijziging in uw leadgeneratieformulieren nooit een probleem zal veroorzaken met de pop-up waarin u het formulier weergeeft.

Bovendien maakt het uw leven veel gemakkelijker als het tijd is om uw websites bij te werken. In plaats van een testwebsite te gebruiken om een ​​heleboel verschillende plug-ins op verschillende tijdstippen te testen, hoeft u alleen maar een enkele tool te testen en bij te werken.

In principe kunt u Elementor gebruiken als basis voor uw website om alles te vereenvoudigen en vervolgens vechten om specifieke bedrijfsdoelen te bereiken, zoals het gebruik van de HubSpot gratis WordPress-plug-in om leads te genereren via formulier, livechat en pop-ups die allemaal worden ingevoerd in de gratis HubSpot CRM.

Bespaar geld en vereenvoudig de kosten

Ten slotte kan Elementor u helpen geld te besparen op grote projecten.

Net zoals toegang hebben tot belangrijke tools in een plug-in de complexiteit van uw website vermindert, verlaagt het ook de prijs die u moet betalen.

Ontdek onze gids op Hoe u WordPress kunt aanpassen om meer conversies te genereren

Elementor heeft een gratis versie voor de Basic Builder. Om vervolgens toegang te krijgen tot extra functies, zoals vormen, schuifregelaars, pop-ups en meer, u hoeft alleen een vast bedrag te betalen.

Er is geen herladen voor verschillende functies of de noodzaak om verschillende plug-ins te kopen, waardoor uw kosten laag blijven.

Lees ook onze tutorial op Hoe PDF-bestanden insluiten in WordPress

Het helpt ook om uw kosten te verlagen en de prijsstelling van klantprojecten te vergemakkelijken. In plaats van een heleboel verschillende tools in uw voorstel te moeten repareren, kunt u het een stuk eenvoudiger houden en u concentreren op wat u vraagt ​​voor uw tijd en expertise, niet voor uw tools.

Elementor gebruiken om websites te bouwen

Nu u enkele van de redenen kent waarom Elementor een geweldig hulpmiddel is voor het bouwen van websites, gaan we kijken hoe u Elementor kunt gebruiken maak een website geweldig.

1. Kies je WordPress-thema

Elementor is een plug-in, dus je moet altijd een thema kiezen om met Elementor te koppelen.

Downloaden | demonstratie | web hosting

Omdat u Elementor gaat gebruiken om het ontwerp van alle / het grootste deel van uw website te beheren, moet u zich concentreren op het vinden van een WordPress-thema dat de functies biedt die u nodig hebt, evenals volledige ondersteuning voor de functionaliteit van. Elementor. Als u bijvoorbeeld personeel, getuigenissen en een portfolio wilt kunnen toevoegen, moet u een thema kiezen met deze berichttypen, zoals de WordPress Pearl-thema.

De andere lichtst mogelijke basis is de Hallo Elementor-thema. Hallo is in feite 100% leeg canvas voor uw ontwerpen.

Omdat het WordPress Hello-thema geen eigen stijlen of functies toevoegt, blijft uw website licht van gewicht en worden pagina's soepel geladen.

Als je een WordPress-thema wilt hebben met zijn eigen stijlen, misschien om de koptekst van je website of afrekenervaring voor een WooCommerce online winkel te beheren, moet je deze verzameling van beste Elementor WordPress-thema's.

2. Kies uw versie van Elementor

Elementor is beschikbaar in beide een gratis versie op WordPress.org, evenals een premium-versie die veel meer functies toevoegt, genaamd Elementor Pro.

Met de gratis versie van Elementor kun je pagina's pagina voor pagina bouwen. U kunt bijvoorbeeld een lay-out voor uw homepage maken, een andere voor uw " Pagina over », Maak vervolgens aparte pagina's voor elk item in de portfolio.

Om echter verder te gaan, moet u misschien Elementor Pro overwegen.

Elementor Pro geeft je niet alleen meer ontwerptools zoals schuifregelaars en formulieren, maar het geeft je ook een geheel nieuwe manier om websites te bouwen met een Theme Builder.

Met Elementor Theme Builder kunt u sjablonen maken en deze toepassen op de gehele of een deel van uw website. U kunt bijvoorbeeld delen van uw website ontwerpen, zoals:

• de koptekst
• pagina-archieven (de pagina met al uw blogberichten)
• enkele pagina's (een individuele blogpost)
• voetteksten
• WooCommerce-producten

U kunt ook dynamische inhoud in uw ontwerpen opnemen, zoals inhoud die u heeft toegevoegd met aangepaste velden.

Omdat u een unieke sjabloon kunt maken die van toepassing is op alle of een deel van uw inhoud, is Elementor Pro een geweldige optie voor dynamische websites.

Het is ook handig voor andere soorten websites dankzij de nieuwe inhoudswidgets zoals:

• de formulieren
• de schuifregelaars
• de galerijen
• portefeuilles
• de prijslijsten
• en nog veel meer…

Nogmaals, dit vereenvoudigt zowel uw website als de kosten ervan. (omdat Elementor Pro elke functie voor dezelfde prijs bevat).

3. Begin met creëren met Elementor

Zodra je het juiste WordPress-thema en de juiste Elementor-versie hebt gekozen, ben je klaar om het te gaan bouwen.

Om uw inhoud te ontwerpen, kunt u beginnen vanaf een lege pagina of een van de sjablonen van Elementor importeren.

Om snel een samenhangende website te maken, kunt u er zelfs een gebruiken Elementor-sjabloonkits, dat is een set sjablonen voor elke pagina van de website, tot pagina 404.

Of u nu begint met een lege lei of een sjabloon, u bevindt zich in de visuele en schuifbare interface van Elementor.

U ziet aan de rechterkant een real-time voorbeeld van uw ontwerp - u ziet precies wat de bezoekers van uw website zullen zien.

Vervolgens kunt u de zijbalk aan de linkerkant gebruiken om inhoud en lay-outelementen toe te voegen en te configureren.

Als u bijvoorbeeld een knop aan uw ontwerp wilt toevoegen, sleept u deze alleen vanuit de zijbalk. Vervolgens kunt u de instellingen aanpassen met dezelfde zijbalk.

Voor meer informatie over hoe de Elementor-interface werkt, kun je de onderstaande video bekijken:

Bouw vandaag nog websites met Elementor

Omdat u Elementor gaat gebruiken om het ontwerp van alle / het grootste deel van uw website te beheren, moet u zich concentreren op het vinden van een WordPress-thema dat de functies biedt die u nodig hebt, evenals volledige ondersteuning voor de functionaliteit van. Elementor. Als u bijvoorbeeld personeel, getuigenissen en een portfolio wilt kunnen toevoegen, moet u een thema kiezen met deze berichttypen, zoals de WordPress Pearl-thema.

De andere lichtst mogelijke basis is de Hallo Elementor-thema. Hallo is in feite 100% leeg canvas voor uw ontwerpen.

Omdat het WordPress Hello-thema geen eigen stijlen of functies toevoegt, blijft uw website licht van gewicht en worden pagina's soepel geladen.

Als je een WordPress-thema wilt hebben met zijn eigen stijlen, misschien om de koptekst van je website of afrekenervaring voor een WooCommerce online winkel te beheren, moet je deze verzameling van beste Elementor WordPress-thema's.

2. Kies uw versie van Elementor

Elementor is beschikbaar in beide een gratis versie op WordPress.org, evenals een premium-versie die veel meer functies toevoegt, genaamd Elementor Pro.

Met de gratis versie van Elementor kun je pagina's pagina voor pagina bouwen. U kunt bijvoorbeeld een lay-out voor uw homepage maken, een andere voor uw " Pagina over », Maak vervolgens aparte pagina's voor elk item in de portfolio.

Om echter verder te gaan, moet u misschien Elementor Pro overwegen.

Elementor Pro geeft je niet alleen meer ontwerptools zoals schuifregelaars en formulieren, maar het geeft je ook een geheel nieuwe manier om websites te bouwen met een Theme Builder.

Met Elementor Theme Builder kunt u sjablonen maken en deze toepassen op de gehele of een deel van uw website. U kunt bijvoorbeeld delen van uw website ontwerpen, zoals:

• de koptekst
• pagina-archieven (de pagina met al uw blogberichten)
• enkele pagina's (een individuele blogpost)
• voetteksten
• WooCommerce-producten

U kunt ook dynamische inhoud in uw ontwerpen opnemen, zoals inhoud die u heeft toegevoegd met aangepaste velden.

Omdat u een unieke sjabloon kunt maken die van toepassing is op alle of een deel van uw inhoud, is Elementor Pro een geweldige optie voor dynamische websites.

Het is ook handig voor andere soorten websites dankzij de nieuwe inhoudswidgets zoals:

• de formulieren
• de schuifregelaars
• de galerijen
• portefeuilles
• de prijslijsten
• en nog veel meer…

Nogmaals, dit vereenvoudigt zowel uw website als de kosten ervan. (omdat Elementor Pro elke functie voor dezelfde prijs bevat).

3. Begin met creëren met Elementor

Zodra je het juiste WordPress-thema en de juiste versie van Elementor hebt gekozen, ben je klaar om te beginnen met bouwen.

Om uw inhoud te ontwerpen, kunt u beginnen vanaf een lege pagina of een van de sjablonen van Elementor importeren.

Om snel een samenhangende website te maken, kunt u er zelfs een gebruiken Elementor-sjabloonkits, dat is een set sjablonen voor elke pagina van de website, tot pagina 404.

Of u nu begint met een lege lei of een sjabloon, u bevindt zich in de visuele en schuifbare interface van Elementor.

U ziet aan de rechterkant een real-time voorbeeld van uw ontwerp - u ziet precies wat de bezoekers van uw website zullen zien.

Vervolgens kunt u de zijbalk aan de linkerkant gebruiken om inhoud en lay-outelementen toe te voegen en te configureren.

Als u bijvoorbeeld een knop aan uw ontwerp wilt toevoegen, sleept u deze alleen vanuit de zijbalk. Vervolgens kunt u de instellingen aanpassen met dezelfde zijbalk.

Voor meer informatie over hoe de Elementor-interface werkt, kun je de onderstaande video bekijken:

Bouw vandaag nog websites met Elementor

Tegenwoordig zijn bedrijven meer dan ooit op zoek naar een online aanwezigheid.

Of u nu uw eigen online aanwezigheid wilt starten of uw klanten wilt helpen verbinding te maken, door te leren hoe u Elementor kunt gebruiken om websites te bouwen, kunt u niet alleen mooie en effectieve websites bouwen, maar ook:

• Bespaar tijd en elimineer de noodzaak om rechtstreeks met code te werken.
• Elimineer compatibiliteitsproblemen en vereenvoudig het onderhoud door u alle belangrijke tools op één plek te bieden.
• Bespaar geld en vereenvoudig uw kosten door de noodzaak om veel afzonderlijke plug-ins te kopen voor belangrijke functies overbodig te maken.

Om te zien of Elementor geschikt voor u is, kunt u installeren de gratis versie van WordPress.org en begin met het bouwen van uw eerste website.

Ontdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. Stuurautomaat SEO voor WooCommerce

Het optimaliseren van uw bloginhoud voor verschillende zoekmachines (SEO) is een zeer belangrijk onderdeel van elke e-commerce website. Oorspronkelijk ondersteunt WooCommerce geen SEO, dit WordPress Plugin voegt deze functionaliteit automatisch toe aan WooCommerce zodat deze beter kan communiceren met de verschillende zoekmachines.

Als functies biedt het onder andere: automatisering en optimalisatie van zoekwoorden, verwijderen van advertenties, spam of andere soortgelijke afleiding, onbeperkte personalisatie van metagegevens op alle pagina's; de back-up, herstel en reset zijn beschikbaar, naleving van de AVG, beschikbare klantenondersteuning en meer.

Downloaden | demonstratie | web hosting

2. Team Showcase

Team Showcase is de perfecte add-on, ontworpen om uw teamleden weer te geven in een mooi raster of responsieve carrousel. U kunt uw leden beheren door ze in afzonderlijke teams te groeperen. Om dit te doen, selecteert u eenvoudig de opties die u wilt weergeven, kiest u een WordPress-thema en past u er een vooraf gedefinieerde kleur op toe.

Voor deze actie is daarom geen regel code vereist. De functies omvatten: 10 speciale thema's, 10 kleurensets, 10 weergave-opties, CSS3-animatie-effecten, de mogelijkheid om in een pagina te worden ingevoegd, een volledig responsief ontwerp, enz ...

Downloaden | demonstratie | web hosting

3. Composium

Dit is een extensie van Visual Composer die aan deze laatste meer dan 90 nieuwe elementen toevoegt aan de standaardinhoud van deze plug-in. Het komt ook met een lightbox, een fontmanager, aangepaste berichttypen en nog veel meer.

De andere kenmerken zijn: 16 pictogramlettertypen en meer dan 4 pictogrammen, ondersteuning voor pictogramlettertypen, ondersteuning voor Google Fonts-manager, meer dan 70 CSS3-animatie-effecten, een generator van widgets, intelligent beheer van bestanden, enz ...

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

• Hoe maak je een afgeronde afbeelding in Elementor
• Een prijsraster toevoegen in Elementor
• Hoe maak je een zwevende knop met Z Index in Elementor
• Telefoonnummerlink toevoegen in Elementor in Elementor
• Hoe maak je een titel met twee kleuren in Elementor in Elementor

Conclusie

Alstublieft ! Dat was het voor deze tutorial, we hopen dat het het voor u gemakkelijk zal maken om Elementor te gebruiken om websites te bouwen. Heeft u nog vragen of suggesties? Laat het ons weten binnen commentaires.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig heeft om uw projecten voor het maken van internetsites uit te voeren, raadpleeg dan onze gids op Creatie van WordPress blogs.

Aarzel niet om deel met je vrienden op je favoriete sociale netwerken. 

...