Uw toegewijde partner voor alles wat met WordPress te maken heeft

WooCommerce Shortcodes

Inhoudsopgave

WooCommerce is een populaire oplossing voor alle winkels. Dit artikel behandelt alle dingen over WooCommerce Shortcodes. We zullen alle dingen zien die u moet weten over shortcodes. We gaan van basis naar gevorderd. Beginnend met wat WooCommerce shortcodes zijn tot de meest geavanceerde toepassingen, zullen we alle dingen bespreken die u erover moet weten.

Na het lezen van dit artikel kunt u eenvoudig een shortcode toevoegen en de gewenste pagina maken.

Wat zijn WooCommerce-shortcodes?

Shortcodes klinken misschien een beetje technisch. Er is echter niets om je zorgen over te maken. Het is helemaal niet technisch en je kunt het gemakkelijk gebruiken.

Met shortcodes kunt u functionaliteit op een WordPress-pagina gebruiken en posten zonder dat u de code hoeft te schrijven. De shortcodes die voor WooCommerce worden gebruikt, staan ​​bekend als WooCommerce shortcodes.

Als u de winkelwagen bijvoorbeeld in een bepaald bericht of op een bepaalde pagina wilt weergeven, kunt u de shortcode gebruiken om deze weer te geven. U hoeft niet de volledige code van de winkelwagen te schrijven om deze weer te geven.

We zullen zien welke de shortcodes zijn en hoe u ze effectief en verstandig kunt gebruiken.

Om deze shortcode te gebruiken, hoeft u alleen maar de shortcode te kopiëren en in het bericht, de pagina of op de plaats waar de shortcode is geplaatst te plakken.

Pagina shortcode

Om te beginnen nemen we eerst een pagina-shortcode. Dit zijn de shortcodes die voor een pagina worden gebruikt. Als je het bijvoorbeeld over de WooCommerce-winkelwagen hebt, is er een andere winkelwagenpagina. Om het weer te geven, moet u dus de shortcode gebruiken.

Laten we enkele shortcodes bekijken.

[woocommerce_cart] – Dit is de shortcode die u kunt gebruiken om de winkelwagen weer te geven.

[woocommerce_checkout] – Als u de afrekenpagina wilt weergeven, moet u deze afrekenpagina gebruiken.

[woocommerce_order_tracking] – Ordertracking is de plaats waar de gebruiker de voortgang van de bestelling kan volgen. Of hun bestelling nu in behandeling is of klaar is voor bezorging, al deze dingen kunnen worden geweten aan de hand van het volgen van de bestelling.

Bestellingen volgen, WooCommerce shortcodes

[woocommerce_my_account] – Als u de gebruikersaccountinformatie wilt weergeven, kunt u deze specifieke shortcode gebruiken.

Dit zijn enkele van de shortcodes die u kunt gebruiken als het gaat om shortcodes voor WooCommerce-pagina's. U kunt elk van de shortcodes op elke pagina gebruiken.

Als u bovendien twee dingen op één pagina wilt weergeven, kunt u dat ook doen. Als u bijvoorbeeld het winkelwagentje en het afrekenen op één pagina wilt weergeven, kunt u beide shortcodes op één pagina plakken. In dergelijke gevallen bevinden zowel het winkelwagentje als de kassa zich op dezelfde pagina. Dit wordt uiteraard helemaal niet aanbevolen.

Als u wilt, kunt u echter de pagina voor het volgen van uw bestelling weergeven op de pagina Mijn account. U kunt beide zeker combineren.

WooCommerce-productshortcodes

De volgende is de productshortcode. Met WooCommerce kunt u productshortcodes op verschillende pagina's gebruiken. U kunt alle producten weergeven met behulp van de shortcode of u kunt een specifieke set producten weergeven.

Bovendien kunt u hiermee de parameters instellen en vervolgens de producten weergeven. Om de producten weer te geven kunt u gebruik maken van [products] Korte code.

Er zijn veel aanpassingen die u hier kunt doen. Met WooCommerce kun je veel dingen toevoegen aan deze shortcode. Je kunt de limiet instellen, je kunt de categorie instellen, enz. Je kunt zeker de WooCommerce-documenten bekijken voor een volledige lijst van de attributen en variaties die je kunt gebruiken.

We zullen echter zeker de meest populaire shortcode en het gebruik ervan zien.

Laten we het eerst hebben over de algemene filters. Gelukkig hoef je geen parameters in te stellen voor recente producten of best verkochte producten; met WooCommerce kun je ze direct toevoegen.

Hier zijn de shortcodes die u kunt gebruiken.

  • [featured_products]
  • [sale_products]
  • [best_selling_products]
  • [recent_products]
  • [top_rated_products]

Er is natuurlijk geen extra informatie nodig over de shortcode, toch?

