kortkoder giver dig mulighed for at vise oplysninger fra din butik på nye og spændende måder. Du kan installere plugins for at tilføje mere. Uanset om du vil liste produkter i en tabel, vise vognen hvor som helst på din side eller noget andet – er du kommet til det rigtige sted!

du har sandsynligvis stødt på kortkoder før, uanset om du er ny til at trykke på eller har brugt det i nogen tid. Kortkoder er, som navnet antyder, korte stykker kode, der udfører en slags funktion. F. eks.kan du tilføje smarte funktioner til sider, indlæg, sidebjælker og vidgetiserede områder på din hjemmeside.

Hvis du leder efter en måde at forenkle shoppingoplevelsen på, kan du gøre dette ved hjælp af kortkoder. De kan hjælpe dig med at forbedre køb af brugerstrømme og optimere din online butik til konverteringer.du kan f.eks. bruge kortkoder til at:

• vise en liste over dine Bedst bedømte produkter på din hjemmeside.
• Vis relaterede produkter, når en kunde udtrykker interesse for et produkt.
• Fremhæv udvalgte produkter i Gutenberg-blokke, sidebjælker, andre vidgetiserede områder.

med dette i tankerne forklarer vi i denne komplette guide, hvordan du kan bruge kortkoder til at levere bedre brugeroplevelser og udvide din bundlinje. Undervejs forklarer vi også, hvornår (og hvorfor) du skal bruge hver kortkode. Vi ser på de kortkoder, der følger med selv og kortkoder, som du kan tilføje med andre plugins.

Sådan bruges kortkoder

kortkoder ser og lyder lidt tekniske, men de er faktisk designet til alle at bruge. Du behøver ikke nogen kodning færdigheder.hvis du bruger 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 ordresporingskoden med brugerkontokoden. Alt hvad du skal gøre er at indsætte begge kortkoder på samme side. Det ville se sådan ud:

E-Commerce produktliste kortkoder

der er også kortkoder til at liste produkter på forskellige måder i din butik. Disse tilføjer ekstra fleksibilitet, så du ikke sidder fast med de begrænsede visninger, Du får på butiks-og kategorisiderne. I stedet kan du bruge kortkoder til at liste et eller flere produkter bogstaveligt talt hvor som helst på din hjemmeside – enten i et gitter eller en tabelbaseret listevisning.

kortkode

kortkode har en kortkode, der giver dig mulighed for at liste specifikke produkter i et gitterlayout:

. Du kan også tilføje andre parametre til det (såsom orderby og kolonner) for at tilpasse frontend-udseendet.

Du kan vælge antallet af produkter, der skal vises pr.række. Ville vise seks produkter i tre kolonner sorteret efter dato i stigende rækkefølge, ville du bruge kortkoden: . Tilsvarende, for at vise produkter i faldende rækkefølge, ville du blot erstatte ASC med DESC.

kortkode

kortkode fungerer problemfrit med plugin til hurtig visning af Hurtig visning. Dette tilføjer hurtigvisningsknapper til listen over produkter som en hurtig måde at give folk mulighed for at foretage deres køb uden at forlade den aktuelle side:

iv På denne måde kan kunderne se produktattributter og variationer og føje produkter til indkøbskurven uden at navigere til den enkelte produktside.

læs vores komplette guide til hurtigvisning Pro kortkode.

tilføj hurtigvisningsknapper til din kortkode til dine produkter.

et er ikke ideelt for butikker, der ønsker at vise flere produkter pr. I så fald kan du være bedre stillet med et produkt table shortcode.

mens du ikke selv har en produkttabelkortkode, kan du nemt tilføje en med plugin til Produkttabel. Den grundlæggende kortkode er og du kan konfigurere dette ved hjælp af over 50 kortkodeindstillinger.

se den komplette liste over kortkodeindstillinger, du får med Produkttabel.

Tilføj til indkøbskurv shortcode

leveres med en indbygget shortcode, som giver dig mulighed for at indsætte en Tilføj til indkøbskurv-knap til et specifikt produkt, hvor som helst du vil. Du skal blot tilføje ID og / eller SKU for det produkt, du vil vise knappen Tilføj til indkøbskurv for:

Hvis du vil medtage produktprisen, skal du bruge:

