Din dedikerade partner för allt WordPress

WooCommerce-kortkoder

Innehållsförteckning

WooCommerce är en populär lösning för alla shoppingbutiker. Den här artikeln kommer att täcka allt om WooCommerce Shortcodes. Vi kommer att se allt du bör veta om kortkoder. Vi kommer att gå från grundläggande till avancerad. Med utgångspunkt från vad som är WooCommerce-kortkoder till de mest avancerade användningarna kommer vi att täcka allt du bör veta om det.

Efter att ha läst den här artikeln kan du enkelt lägga till valfri kortkod och skapa den sida du vill ha.

Vad är WooCommerce Shortcodes?

Kortkoder kan låta lite tekniskt. Det finns dock inget att oroa sig för. Det är inte alls tekniskt och du kan använda det med lätthet.

Kortkoder låter dig funktionalitet på WordPress-sida och inlägg utan att behöva skriva koden. Kortkoderna som används för WooCommerce är kända som WooCommerce-kortkoder.

Om du till exempel vill visa varukorgen i ett visst inlägg eller en viss sida kan du använda kortkoden för att visa den. Du behöver inte skriva hela koden för varukorgen för att visa den.

Vi kommer att se vilka kortkoderna är och hur du kan använda dem effektivt och klokt.

För att använda denna kortkod behöver du bara kopiera kortkoden och klistra in den på inlägget, sidan eller på en plats där kortkoden är placerad.

Sidkortkod

Till att börja med tar vi först en kortkod för sidan. Det här är kortkoderna som används för en sida. Om du till exempel pratar om WooCommerce-vagnen finns det en annan kundvagnssida. Så för att visa den måste du använda kortkoden.

Låt oss se några av kortkoderna.

[woocommerce_cart] – Det här är kortkoden som du kan använda för att visa varukorgen.

[woocommerce_checkout] – Om du vill visa kassasidan måste du använda den här kassan.

[woocommerce_order_tracking] – Orderspårning är platsen där användaren kan hitta beställningens förlopp. Oavsett om deras beställning håller på att bearbetas eller om den är ute för leverans, kan alla dessa saker kännas till genom beställningsspårningen.

Orderspårning, WooCommerce-kortkoder

[woocommerce_my_account] – Om du vill visa användarkontoinformationen kan du använda just denna kortkod.

Det här är några av kortkoderna du kan använda när det kommer till kortkoder för WooCommerce-sidor. Du kan använda vilken som helst av kortkoderna på vilken sida som helst.

Om du vill visa två saker på en sida kan du också göra det. Om du till exempel vill visa varukorgen och kassan på en enda sida kan du klistra in båda dessa kortkoder på en enda sida. I sådana fall kommer både varukorgen och kassan att finnas på samma sida. Detta rekommenderas naturligtvis inte alls.

Men om du vill kan du visa orderspårningssidan på sidan Mitt konto, du kan säkert kombinera båda.

WooCommerce produktkortkoder

Nästa är produktens kortkod. WooCommerce låter dig använda produktkortkoder på olika sidor. Du kan visa alla produkter med kortkoden eller så kan du visa en specifik uppsättning produkter.

Dessutom låter den dig även ställa in parametrarna och sedan visa produkterna. För att visa produkterna kan du använda [products] kortkod.

Det finns många justeringar du kan göra här. WooCommerce låter dig lägga till många saker i denna kortkod. Du kan ställa in gränsen, du kan ställa in kategorin etc. Du kan säkert kolla in WooCommerce-dokumenten för en komplett lista över de attribut och varianter du kan använda.

Men vi kommer säkert att se den mest populära kortkoden och deras användning.

Låt oss först prata om de vanliga filtren. Lyckligtvis behöver du inte ställa in några parametrar för de senaste produkterna eller bästsäljande, WooCommerce låter dig lägga till dem direkt.

Här är kortkoderna du kan använda.

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

Det behövs naturligtvis ingen extra information om kortkoden, eller hur?

När du pratar om de utvalda produkterna kan du ställa in vilken produkt som helst som en utvald produkt från produktredigeringssidan. Det kommer att finnas ett alternativ att ställa in produkten som en utvald produkt. Du kan använda den och ditt arbete kommer att göras.