Over de aanbevolen producten gesproken: u kunt elk product instellen als een aanbevolen product op de productbewerkingspagina. Er is een optie om het product in te stellen als een uitgelicht product. U kunt het gebruiken en uw werk zal worden gedaan.

Productkenmerken

Als u nu alleen specifieke producten wilt weergeven, kunt u kenmerken gebruiken. Er zijn verschillende attributen beschikbaar. Net als in het bovenstaande gedeelte zullen we enkele van de populaire attributen zien die de meeste mensen nodig zullen hebben. In de meeste gevallen zult u alleen deze gebruiken.

begrenzing: Limiet wordt gebruikt om de productlimiet in te stellen.

kolommen: Wanneer u het product weergeeft, heeft u soms maar 1 of 2 kolommen nodig, u kunt dit instellen met dit attribuut.

OrderBy: Als u de best verkopende producten als eerste wilt weergeven, kunt u dat doen. Verder kunt u ook bestellen op naam, SKU etc. Hier zijn diverse attributen toegestaan. U kunt datum, ID, populariteit, datum, enz. gebruiken.

categorie: Hiermee kunt u categorieën van het product instellen. Met behulp van komma's kunt u meer categorieën toevoegen.

Laten we nu het voorbeeld van zo'n shortcode bekijken. Zo krijgt u een idee hoe u hem bij verschillende gelegenheden kunt gebruiken.

Als u 4 producten in 2 kolommen wilt weergeven en alleen de best verkochte producten wilt tonen, kunt u de volgende shortcode gebruiken.

[products limit="4" columns="2" best_selling="true"]

Als u de nieuwste producten wilt weergeven met dezelfde kolomstructuur als hierboven vermeld, kunt u de volgende shortcode gebruiken

[products limit="4" columns="2" orderby="id" order="DESC" visibility="visible"]

Laten we ook eens kijken hoe u de productcategorie verstandig kunt weergeven.

[products limit="8" columns="4" category="books, ebooks" cat_operator="AND"]

Hier is de shortcode om producten met specifieke kenmerken weer te geven.

[product_attribute attribute='color' filter='blue']

U kunt meer informatie over de shortcode bekijken op de documentatiepagina. Laten we nu eens kijken naar een eenvoudige manier om de shortcode toe te voegen en het product op de juiste manier weer te geven.

De Shortcode-plug-ins

Nu waren de bovenstaande shortcodes eenvoudig te plakken. Maar wat als u een bepaalde reeks producten wilt weergeven? Stel dat u alle producten per categorie wilt verdelen en dat u slechts een X-aantal producten op één pagina wilt zien. Wat zult u in zo’n geval doen? U moet de shortcode onthouden.

We zijn hier om de blog te runnen of het bedrijf te runnen, niemand heeft genoeg tijd om de shortcode te onthouden. Daarom gaan we een plugin gebruiken om alle producten weer te geven. Met de plug-in kunt u eenvoudig de shortcode maken.

Er zijn hier veel opties als u een plug-in kiest. Hier is een shortlist van de beste WooCommerce shortcodes-plug-ins. Je kunt ze allemaal gebruiken. We raden u aan er enkele uit te proberen en vervolgens de beste te kiezen. Dit kan variëren, afhankelijk van uw behoeften.

Als je geen tijd wilt verspillen aan het kiezen van een plug-in, kun je iedereen uit de eerste 2 gebruiken. De eerste (WooCommerce shortcodes) is de beste. Je kunt de meeste hiervan gratis vinden in de WordPress-plug-indirectory. Als u verder meer functies wilt gebruiken, kunt u zeker voor de premiumversie kiezen.

We zullen nu zien hoe u deze plug-ins kunt gebruiken en alle shortcodes gemakkelijk kunt weergeven.

Hoe gebruik ik Shortcode-plug-ins?

Nu werken alle plug-ins anders. Het is dus niet mogelijk om de tutorial van alle shortcodes-plug-ins te behandelen. We zullen echter een overzicht van de plug-ins zien. Daarna kunt u de meeste van deze plug-ins gemakkelijk gebruiken.

Laten we beginnen met een van de meest favoriete plug-ins. We zullen eerst de informatie over WooCommerce shortcodes zien.

De WooCommerce shortcodes-plug-in is een van de gemakkelijkste en handigste plug-ins. Het enige wat u hoeft te doen is de plug-in installeren en activeren. Daarna hoeft u alleen maar naar de pagina te gaan. Wanneer u naar de optie Pagina maken gaat, ziet u de plug-in in de bovenstaande balk.

Als u TinyMCE gebruikt, ziet u de optie in de bovenste werkbalk. Op dezelfde manier, als u de Guttenberg-editor gebruikt, ziet u de shortcode-optie in de blokbewerking. Daarin zie je verschillende visuele opties.

Als u bijvoorbeeld een shortcode van een specifieke categorie wilt maken, kunt u dit eenvoudig doen. U moet de ID en categorie in het veldvak invoeren, waarna de plug-in automatisch de shortcode voor u genereert. Je hoeft dus niets te onthouden. Dit is de gemakkelijkste manier om dingen gemakkelijk te doen.

