WooCommerce kortkoder lar deg vise informasjon fra butikken din på nye og spennende måter. WooCommerce kommer forhåndsbygd med kortkoder,og du kan installere plugins for å legge til flere. Enten du vil liste produkter i et bord, vise handlekurven hvor som helst på nettstedet ditt, eller noe annet – du har kommet til rett sted!

Du har sikkert kommet over kortkoder før, enten Du er ny På WordPress eller har brukt Det i noen tid. Kortkoder er, som navnet antyder, korte stykker kode som utfører en slags funksjon. WooCommerce-kortkoder, for eksempel, lar deg legge til ryddige WooCommerce-relaterte funksjoner Til WordPress-sider, innlegg, sidefelt og widgetiserte områder på nettstedet ditt.

Hvis du leter etter en måte å forenkle shopping opplevelse kan gjøre dette ved Hjelp WooCommerce kortkoder. De kan hjelpe deg med å forbedre brukerflyten for kjøp og optimalisere nettbutikken for konverteringer.

Du kan for eksempel bruke WooCommerce-kortkoder til å:

• Vise en liste over dine topprangerte produkter på hjemmesiden din.
• Vis frem relaterte produkter når en kunde uttrykker interesse for et produkt.
• Fremhev utvalgte produkter I Gutenberg blokker, sidefelt, andre widgetized områder.Med dette i tankene, i denne komplette veiledningen, vil vi forklare hvordan Du kan bruke WooCommerce-kortkoder for å levere bedre brukeropplevelser og øke bunnlinjen. Underveis vil vi også forklare når (og hvorfor) du bør bruke hver snarvei. Vi ser på kortkodene som følger Med WooCommerce selv, og kortkoder som du kan legge til med andre plugins.
  

  Hvordan bruke WooCommerce kortkoder

  Kortkoder ser og høres litt teknisk ut, men de er faktisk designet for alle å bruke. Du trenger ikke noen koding ferdigheter.

  bare sett snarvei inn i en tekst editor I WordPress, eller til en ‘Snarvei’ blokk hvis Du bruker Gutenberg eller en sidebygger som Elementor eller Visual Composer:

  

  du kan kombinere kortkoder og vise flere kortkoder på en enkelt side. For eksempel kan du kombinere ordresporingsnummeret med brukerkontohortnummeret. Alt du trenger å gjøre er å sette inn begge kortkoder på samme side. Det ville se noe ut som dette:

  

  WooCommerce produktliste kortkoder

  det er også kortkoder for å liste produkter på forskjellige måter i butikken din. Disse gir ekstra fleksibilitet, slik at du ikke sitter fast med de begrensede visningene du får på butikk-og kategorisidene. I stedet kan Du bruke WooCommerce – kortkoder til å liste en eller flere produkter bokstavelig talt hvor som helst på WordPress-nettstedet ditt-enten i et rutenett eller tabellbasert listevisning.

  WooCommerce produkter snarvei

  WooCommerce har En snarvei som lar deg liste spesifikke produkter i et rutenett layout:

  . Du kan også legge til andre parametere i den (for eksempel orderby og kolonner) for å tilpasse front-end utseende.

  

  du kan velge antall produkter til listen per rad. Hvis du for eksempel vil vise seks produkter i tre kolonner sortert etter dato i stigende rekkefølge, vil du bruke kortnummeret: . På samme måte, for å vise produkter i synkende rekkefølge, ville du bare erstatte ASC MED DESC.

  WooCommerce quick view snarvei

  snarvei fungerer sømløst med WooCommerce Quick View Pro plugin. Dette legger hurtigvisning knapper til listen over produkter som en rask måte å tillate folk å gjøre sine kjøp uten å forlate gjeldende side:

  

  alt du trenger å gjøre er å installere WooCommerce Quick View Pro plugin Til WordPress nettstedet ditt, og det vil automatisk legge til quick view knapper til front-end. På denne måten kan kundene se produktattributter og variasjoner og legge til produkter i handlekurven uten å navigere til produktsiden.

  Les vår komplette guide Til WooCommerce Quick View Pro snarvei.

  
  

  div>

  woocommerce quick view

  legg quick view knapper til woocommerce produkter snarvei.

  WooCommerce produkt tabell snarvei

  mens den innebygde WooCommerce produkter snarvei er ganske fleksibel, det bare lar deg vise dem i et rutenett layout. Det er ikke ideelt for butikker som ønsker å vise flere produkter per side, for eksempel hvis du oppretter en rask en-side bestillingsskjema eller engros butikk. I så fall kan du være bedre med et produkttabell kortnummer.

  Mens WooCommerce selv ikke har et produkttabell kortnummer, kan du enkelt legge til En Med WooCommerce Product Table plugin. Den grunnleggende snarvei er og du kan konfigurere dette ved hjelp av over 50 kortnummer alternativer.

  Se den komplette listen over kortnummer alternativer som du får Med WooCommerce Produkttabell.

  WooCommerce legg til handlevogn kortnummer

  WooCommerce kommer med en innebygd snarvei som lar deg sette inn en legg til handlevogn knapp for et bestemt produkt hvor som helst du vil. Bare legg TIL ID og / ELLER SKU av produktet du vil vise legg til i handlekurven for:

  hvis du vil inkludere produktprisen, bruk deretter:

  

  for enkle produkter, vil dette vise en legg til i handlevogn knapp.

  for variable produkter vil det vise en»Velg alternativer»-knapp:

  

  personlig liker jeg ikke dette fordi kundene må besøke produktsiden for å velge deres variasjoner. Det er bedre å bruke WooCommerce Produkttabell for å liste en eller flere variable produkter i en tabell, komplett med variasjon dropdowns:

  

  på den måten kan kundene velge alternativer og legge til handlekurven fra siden de er på.

  Produktkategori snarvei

  Produktkategorien snarvei viser produkter fra en bestemt kategori i en standard rutenett layout.

  

  Dette er kortnummeret for det:

  hvis du ikke liker rutenettoppsettet, eller hvis du vil ha mer kontroll over hvilken informasjon som skal vises om hver produkt, så kan du bruke woocommerce produkttabell kortnummer i stedet. WooCommerce Produkttabell plugin kommer med en kategori kortnummer alternativ, som du kan bruke til å liste produkter fra bestemte kategorier bare:

  I Motsetning til den innebygde snarvei som følger Med WooCommerce, kan du velge hvilke kolonner med informasjon som skal vises om hvert produkt, og la kundene velge variasjoner og velge mengder direkte fra produkttabellen. Dette gjør shopping mye raskere og øker konverteringsfrekvensen.

  WooCommerce produktkategorier kortnummer

  Produktkategoriene kortkoder viser produktkategorier, i stedet for produktene i dem. Eksempelvis:

  vil liste noen 4 Av Dine WooCommerce kategorier, bestilt etter navn.

  

  La Oss ta en titt på noen av attributtene og kortkoder som går med produktkategorier:

  • limit styrer antall kategorier som vises.
  • orderby styrer sorteringsrekkefølgen;» navn «og» dato » er gyldige alternativer.
  • order representerer rekkefølgen på produktkategorier, dvs. » ASC «eller » DESC».
  • kolonner viser antall kolonner kategoriene er ordnet i.
  • hide_empty brukes til å skjule produktkategorier uten produkter.
  • parent lar deg bare vise produktkategorier på øverste nivå.
  • Ids representerer at kategori-Ider kan settes i henhold til bare utdata angitte resultater.

  Siste produkter

  WooCommerce Siste produkter snarvei viser produktene du nylig har lagt til i nettbutikken.

  

  Dette er kortnummer for nyere produkter:

  Men Hvis du vil vise den faktiske datoen produktet ble lagt til din nettbutikk, eller hvis du vil mer kontroll, så kan du bruke woocommerce produkttabell plugin i stedet.

  bare bestill produkttabellen etter dato i synkende rekkefølge, og bruk produktgrensenummeret til å kontrollere hvor mange produkter som skal inkluderes:

  

  hvis du inkluderer en datokolonne i tabellen, kan kundene enkelt se hvilke produkter som nylig ble lagt til i butikken.

  Utvalgte produkter

  De Utvalgte produkter snarvei For WooCommerce lar deg liste utvalgte produkter separat fra resten av butikken din. Bruk den til å liste utvalgte produkter hvor du vil, for eksempel i blogginnlegg eller andre sider.

  Utvalgte produkter Er WooCommerce produkter som har en blå stjerne ikonet ved siden av Dem På Alle Produkter siden:

  

  Dette er snarvei for utstillingsvindu utvalgte produkter: . Utgangen skal se slik ut:

  

  Dette lister utvalgte produkter i en tabell layout, med hvilken kolonner med informasjon du valgte på plugin innstillinger siden.

  WooCommerce salg produkter snarvei

  Salg produkter snarvei lar deg presentere produkter for tiden på salg. Du kan enkelt vise dem ved hjelp av snarvei:

  

  Bestselgende produkter snarvei

  Bruk Følgende WooCommerce snarvei for å vise din all-time bestselgende produkter i et rutenett:

  

  hurtigvisning Knappene Vises på front-end hvis du har woocommerce quick view Pro Plugin Installert på din wordpress nettstedet.

  hvis du foretrekker et bordoppsett, kan du også liste bestselgende eller populære produkter med WooCommerce Produkttabell kortkode som dette:

  Les vår fullstendige veiledning om hvordan du lister populære produkter med WooCommerce Produkttabell.

  Topp karakter produkter

  Du kan bruke Topp Karakter produkter snarvei Sammen Med WooCommerce innebygde anmeldelser og karakterer funksjon for å vise frem dine topp karakter produkter. Bruk kortnummeret:

  

  Du kan også liste topp karakter produkter i en tabell visning ved Hjelp Av WooCommerce Produktet Tabellen snarvei:

  relaterte produkter snarvei

  relaterte produkter er en liste over produkter som ligner på produktet som kunden surfer. Disse vil dukke opp direkte under hovedproduktet på enkelt produktside, men Du kan bruke WooCommerce-relaterte produkter kortnummer for å liste relaterte produkter andre steder.

  

  Bruk snarvei for å vise relaterte produkter hvor som helst på WordPress nettstedet ditt.

  Legg til i handlevogn knapp snarvei

  WooCommerce snarvei lar deg vise prisen og legg til handlevogn knappen for et enkelt produkt basert PÅ SIN ID. Her er hvordan det ser ut på front-end:

  

  du kan vurdere å legge dette til en widgetized område på nettbutikken eller et blogginnlegg.

  

  denne snarveien fungerer Med WooCommerce Quick View Pro plugin. Når du bruker begge pluginene sammen, vises hurtigvisningsknappene sammen med legg til i handlevogn-knappene. Dette er ideelt hvis du viser variable produkter, eller hvis du vil at kundene skal kunne endre mengden før du legger i handlekurven. Kunder kan se ekstra informasjon om produktet, velge mengder og variasjoner og legge til i handlekurven fra en hurtigvisning lysboks. Dette holder dem på den opprinnelige siden i stedet for å ta dem til en egen produktside.

  

  hvis du heller vil vise legg til i handlekurv-knapper for flere produkter, eller hvis du ikke liker standardformatet med det store bildet, kan Du bruke WooCommerce Produkttabell i stedet.

  Velg hvilke kolonner du vil inkludere i produkttabellen (pass på at du inkluderer kolonnen add-to-cart!) og bruke snarvei til å sette den hvor du vil. Bruk inkluder-alternativet for å velge hvilke produkter som skal inkluderes, for eksempel:

  Kan jeg vise kortkoder i kortkoder?

  Noen ganger kan det være lurt å hekke kortkoder – for eksempel å legge Til WordPress audio player snarvei slik at den legger en innebygd musikkspiller til listen over produkter.

  Du kan normalt ikke neste WooCommerce kortkoder. Du kan imidlertid oppnå dette ved å bruke WooCommerce Produkttabell kortnummer for å liste produkter, og legge til andre kortkoder i feltene du viser i produkttabellen.

  la Oss for eksempel si at du vil liste 8 produkter, med en innebygd lydspiller for hver enkelt. Du kan legge til lydavspilleren i feltene produktkort eller lang beskrivelse og vise disse som kolonner i tabellen. Du bruker Deretter WooCommerce Produkttabell kortnummer for å liste de spesifikke produktene, inkludert kort eller lang beskrivelseskolonne som inneholder lydspillerne.

  

  for å få kortkoder fra andre plugins til å fungere i produkttabellen, må du aktivere Alternativet «Kortkoder» på Siden For WooCommerce Produkttabellinnstillinger:

  

  WooCommerce side kortkoder

  La oss starte med å ta en titt på noen Av De vanligste WooCommerce side kortkoder. Disse oppretter automatisk hele sider, for eksempel handlekurven eller kassen.

  WooCommerce handlekurv

  WooCommerce handlekurv kortnummer – – lar deg vise kundens handlekurv på WordPress-nettstedets frontend. Du kan legge Den Til WordPress sider eller innlegg eller vise den i widgetized områder (for eksempel sidepanelet).

  Det vil se omtrent slik ut på frontenden:

  

  når du installerer Og aktiverer WooCommerce Til WordPress – nettstedet ditt, oppretter Det automatisk noen sider for Deg-inkludert Vognsiden, som bruker denne kortnummeret. Du kan bruke kortnummeret til å legge handlekurven til flere deler av nettstedet ditt.

  WooCommerce kassa side

  Du kan bruke WooCommerce kassa snarvei – – for å generere en komplett kassa side på din e-handel nettsted. Denne siden opprettes også automatisk for Deg når Du installerer WooCommerce. Du kan også bruke snarvei til å sette kassen andre steder (for eksempel under et produkt tabell for å lage en-side shopping).

  

  WooCommerce kassa snarvei inkluderer faktureringsdetaljer, ordredetaljer, og muligheten til å sende til en annen adresse.

  WooCommerce ordresporing

  WooCommerce lar butikkeiere opprette en ordresporingsside ved hjelp av kortnummer. Selv om Denne siden ikke kommer Med WooCommerce ut av boksen, kan du bare opprette en ny side og sette inn kortnummeret i tekstredigereren for å lage din egen. Det skal se omtrent slik ut på forsiden:

  

  WooCommerce brukerkontoside

  WooCommerce oppretter automatisk En Min Konto-side når du først installerer Den på nettstedet ditt. Dette gjøres ved hjelp av snarvei. Du kan bruke snarvei til å sette inn kontoområdet i flere steder i hele området.

  My Account-kortnummeret fungerer som et påloggings-og registreringsskjema for innloggede brukere. Som et resultat kan du også bruke Dette som En WooCommerce login shortcode.

  

  Legg WooCommerce kortkoder lettere med en verktøylinje knapp

  mens du kan finne alle slags WooCommerce kortkoder plugins på nettet, anbefaler vi at du bruker Gratis WooCommerce Kortkoder plugin Av WooThemes. Når den er installert og aktivert, legger denne plugin En TinyMCE drop-down knappen Til WordPress tekst editor for å gi deg enkel tilgang til alle de innebygde WooCommerce kortkoder. Dette sparer deg for å måtte kopiere og lime inn kortkoder.

  etter aktivering Av WooCommerce Kortkoder plugin, vil du se en ny snarvei knapp i WordPress tekst editor. Når du klikker på denne knappen, vises en rullegardinliste som inneholder alle standard WooCommerce-kortkoder:

  

  Feilsøking Av WooCommerce-kortkoder

  noen ganger limer du inn riktig WooCommerce-kortkode i tekstredigereren, men den vises ikke den riktige utgangen. I så fall må du kontrollere at du ikke ved et uhell har lagt inn kortnummeret i<pre> – tagger. Du kan fjerne disse kodene ved å gå inn I HTML-tekstredigeringsprogrammet.

  Beste WooCommerce-kortkoder for Produkttabell

  Før vi er ferdige, her er en rask oversikt over de mest nyttige innebygde WooCommerce-kortkoder som du kan bruke Med WooCommerce Product Table plugin og WooCommerce Quick View Pro plugins:

  Plugin Required	Shortcode name	WooCommerce shortcode	Description
  None	Shopping Cart		Displays a shopping cart on the front-end of the website
  None	Checkout Page		Displays a complete checkout page.
  None	Order Tracking		Displays an order tracking form for your e-commerce website.
  Ingen	Brukerkontoside	Viser en ‘Min Konto’ – side for brukere
  WooCommerce Produkttabell	Produktpris/Handlekurv-Knapp			Legger til en produktpris (eller legg til i handlekurv) – knapp i produkttabellen.
  WooCommerce Quick View Pro	Flere Produkter Snarvei		Viser flere (utvalgte) produkter på en side eller innlegg med hurtigvisning knapper.
  WooCommerce Quick View Pro	Produktkategori		Viser spesifikke produktkategorier på forsiden av nettstedet.
  WooCommerce Quick View Pro	Produktkategori Av Slug	Viser produkter fra en bestemt produktkategori sammen med hurtigvisning knapper.
  WooCommerce Quick View Pro	Siste Produkter		Viser en liste over de nyeste produktene du har lagt til din nettbutikk sammen med hurtigvisning knapper.
  WooCommerce Quick View Pro	Utvalgte Produkter		Viser en liste over utvalgte produkter med hurtigvisning knapper.
  WooCommerce Quick View Pro	Salg Produkt		Viser en liste over alle produkter på salg med hurtigvisning knapper.
  WooCommerce Quick View Pro	Bestselgende Produkt		Viser en liste over dine bestselgende produkter med hurtigvisning knapper.
  WooCommerce Quick View Pro	Topprangerte Produkt		Viser en liste over dine topprangerte produkter med hurtigvisningsknapper.
  WooCommerce Quick View Pro	Relatert Produkt		Viser en liste over relaterte produkter med hurtigvisning knapper på enkelt produktsider.
  WooCommerce Quick View Pro

  Supercharge din woocommerce butikk med kortkoder!

  WooCommerce-kortkoder er små kodebiter som lar deg legge til fine funksjoner i nettbutikken din. Du kan legge dem til butikksider, innlegg eller widgetiserte områder på nettstedet ditt (for eksempel sidepanelet). Noen WooCommerce-kortkoder støtter også parametere som du kan bruke til å tilpasse utgangen.

  men ikke alle WooCommerce-kortkoder gir en god brukeropplevelse. I stedet for å lime dem som de er, kan du vurdere å bruke Dem sammen Med WooCommerce Product Table plugin eller WooCommerce Quick View Pro plugin.

  det er for eksempel den eneste måten å tillate kunder å velge antall og variasjoner utenfor produktsiden, og det lar deg vise ekstra informasjon om hvert produkt og kontrollere bildestørrelsen. Hvis du vil ha ekstra fleksibilitet, kan du installere WooCommerce Produkttabell og begynne å eksperimentere med sine 50+ kortkodealternativer. Dette vil gi deg en mer ryddig og organisert utseende på front-end samtidig sikre nettstedet forbedrer kundens shopping opplevelse.

  

  WooCommerce Produkttabell

  Vis WooCommerce kortkoder på en ryddig og organisert måte!

  For å oppsummere, Lar WooCommerce-kortkoder deg forbedre kjøperens reise, se flere produkter samtidig, og gjør det enkelt for kundene å raskt navigere gjennom kassen. Du kan også prøve Ut Andre WooCommerce kortnummer plugins (Som WooCommerce Kupong Kortkoder) som lar deg utnytte avanserte funksjoner som å legge kupongkoder til nettbutikken.