De term "Beaver Builder WooCommerce-integratie” kan volkomen onbekend zijn voor degenen die nog nooit een website hebben ontworpen en ook voor degenen die nog nooit WordPress hebben gebruikt.
Welnu, dit is waar Beaver Builder WooCommerce Integration over gaat. Het bouwen van een website op WordPress gaat vooral over plug-ins. Maar wat zijn plug-ins?
Er is veel dat u niet weet over Beaver Builder en daarom kunt u lezen onze gedetailleerde Beaver Builder recensie.
In eenvoudige taal zijn plug-ins hulpmiddelen die ons helpen webpagina's op een ongecompliceerde en betere manier te bouwen. Ze automatiseren in feite het hele proces. Een plug-in ontvangt de opdracht van de gebruiker en schrijft de code voor ons, waardoor het proces eenvoudig wordt.
Het onderwerp bestaat uit 2 verschillende plug-ins: de WooCommerce-plug-in en de Beaver Builder-plug-in.
Na het lezen van dit artikel heb je een grondige kennis verworven over de twee plug-ins, hoe ze werken en de integratie van WooCommerce in de Beaver Builder-plug-in.
Inhoudsopgave
Maar wat houdt WooCommerce Beaver Builder in?
Je moet denken dat WC (WooCommerce) en BB (Beaver Builder) 2 afzonderlijke plug-ins zijn, waarom worden ze dan als één vermeld? De reden erachter zijn de integraties die de WC-plug-in heeft in de BB-plug-in.
De BB-plug-in heeft bepaalde modules die zijn gekoppeld aan WC en die nuttig zijn bij het ontwerpen van volledig op maat gemaakte pagina's voor een e-commerce winkel.
In de volgende segmenten zult u de WC en BB als twee afzonderlijke plug-ins en hun werking onder de knie krijgen, en vervolgens over de integratie van WooCommerce binnen Beaver Builder-plug-ins.
WooCommerce
WooCommerce is een wereldwijd populaire plug-in. Het is een heel leuk hulpmiddel om aan de inventaris te werken en de winkelwagentjes te beheren, waardoor de site er krachtig uitziet.
Het helpt de website-eigenaar echt om de pagina eenvoudig te bedienen te maken.
Het meest interessante eraan is de populariteit die het in zo'n korte periode heeft verworven. Het is de beste plug-in gebleken voor een e-commerce winkel. Een gebruiksvriendelijke tool zijn, is de belangrijkste reden om zoveel mensen aan te trekken.
Het is ook uitbreidbaar, wat betekent dat een willekeurig aantal plug-ins kan worden toegevoegd om pagina's te helpen bouwen. Het is vrijwel veilig omdat het is ontwikkeld door Automattic, een vertrouwd merk. Het werkt ook op allerlei apparaten. Al deze redenen bij elkaar optellen om zijn populariteit te rechtvaardigen.
Gebruik van WooCommerce
Er zijn geen beperkingen op de producten die u verkoopt. Van de verkoop van gewone artikelen zoals overhemden, jeans en horloges, kan het ook worden gebruikt om kosten in rekening te brengen voor diensten, digitale producten, enz.
Als u bijvoorbeeld een auto bezit en u gaat voor een lange tijd outstation, kan het achterlaten van de auto in uw garage leiden tot schade (door corrosie) van sommige onderdelen. U wilt het te huur aanbieden. U kunt WooCommerce gebruiken om het op uw site te uploaden, zodat mensen die de post opmerken uw auto zullen huren.
Veel online winkels gebruiken deze plug-in.
Problemen met thema's
Een ding waar beginners misschien mee worstelen, zijn WordPress-thema's. Niet alle thema's zijn compatibel met deze plug-in. U moet een thema selecteren dat compatibel is met WooCommerce.
Er zijn veel andere plug-ins die ons thema's bieden die passen bij de nieuwste versies van WooCommerce, waarover we het in de volgende secties zullen hebben.
Het wordt aanbevolen dat de gebruikte thema's betaalde thema's zijn. Ze werken de sjabloonbestanden regelmatig bij om de beveiligingsnormen te garanderen. Uiteraard heeft u extra plug-ins nodig om meer functies aan uw e-commercepagina's toe te voegen.
Maar er is een probleem. Het hebben van alleen de WooCommerce-plug-in helpt de eigenaar mogelijk niet als hij of zij niet weet hoe te coderen. Om dit probleem te voorkomen, blijken 2 plug-ins, de Beaver Builder en Themer, nuttig te zijn, zoals hieronder wordt uitgelegd.
Dit vind je misschien ook leuk:
Bever Themer
De Bever Themer is een extensie en zoals de naam aangeeft, helpt het om de site er mooi uit te laten zien. Hiermee kunt u wijzigingen aanbrengen in die delen die niet kunnen worden bewerkt door gratis versies van de BB-plug-in.
Het is nuttig bij het ontwerpen van uw eigen gepersonaliseerde sjabloon om uw bezoekers te betrekken. De Beaver Builder fungeert als ondersteuning voor de BB Themer. Het maakt het ontwerpproces eenvoudig.
Aanpassing van WooCommerce met Beaver Builder
Stap 1: Uw WooCommerce-omgeving bouwen
Om te beginnen moet u ervoor zorgen dat u de WooCommerce-plug-in hebt geïnstalleerd. Je moet ook de premium plug-in voor Beaver Builder hebben.
Maar de vraag is: heb je al een aantal producten in de rij om eraan toe te voegen? Als dit niet het geval is, voegt u de voorbeeldgegevens toe.
Stap 2: Nieuwe Themer-lay-out
Hier begint de achtbaanrit! Klik in de admin-zijbalk op nieuwe toevoegen en een nieuwe lay-out is geboren.
Vrij eenvoudig toch? U kunt uw themalay-out op elke gewenste manier aanpassen!
Het enige dat u vanaf hier hoeft te doen, is namen toewijzen aan de lay-out. Selecteer vervolgens voor enkele berichten de optie enkelvoudig.
U kunt dan ook meer lay-outs toevoegen die u vervolgens aan elke respectievelijke productpagina kunt toewijzen.
Hoe doe je dat? Ga naar Locatie, selecteer Product en ga voor alle producten.
Als alles klaar is, vergeet dan niet op de updateknop te tikken!
Stap 3: Kies uw sjabloon
Start Beaver Builder. De lay-out is in eerste instantie meer ontworpen voor een bericht dan voor een productpagina. Maar hoe open je het inhoudspaneel?
Tik bovenaan op de "+".
Kies een sjabloon. Selecteer product één. Vervang de huidige.
Zo makkelijk is het!
Maar vergeet niet nog een laatste ding te doen!
Voorbeeld!
Bekijk altijd eerst wat je hebt gemaakt, om er zeker van te zijn dat het aan je verwachtingen voldoet.
Ja, en dat is het! Je bent helemaal klaar!
Zijn alle WordPress-thema's compatibel?
Zoals hierboven vermeld, moet u altijd rekening houden met de compatibiliteit van uw thema's. Dit is iets dat u moet weten vlak voordat u aan de webpagina's begint te werken, anders wordt het allemaal verspild.
Sommige functies van de Themer werken met de meeste thema's. Een van die functies is het maken van aangepaste lay-outs voor archiefpagina's, 404-foutpagina's en afzonderlijke stukjes inhoud.
Beaver Builder
De BB-plug-in doet een plezier aan alle mensen die onervaren zijn in het schrijven van codes. Het is eigenlijk een paginabuilder die u binnen handbereik heeft, of u nu een beginner of een professional bent. Het is niet zomaar een normale WP-plug-in, maar een sitefundament dat ons werk vergemakkelijkt.
Het is een paginabuilder met slepen en neerzetten waarmee een site mooi kan worden ontworpen door items zoals afbeeldingen, video's, teksten, enz. Te reorganiseren.
Als je eenmaal de basis onder de knie hebt, is het geen moeilijke klus om in een mum van tijd een fatsoenlijke website op te bouwen. Het elimineert de tijd die nodig is voor het zoeken of downloaden van WordPress-thema's, omdat het volledig aanpasbaar is.
Dingen die u moet weten over Beaver Builder
Zoals eerder vermeld, is het een compleet raamwerk. Het heeft een uniek kindthema, maar eerst moet je de BB Themer-plug-in installeren. Je kunt ook met andere WordPress-thema's werken, omdat het de meeste standaard WP-thema's ondersteunt.
Het biedt ons ook startpaginasjablonen en binnenpagina-indelingen die bijdragen aan ongeveer 20 vooraf gebouwde ontwerpen die klaar zijn voor uw pagina. De plug-in werkt ook met shortcodes en widgets.
Voor elke website die op de eerste pagina van SERP's staat, moet er goed voor SEO worden gezorgd. Hiervoor heb je een plug-in nodig die je paginarangschikking naar een hoger niveau tilt. De Beaver Builder is toevallig de beste in deze klus.
Het gebruikt bijvoorbeeld codecompressie om de zichtbaarheid van de site in de zoekresultaten te verbeteren.
Als de site bedoeld is voor een bepaald land of voor de hele wereld, kan het taalgebruik een belemmering zijn om gebruikers uit andere landen te bereiken. Maar de Beaver builder-plug-in elimineert dit probleem ook!
Het ondersteunt een plug-in genaamd WMPL, die uw site gereed houdt voor de hele wereld om te lezen.
Het biedt u ook een breed scala aan modules. Een module is in feite een hulpmiddel dat u helpt bij het ontwerpen van een webpagina zoals u wilt dat deze eruitziet. Sommige beschikbare modules zijn kaart, afbeelding, kopteksten, video, teksteditor, knoppen, galerij en de lijst gaat maar door.
Een van de belangrijkste functies is de import/export-functie. Als je om welke reden dan ook je website vanaf het begin helemaal opnieuw moet bouwen, zou het je hoofd eraf bijten.
De import-/exportfunctie helpt u de WP-import-/exporttools te gebruiken om uw lay-outs op te slaan of de inhoud van de ene site naar de andere over te brengen.
Integraties van WooCommerce in Beaver Builder
De Beaver Builder-plug-in heeft voldoende verscheidenheid aan WooCommerce-integraties, waardoor deze twee een goede combinatie zijn om e-store-pagina's te bouwen.
De Posts-module in de Beaver Builder-plug-in is een van de meest essentiële integraties van WooCommerce dat helpt om de producten op een statische pagina te presenteren. Met deze module kunnen de producten worden weergegeven. Ze kunnen ook worden gefilterd om bepaalde categorieën of sets producten te verwijderen, zodat alleen enkele specifieke producten worden weergegeven met behulp van de module 'Berichten'.
De module “Berichten” helpt u een handje door uw statische WC-pagina’s deel voor deel op te bouwen. Maar het is misschien niet handig als u nieuwe pagina's met hetzelfde ontwerp moet bouwen. Hoewel u het mogelijk als lay-outsjabloon kunt opslaan en op andere pagina's kunt gebruiken, zijn er mogelijk wijzigingen nodig.
Net als alle andere thema's kunt u uw lay-out niet ontwerpen zoals u dat wilt, ongeacht het aantal instellingen. Op dezelfde manier heeft het BB-thema veel instellingen voor de WC-winkel en productpagina's.
Maar om uw aangepaste lay-out echt tot zijn recht te laten komen, heeft u mogelijk de Beaver Themer-plug-in nodig, omdat u hiermee meer aangepaste velden kunt invoeren om uw pagina er exclusief uit te laten zien.
Zijn ze kosteneffectief?
Beide BB-plug-ins zijn betaalde plug-ins. Omdat ze allebei heel goed met elkaar gaan, zal het kopen van een van de plug-ins niet veel helpen, omdat er veel codeerwerk bij komt kijken, wat geen gemakkelijke taak is voor een nieuw kind.
De Beaver Themer kost $ 147 per jaar. Een jaarlijkse korting van 40% wordt elk jaar beloond na automatische verlenging. Gezien het gemak dat de plug-in biedt en ook de tijd die het ons bespaart door het coderingsgedeelte te elimineren, lijkt de prijs redelijk.
Ik zie ook niet in waarom je het niet zou moeten kopen, gezien de dikke korting die het na het eerste jaar heeft.
De BB Lite is een gratis plug-in, maar heeft slechts vijf modules en zeer weinig functies in vergelijking met de betaalde premium-versies. Nadat u een uitstekende pagina op BB Lite heeft gemaakt, kunt u deze niet meer als sjabloon opslaan om opnieuw te gebruiken.
Welnu, u krijgt deze functie met de betaalde versies. Er zijn nog veel meer van dergelijke kenmerken waarmee rekening moet worden gehouden.
De standaardversie van de BB-plug-in kost ongeveer $ 99 per jaar, wat goed geschikt is voor de meeste thema's, inclusief de gratis, terwijl de pro-versie $ 199 per jaar kost.
Het lijkt misschien kosteneffectief gezien de aanpassingen en varianten die het biedt, evenals de thema's waarmee het compatibel is.
Maar als u naar mijn mening zou luisteren, als u net met uw bedrijf bent begonnen en nieuw bent in het ontwerpen van websites, zou de standaard betaalde versie in dit stadium de beste keuze zijn.
Quick Links:
- Beaver Builder versus Divi
- Beaver Builder versus Elementor
- Beaver Builder Booster-recensie
- Beaver Builder schuifregelaar beoordeling
Veelgestelde vragen | Beaver Builder WooCommerce-integratie
Hoe moet ik mijn WooCommerce-abonnement van Beaver Builder opzeggen?
Uw abonnement kan worden opgezegd door naar de pagina "Mijn abonnementen" te gaan en de automatische verlengingsoptie uit te schakelen. Hiermee zeg je ook het abonnement op.
Werkt Beaver Builder met WooCommerce?
U kunt WooCommerce gebruiken met een Beaver Builder-website. Met de WordPress-plug-in Beaver Builder kunt u unieke lay-outs ontwerpen voor de productpagina's, afrekenpagina's en meer van uw WooCommerce-winkel.
Hoe bewerk ik de WooCommerce-winkelpagina in Beaver Builder?
Om wijzigingen aan te brengen in de WooCommerce-winkel in Beaver Builder, begint u met het maken van een nieuwe pagina en het kiezen van de WooCommerce-winkellay-out. Nadat u uw winkelpagina heeft gemaakt, kunt u het uiterlijk ervan aanpassen met de drag-and-drop-editor van Beaver Builder.
Werkt Beaver Builder met WordPress?
Om uw vraag te beantwoorden: ja, Beaver Builder is een plug-in voor WordPress. Het ontwerp van allerlei WordPress-gerelateerde sites, zoals WooCommerce-pagina's, archiefpagina's en meer, kan aangepast zijn aan uw voorkeuren.
Hoe compatibel is Beaver Builder met WooCommerce?
U kunt de productpagina's van uw WooCommerce-winkel aanpassen met Beaver Builder. De WooCommerce-productlay-out kan op elke nieuwe Beaver Builder-pagina worden gebruikt door deze eenvoudigweg te selecteren. Met de drag-and-drop-interface van Beaver Builder kunt u eenvoudig de componenten van uw productpagina's naar eigen inzicht herschikken.
Ondersteunt Beaver Builder WooCommerce shortcodes?
Ja, Beaver Builder ondersteunt WooCommerce shortcodes. U kunt WooCommerce-shortcodes in Beaver Builder-modules gebruiken om informatie zoals producten, categorieën en meer op uw pagina's weer te geven. Voeg eenvoudig een nieuwe module toe aan uw pagina, selecteer de shortcodemodule en voer vervolgens de WooCommerce-shortcode in die u wilt gebruiken.
Conclusie: Beaver Builder WooCommerce-integratie 2024
Het toilet en de BB-plug-ins zijn nuttig voor zowel beginners als experts in dit beroep. Voor beginners zijn de gratis versies van deze plug-ins goed genoeg, omdat ze het coderingsgedeelte elimineren, wat hen tijd bespaart.
Integendeel, de experts kunnen ook betaalde plug-ins gebruiken omdat het hen tijd bespaart, maar ze kunnen ook hun eigen codes toevoegen om echt complexe en gebruiksvriendelijke websites te maken.