for enkle produkter viser dette en Tilføj til indkøbskurv-knap.

for variable produkter viser den en “vælg Indstillinger” – knap:

personligt kan jeg ikke lide dette, fordi kunderne skal besøge den enkelte produktside for at vælge deres variationer. En eller flere variable produkter i en tabel, komplet med variation rullelister:

på den måde kan kunderne vælge Indstillinger og tilføje til indkøbskurven fra den side, de er i øjeblikket på.

produktkategori kortkode

Produktkategorien kortkode viser produkter fra en bestemt kategori i et standardgitterlayout.

dette er kortkoden til det:

Hvis du ikke kan lide gitterlayoutet, eller hvis du vil have mere kontrol over, hvilke oplysninger der skal vises om hver af de produkt, så kan du bruge kortkoden til produkttabellen i stedet. Produkttabel plugin leveres med en kategori shortcode mulighed, som du kun kan bruge til at liste produkter fra bestemte kategorier:

i modsætning til den indbyggede shortcode, der følger med Eccommerce, kan du vælge hvilke kolonner med information, der skal vises om hvert produkt, og give kunderne mulighed for at vælge variationer og vælge mængder direkte fra produkttabellen. Dette gør shopping meget hurtigere og øger din konverteringsfrekvens.

produktkategorier kortkode

produktkategorierne kortkoder viser dine produktkategorier i stedet for produkterne i dem. Eksempel:

vil liste alle 4 af dine e-Handelskategorier, sorteret efter navn.

lad os se på nogle af attributterne og kortkoderne, der følger med produktkategorier:

• limit styrer antallet af kategorier, der vises.
• orderby styrer sorteringsrækkefølgen;” navn “og” dato ” er gyldige indstillinger.
• ordre repræsenterer rækkefølgen af produktkategorier, dvs. “ASC”eller ” DESC”.
• kolonner viser antallet af kolonner kategorierne er arrangeret i.hide_empty bruges til at skjule produktkategorier uden produkter.
• parent lader dig kun fremvise Top-niveau produktkategorier.
• id ‘er repræsenterer, at Kategori-id’ er kan indstilles i henhold til kun outputspecificerede resultater.

seneste produkter

kortkode for seneste produkter viser de produkter, du for nylig har føjet til din onlinebutik.

Dette er kortkoden for de seneste produkter:

men hvis du vil vise den faktiske dato, hvor produktet blev føjet til din online butik, eller hvis du vil have det mere kontrol, så kan du bruge plugin til produkttabel i stedet.

Bestil blot produkttabellen efter dato i faldende rækkefølge, og brug produktgrænsenummeret til at kontrollere, hvor mange produkter der skal medtages:

Hvis du inkluderer en datakolonne i tabellen, kan kunderne nemt se, hvilke produkter der for nylig blev føjet til butikken.

udvalgte produkter

kortkode til udvalgte produkter giver dig mulighed for at liste Fremhævede produkter separat fra resten af din butik. Brug den til at liste udvalgte produkter hvor som helst du vil, for eksempel i blogindlæg eller andre sider.

Fremhævede produkter er produkter, der har et blåt stjerneikon ved siden af dem på siden alle produkter:

Dette er kortkoden til fremvisning af Fremhævede produkter:

Dette er kortkoden til fremvisning af Fremhævede produkter: . Udgangen skal se sådan ud:

igen, hvis du ikke kan lide billedgitteret, kan du liste udvalgte produkter ved hjælp af plugin-kortkode i stedet:

Dette viser udvalgte produkter i et Tabellayout med de kolonner med oplysninger, du vælger på siden med plugin-indstillinger.

shortcode

de Sale produkter shortcode lader dig fremvise produkter i øjeblikket på salg. Du kan nemt vise dem ved hjælp af kortkoden:

Bestselling products shortcode

brug følgende kortkode til at vise dine bedst sælgende produkter hele tiden i et gitter:

Hurtigvisningsknapperne vises på forsiden, hvis du har Plugin til hurtigvisning Pro installeret på din hjemmeside.

Hvis du foretrækker et bordlayout, kan du også liste bestselling eller populære produkter med Produkttabelkortkode som denne:

læs vores fulde vejledning om, hvordan du lister populære produkter med Produkttabel.

Bedst bedømte produkter