Produktattribut

Om du nu bara vill visa specifika produkter kan du använda attribut. Det finns olika attribut tillgängliga. Precis som avsnittet ovan kommer vi att se några av de populära attributen som de flesta kommer att behöva. I de flesta fall kommer du bara att använda dessa.

begränsa: Gräns ​​används för att ställa in produktgränsen.

kolonner: När du visar produkten behöver du ibland bara 1 eller 2 kolumner, du kan ställa in den med detta attribut.

orderby: Om du vill visa de bästsäljande produkterna först kan du göra det. Vidare kan du också beställa efter namn, SKU, etc. Det finns olika attribut tillåtna här. Du kan använda datum, id, popularitet, datum, etc.

kategori: Det gör det möjligt att ställa in kategorier för produkten. Du kan lägga till fler kategorier med hjälp av kommatecken.

Låt oss nu se exemplet på en sådan kortkod. Detta ger dig en uppfattning om hur du kan använda den vid olika tillfällen.

Om du vill visa 4 produkter i 2 kolumner och bara visa de bästsäljande produkterna kan du använda följande kortkod.

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

Om du vill visa de senaste produkterna med samma kolumnstruktur som ovan kan du använda följande kortkod

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

Låt oss också se hur du kan visa produktkategorin.

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

Här är kortkoden för att visa produkter med specifika attribut.

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

Du kan kontrollera mer information om kortkoden på dokumentationssida. Låt oss nu se ett enkelt sätt att lägga till kortkoden och visa produkten på rätt sätt.

Shortcode-plugins

Nu var ovanstående kortkoder lätta att klistra in. Men vad händer om du vill visa en viss uppsättning produkter? Låt oss säga att om du vill dela upp alla produktkategorier lika bra som du bara vill se X antal produkter på en enda sida. Vad kommer du att göra i ett sådant fall? Du måste komma ihåg kortkoden.

Vi är här för att antingen driva bloggen eller driva verksamheten, ingen har tillräckligt med tid att komma ihåg kortkoden. Det är därför vi kommer att använda ett plugin för att visa alla produkter. Insticksprogrammet hjälper dig att enkelt skapa kortkoden.

Det finns många alternativ här när du ska välja ett plugin. Här är en kortlista över de bästa WooCommerce shortcodes plugins. Du kan använda vilken som helst av dem. Vi föreslår att du provar några av dem och sedan väljer den bästa. Detta kan variera beroende på dina behov.

Om du inte vill slösa bort din tid på att välja ett plugin kan du använda vem som helst från de första 2. Den första (WooCommerce kortkoder) är den bästa. Du kan hitta de flesta av dessa i WordPress plugin-katalogen gratis. Vidare, om du vill använda fler funktioner, kan du säkert välja premiumversionen.

Vi kommer nu att se hur du kan använda dessa plugins och visa alla kortkoder med lätthet.

Hur använder man Shortcode Plugins?

Nu fungerar alla plugins olika. Så det kommer inte att vara möjligt att täcka handledningen för alla kortkoders plugins. Däremot kommer vi att se en översikt över plugins. Därefter kommer du att kunna använda de flesta av dessa plugins med lätthet.

Låt oss börja med en av de mest favoritplugins. Vi kommer först att se informationen om WooCommerce-kortkoder.

WooCommerce shortcodes plugin är en av de enklaste och mest bekväma plugins. Allt du behöver göra är att installera och aktivera plugin. Därefter behöver du bara gå över till sidan. När du går till alternativet skapa sida ser du plugin-programmet i fältet ovan.

Om du använder TinyMCE kommer du att se alternativet i det övre verktygsfältet. På samma sätt, om du använder Guttenberg-redigeraren, kommer du att se kortkodsalternativet i blockredigeringen. Inuti den kommer du att se olika visuella alternativ.

Om du till exempel vill skapa en kortkod för en specifik kategori kan du göra det enkelt. Du måste ange id, kategori i fältet och sedan genererar plugin-programmet automatiskt kortkoden åt dig. Så du behöver inte komma ihåg någonting. Detta är det enklaste sättet för saker med lätthet.