De volgende plug-in is de Woo Shortcodes-kit. Dit zal de functionaliteit van WooCommerce vergroten. Daarom moet u dergelijke plug-ins installeren als u de functionaliteit van de WooComemrce-website wilt vergroten.

Zelfs als u alle shortcodes kunt onthouden, raden we u ten zeerste aan een plug-in te gebruiken. Alsof u de fout maakt in de shortcode, wordt er geen enkel product weergegeven. Het is altijd beter om in plaats daarvan een plug-in te gebruiken.

Overal shortcodes gebruiken

Laten we nu ingaan op het laatste onderwerp, namelijk het maken van pagina's met behulp van WooCommerce shortcodes. We zullen ook zien hoe je de shortcode overal kunt gebruiken. Je kunt de shortcodes op veel plaatsen gebruiken, waaronder berichten, pagina's, aangepaste berichttypen, enz.

Het enige wat u hoeft te doen is de shortcode op de pagina/het bericht plakken en u bent klaar. Als u een plug-in gebruikt, kunt u eenvoudig op de plug-in-opties in de editor klikken en uw shortcode wordt gegenereerd. U kunt de shortcode overal op de pagina knippen/plakken om deze te verplaatsen. Wanneer u op de voorbeeldknop klikt, worden de daadwerkelijke producten weergegeven in plaats van de shortcode.

In eenvoudiger woorden: de shortcode wordt gebruikt om de code overal weer te geven.

Hadden we zojuist ‘ergens’ genoemd? Maar als u de shortcode in het widgetgedeelte typt, wordt er niets weergegeven, maar wordt alleen de shortcode weergegeven. U kunt dus niet rechtstreeks een shortcode in de widget gebruiken. Er is echter een methode om de shortcode overal op uw WordPress-website te gebruiken. Laten we er meer over zien en hoe u het kunt gebruiken.

Shortcode overal of altijd

Er is een gratis plug-in genaamd “Shortcodes overal of altijd”. Hiermee kunt u de shortcodes toevoegen waar u maar wilt. Het is een gratis plug-in en u kunt deze in de WordPress-plug-inmap zelf vinden.

Met behulp van een shortcode waar dan ook, kunt u de shortcode gebruiken in de widget, berichttitel, fragmenten, enz. U kunt de shortcode niet aan de titel toevoegen zonder deze plug-in te gebruiken.

Deze plug-in zal niet door iedereen vereist zijn. Als u de producten in de widget wilt weergeven, kunt u deze alleen rechtstreeks vanuit de WooCommerce-widgets toevoegen. Als u de producten echter via een shortcode wilt weergeven, heeft u deze plug-in nodig. Dit is dus niet een van de plug-ins die je moet hebben. Als u een dergelijke vereiste heeft om de shortcode ergens toe te voegen waar deze niet wordt ondersteund, kunt u deze plug-in zeker gebruiken.

Anders dan dit, als u een builder gebruikt om pagina's te bouwen en de shortcode niet wordt ondersteund, kunt u deze plug-in gebruiken. Er zal ook een bouwerspecifieke shortcode-plug-in zijn die meestal voor de specifieke bouwer wordt gebruikt, u kunt deze ook gebruiken.

Laatste woorden

Tot slot ging dit allemaal over WooCommerce shortcodes en hoe je deze kunt gebruiken. Als je meer functionaliteiten in de shortcode wilt, zul je zeker de hulp van de plug-ins moeten gebruiken. Het zal uw werk gemakkelijker maken. Als je geen plug-ins wilt gebruiken, kun je de WooCommerce-documentatie bekijken en zien wat je allemaal kunt doen met de shortcodes. De plug-in wordt alleen aanbevolen voor mensen die de shortcodes vaak willen gebruiken. Als je het maar één keer wilt gebruiken, raden we je aan om het handmatig te gebruiken in plaats van een plug-in. Een plug-in zal meer belasting vergen. Dus als u het niet vaak wilt gebruiken, kunt u de documentatie bekijken en de shortcode handmatig toevoegen.

Hoe aan de slag te gaan?

Kom meer te weten

WooCommerce-onderhoud

Bespaar 33% met ons jaartariefplan.

Start nu

Heeft u problemen met WordPress?

Claim uw Gratis WordPress-onderhoud

In het snelle digitale landschap van vandaag verdient elke website de zorg en expertise van een professioneel onderhoudsteam, dat optimale prestaties, verbeterde beveiliging en naadloze gebruikerservaringen garandeert, zodat u zich met een gerust hart kunt concentreren op de groei van uw bedrijf.

Alexey Seryapin
Oprichter van WPServices

Couponcode toegepast!

Neem de tijd en blader door onze diensten.

Alexey Seryapin
Oprichter van WPServices