Du kan bruge den bedst bedømte Produktkortkode sammen med funktionen indbyggede anmeldelser og vurderinger til at fremvise dine Bedst bedømte produkter. Brug kortkode:

iv

relaterede produkter kortkode

relaterede produkter er en liste over produkter, der ligner det produkt, som kunden gennemser. Disse vises direkte under hovedproduktet på den enkelte produktside, men du kan bruge kortkoden for relaterede produkter til at liste relaterede produkter andre steder.

brug kortkoden til at vise relaterede produkter hvor som helst på din hjemmeside.

Tilføj til indkøbskurv knap kortkode

kortkode giver dig mulighed for at vise prisen og tilføje til indkøbskurv for et enkelt produkt baseret på dets ID. Sådan ser det ud på forsiden:

Du kan overveje at tilføje dette til et udvidet område i din online butik eller et blogindlæg.

denne kortkode fungerer med plugin til hurtig visning af Hurtig visning. Når du bruger begge plugins sammen, vises hurtigvisningsknapper sammen med knapperne Tilføj til indkøbskurv. Dette er ideelt, hvis du viser variable produkter, eller hvis du vil have kunder til at kunne ændre mængden, før de tilføjes til vognen. Kunder kan se ekstra information om produktet, vælge mængder og variationer og tilføje til vognen fra en hurtig visning lysboks. Dette holder dem på den oprindelige side i stedet for at tage dem til en separat produktside.

hvis du hellere vil vise Tilføj til indkøbskurv knapper til flere produkter, eller hvis du ikke kan lide standardformatet med det store billede, så kan du bruge Produkttabel i stedet.

Vælg hvilke kolonner du vil medtage i produkttabellen (sørg for at medtage kolonnen Tilføj til indkøbskurv!) og brug kortkode for at indsætte den hvor som helst du vil. Brug indstillingen Inkluder til at vælge, hvilke produkter der skal medtages, for eksempel:

kan jeg vise kortkoder inden for kortkoder?

nogle gange vil du måske neste kortkoder – for eksempel for at tilføje lydafspillerens kortkode, så den tilføjer en integreret musikafspiller til listen over produkter.

Du kan normalt ikke indlejre kortkoder. Du kan dog opnå dette ved at bruge produkttabelkortkode til at liste produkter og tilføje andre kortkoder til de felter, du viser i produkttabellen.lad os for eksempel sige, at du vil liste 8 produkter med en integreret lydafspiller til hver enkelt. Du kan føje lydafspilleren til felterne produkt kort eller lang beskrivelse og vise disse som kolonner i tabellen. Du bruger derefter kortkode til Produkttabellen til at liste de specifikke produkter, herunder kolonnen kort eller lang beskrivelse, der indeholder lydafspillerne.

for at få kortkoder fra andre plugins til at fungere i produkttabellen, skal du sørge for at aktivere indstillingen ‘kortkoder’ på siden Indstillinger for Produkttabel:

Sidekortkoder

lad os starte med at se på nogle af de mest almindelige Sidekortkoder. Disse opretter automatisk hele sider, f.eks.

indkøbskurv