Nästa plugin Woo Shortcodes kit. Detta kommer att öka funktionaliteten hos WooCommerce. Därför, om du vill öka funktionaliteten på WooComemrce-webbplatsen, måste du installera sådana plugins.

Även om du kan komma ihåg alla kortkoder, rekommenderar vi starkt att du använder ett plugin. Som om du gör fel i kortkoden kommer den inte att visa någon produkt. Det är alltid bättre att använda ett plugin istället.

Använda kortkoder var som helst

Låt oss nu gå in på det sista ämnet som är att skapa sidorna med hjälp av WooCommerce-kortkoder. Vi kommer också att se hur du kan använda kortkoden var som helst. Du kan använda kortkoderna på många ställen inklusive inlägg, sidor, anpassade inläggstyper etc.

Allt du behöver göra är att klistra in kortkoden på sidan/inlägget så är du klar. Om du använder ett plugin kan du helt enkelt klicka på plugin-alternativen från editorn och din kortkod kommer att genereras. Du kan klippa ut/klistra in kortkoden var som helst på sidan för att flytta den. När du trycker på förhandsgranskningsknappen kommer den att visa dig de faktiska produkterna snarare än kortkoden.

Med enklare ord används kortkoden för att visa koden var som helst.

Nämnde vi bara "någonstans"? Men om du skriver kortkoden i widgetsektionen kommer den inte att visa någonting utan bara kortkoden. Så du kan inte direkt använda en kortkod i widgeten. Det finns dock en metod för att använda kortkoden var som helst på din WordPress-webbplats. Låt oss se mer om det och hur du kan använda det.

Kortkod var som helst eller överallt

Det finns ett gratis plugin som heter "Kortkoder var som helst eller överallt”. Detta gör att du kan lägga till kortkoderna var du vill. Det är ett gratis plugin och du kan komma in i själva WordPress plugin-katalogen.

Med hjälp av kortkod var som helst kan du använda kortkoden i widgeten, postrubriken, utdrag etc. Du kan inte lägga till kortkoden i titeln utan att använda detta plugin.

Denna plugin kommer inte att krävas av alla. Om du vill visa produkterna i widgeten kan du bara lägga till den direkt från WooCommerce-widgetarna. Men om du vill visa produkterna via en kortkod behöver du detta plugin. Så detta är inte en av de plugins som måste ha. Om du har ett sådant krav att lägga till kortkoden någonstans där den inte stöds, kan du säkert använda denna plugin.

Förutom detta, om du använder en byggare för att bygga sidor och kortkoden inte stöds, kan du använda denna plugin. Det kommer också att finnas den byggarspecifika kortkodsplugin som oftast används för den specifika byggaren, du kan också använda den.

slutord

Avslutningsvis handlade allt om WooCommerce-kortkoder och hur du kan använda det. Vill du ha fler funktioner i kortkoden måste du säkert ta hjälp av plugins. Det kommer att göra ditt arbete lättare. Om du inte vill använda plugins kan du ta en titt på WooCommerce-dokumentationen och se vad du kan göra med kortkoderna. Insticksprogrammet rekommenderas endast för personer som vill använda kortkoderna ofta. Om du bara vill använda det en gång i taget rekommenderar vi att du använder det manuellt istället för ett plugin. En plugin kommer att ta mer belastning. Så om du inte vill använda det ofta kan du kolla in dokumentationen och lägga till kortkoden manuellt.

Hur man kommer igång?

LÄR DIG MER

WooCommerce underhåll

Spara 33% med vår årliga prisplan.

Kom igång

Har du problem med WordPress?

Uppdatera din Gratis WordPress-underhåll

I dagens snabba digitala landskap förtjänar varje webbplats omsorg och expertis från ett professionellt underhållsteam, vilket säkerställer optimal prestanda, förbättrad säkerhet och sömlösa användarupplevelser, så att du kan fokusera på att växa ditt företag med sinnesfrid.

Alexey Seryapin
Grundare av WPServices

Kupongkod tillämpad!

Ta dig tid och fortsätt att bläddra i våra tjänster.

Alexey Seryapin
Grundare av WPServices