kortkode til indkøbskurv – – giver dig mulighed for at vise kundens indkøbskurv på din hjemmesides front-end. Du kan føje det til sider eller indlæg eller vise det i vid udstrækning (f.eks.

det vil se sådan ud på forsiden:

når du installerer og aktiverer til din hjemmeside, opretter den automatisk nogle sider til dig-inklusive Indkøbskurvsiden, der bruger denne kortkode. Du kan bruge kortkode til at tilføje vognen til yderligere dele af din hjemmeside.

e – commerce checkout page

Du kan bruge e – commerce checkout shortcode- – til at generere en komplet checkout side på din e-handel hjemmeside. Denne side oprettes også automatisk til dig, når du installerer . Du kan også bruge kortkoden til at indsætte kassen andetsteds (for eksempel under en produkttabel for at oprette shopping på en side).

kortkoden til kassen indeholder faktureringsoplysninger, ordredetaljer og muligheden for at sende til en anden adresse.

butiksejere kan oprette en ordresporingsside ved hjælp afkortkode. Selvom denne side ikke leveres med E-handel ud af boksen, kan du blot oprette en ny side og indsætte kortkoden i teksteditoren for at oprette din egen. Det skal se sådan ud på forsiden:

Brugerkontoside

opretter automatisk en Min kontoside, når du først installerer den på din hjemmeside. Dette gøres ved hjælp af kortkode. Du kan bruge kortkoden til at indsætte kontoområdet på flere steder i hele dit site.

My Account shortcode fungerer også som login-og registreringsformular for brugere, der er logget ud. Som et resultat kan du også bruge dette som en login-kortkode til e-handel.

Tilføj lettere kortkoder med en værktøjslinjeknap

mens du kan finde alle mulige plugins til kortkoder på internettet, anbefaler vi at bruge det gratis plugin til kortkoder fra . Når det er installeret og aktiveret, tilføjer dette plugin en TinyMCE-rullemenu til teksteditoren for at give dig nem adgang til alle de indbyggede kortkoder. Dette sparer dig for at skulle kopiere og indsætte kortkoderne.

når du har aktiveret plugin ‘ et til kortkoder, vil du se en ny knap til kortkode i din teksteditor. Når du har klikket på denne knap, vises en rulleliste, der indeholder alle standard-kortkoder:

fejlfinding af kortkoder

nogle gange indsætter du den korrekte kortkode i teksteditoren, men den vises ikke den korrekte udgang. I dette tilfælde skal du kontrollere, at du ikke ved et uheld indlejrede kortkoden i <pre> tags. Du kan fjerne disse tags ved at gå ind i HTML-teksteditoren.

bedste kortkoder til Produkttabel

før vi er færdige, er her en hurtig oversigt over de mest nyttige indbyggede kortkoder, som du kan bruge med plugin til Produkttabel og Pro-plugins:

viser specifikke produktkategorier på forsiden af hjemmesiden.produktkategori efter Slug

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	Brugerkontoside	viser en ‘Min konto’ side for brugere
Produkttabel	Produktpris / indkøbskurv knap			tilføjer en produktpris (eller tilføj til indkøbskurv) knap til produkt bord.flere produkter kortkode	viser flere (valgte) produkter på en side eller et indlæg med hurtigvisningsknapper.produktkategori	viser produkter fra en bestemt produktkategori sammen med hurtigvisningsknapper.
seneste produkter	viser en liste over de seneste produkter, du har føjet til din online butik sammen med hurtigvisningsknapper.
udvalgte produkter	viser en liste over de fremhævede produkter med hurtigvisningsknapper.
salg produkt		viser en liste over alle produkter, der er til salg med hurtigvisningsknapper.
bestseller produkt		viser en liste over dine bedst sælgende produkter med hurtigvisningsknapper.
viser en liste over dine Bedst bedømte produkter med hurtigvisningsknapper.
relateret produkt	viser en liste over relaterede produkter med hurtigvisningsknapper på enkelte produktsider.
				viser en ‘Tilføj til kurv’ – knap på et enkelt produkt ved hjælp af Produkt-ID

supercharge din butik med kortkoder!kortkoder er små kodestykker, så du kan tilføje pæne funktioner til din online butik. Du kan føje dem til shop sider, indlæg eller vidgetiserede områder på din hjemmeside (såsom sidebjælken). Nogle kortkoder understøtter også parametre, som du kan bruge til at tilpasse output.

men ikke alle kortkoder leverer en god brugeroplevelse. I stedet for at indsætte dem som de er, kan du overveje at bruge dem sammen med plugin til Produkttabel eller plugin til hurtig visning af Pro-plugin.

for eksempel er det den eneste måde at give kunderne mulighed for at vælge mængder og variationer uden for produktsiden, og det giver dig mulighed for at vise ekstra oplysninger om hvert produkt og kontrollere billedstørrelsen. Hvis du vil have ekstra fleksibilitet, kan du installere Produkttabellen og begynde at eksperimentere med dens 50+ kortkodeindstillinger. Dette vil give dig en mere pæn og organiseret look på front-end samtidig sikre din hjemmeside forbedrer kundens shopping oplevelse.

Produkttabel

Vis kortkoder på en pæn og organiseret måde!

u kan også prøve andre kortkode-plugins (som kortkoder), der giver dig mulighed for at udnytte avancerede funktioner som at tilføje kuponkoder til din online butik.