Hvis der er en funktion, du finder på næsten ethvert tilknyttet websted, er det et diagram for produktsammenligning. Seriøst, jeg tror, at et krav for at blive medlem af Amazon Associates tilknyttede program er, at du er i stand til at oprette produktsammenligningstabeller.
Men på trods af deres allestedsnærværende opretter de fleste mennesker omhyggeligt deres produkttabeller ved hjælp af sidebygere, brugerdefineret HTML eller et bordplugin som Excel eller TablePress.
I denne tutorial vil jeg vise dig en alternativ løsning, som er en god mulighed, hvis du bruger et tilknyttet websted drevet af WooCommerce.
Du lærer, hvordan du opretter dynamisk genererede, søgbare, filtrerbare og sorterbare tabeller. Bedst af alt har du fuld kontrol over de oplysninger, du viser i din tilknyttede produkttabel.
Dette vil ikke kun spare dig tid, det vil gøre tingene bedre for dig besøgende (og en bedre oplevelse betyder flere konverteringer!).
Sådan oprettes et tilknyttet produktkort på WooCommerce
For denne vejledning til arbejde skal du bruge to plugins:
- WooCommerce - dette er hvad du vil bruge til at administrere dine forskellige tilknyttede produkter.
- WooCommerce produkttabel - dette er hvad du vil bruge til at vise disse tilknyttede produkter i en filtrerbar, sorterbar og søgbar tabel.
Jeg antager, at du har begge plugins installeret og aktiveret, før du starter guiden.
Det vil sige, mens jeg skal vise dig, hvordan du tilføjer et affilieret produkt til WooCommerce, jeg vil ikke vise dig, hvordan du opretter en butik WooCommerce. Hvis du har brug for hjælp, kan du tjekke denne omfattende guide.
Trin 1: Føj dine tilknyttede produkter til WooCommerce
Mange tror, at WooCommerce kun er en løsning at sælge din egen Produkter. Men det inkluderer faktisk grundlæggende funktionalitet til salg af eksterne tilknyttede produkter - ingen justeringer krævet!
For at tilføje dit første tilknyttede produkt skal du gå til Produkter → Tilføj nyt i dit dashboard.
Det vigtige er at finde metakassen med produktdata og ændre typen af produkt i Ekstern / tilknyttet:
Udfyld derefter oplysningerne for:
- Produkt URL - dette er den URL, der fører direkte til produktet.
- Knappen tekst – WooCommerce vil vise en knap for at linke til, hvor besøgende kan købe produktet i stedet for en Tilføj i kurv-knap.
- Pris - Det er ikke obligatorisk . Og hvis du linker til Amazon, skal du sørge for at indtaste en statisk pris, da det strider mod Amazon Associates-politik at have unøjagtige priser ( hvilket sandsynligvis skyldes, at Amazon ændrer priser ). For andre tilknyttede programmer bør du ikke have et problem.
Sammen med de tilknyttede specifikke oplysninger vil du også gerne udfylde generelle produktoplysninger som:
- titel
- La beskrivelse
- Billede
- Osv
Når du har offentliggjort dit tilknyttede produkt, kan du kontrollere, at produktsiden viser en knap med en opfordring til handling, der kan købes i en ekstern butik:
Nu skal du bare gentage den samme proces for så mange tilknyttede produkter, som du vil tilføje.
Jeg anbefaler, at du bruger en kategori eller et tag til at opdele produkterne efter emne, da det vil være praktisk senere, hvis du vil oprette flere tilknyttede produkttabeller til forskellige emner.
Trin 2: Konfigurer WooCommerce produkttabel Shortcode
For at få vist en tabel over tilknyttede produkter bruger du WooCommerce Product Table-plugin-kortkoden.
Selvom du stadig kan manuelt redigere kortkoden pr. Tabel, giver plugin dig mulighed for at konfigurere kortkodens standardfunktionalitet ved at få adgang til WooCommerce → Indstillinger → Produkter → Produktborde (Produkttabel):
Vi vil fokusere på de indstillinger, der mest gælder for oprettelse af en tilknyttet produkttabel.
I området omkring Borddesign, kan du konfigurere et tilpasset design til din tabel, hvis du ønsker:
Eller du kan altid holde fast ved plugins standardstil.
Når du går ned lidt, kan du vælge, hvilken information der skal vises i kolonner i dit bord. Personligt synes jeg, at standardopsætningen er ret solid. Den viser:
- Produktbillede
- fornavn
- Kort beskrivelse
- Pris
- Tilføj til kurv-knap ( direkte link til tilknyttet butik )
Hvis du ikke planlægger at vise priser, kan du fjerne priskolonnen. Du kan også fjerne den korte beskrivelse, da det kan gøre dit bord lidt rodet, hvis du har lange beskrivelser.
Ligeledes kan du tilføje yderligere kolonner for at vise flere oplysninger. Denne hjælpeartikel indeholder en komplet liste over potentielle kolonner.
Disse er virkelig de eneste to ting, som du skal overveje. Mens du altid kan ændre de andre indstillinger efter eget valg, synes jeg standardindstillingerne er ret gode til de fleste anvendelser.
Trin 3: Indsæt WooCommerce produktkode
Nu hvor du har konfigureret standardindstillingerne, kan du indsætte din tilknyttede produkttabel ved hjælp af kortkoden [ product_table ] (uden mellemrum).
Det eneste, du har brug for at føje til din kortkode, er en parameter, der angiver de specifikke produkter, der skal medtages (ellers viser kortkoden alle tilgængelige WooCommerce-produkter, som muligvis ikke er det, du ønsker).
For at gøre dette kan du bruge tag = "Tag_name" ou kategori = "Kategori_navn" .
For eksempel er her et eksempel på brug af shortode:
Og sådan ser det ud på grænsefladen:
Nogle punkter at bemærke i denne tabel, når du bygger din tabel:
- Tabellen bruger den knaptekst, du indtaster, når du konfigurerer dit tilknyttede produkt. Så du kan bruge den samme tekst overalt eller gøre dem forskellige som i mit eksempel.
- Hvis du ikke indtaster en pris, vises den tom. Af denne grund bør du sandsynligvis enten bruge priser eller ikke bruge priser på alle dine tilknyttede produkter.
4 Trin: (Valgfrit) Medtag sidebjælgefilterwidgets
En interessant ting, du kan gøre med WooCommerce-produkttabel ( og kan ikke gøre med andre løsninger til produktsammenligningstabel ) er at vise filterwidgets på sidebjælken, så din besøgende kan interagere med dit udvalg af tilknyttede produkter.
Det er ikke nødvendigt - men jeg tror, de gør dit bord meget mere brugbart.
For at tilføje dem skal du gå til Udseende → Widgets og skub på de forskellige widgets " Produkttabel lagdelt navfilter« .
Når du gør dette, vil din besøgende vil være i stand til at filtrere affilierede produkter.
At afslutte
Denne vejledning fungerer ikke for hvert tilknyttet websted, da det afhænger af at bruge WooCommerce til at administrere dine tilknyttede produkter.
Men hvis du bruger WooCommerce eller har muligheden, skal du vide, at dette er en fantastisk måde at vise et mere brugbart og fleksibelt udvalg af tilknyttede produkter på.
Og fordi det genereres dynamisk, vises eventuelle nye tilknyttede produkter, du tilføjer til WooCommerce automatisk på de tilsvarende tavler, hvilket er meget lettere end at skulle redigere statiske tabeller manuelt hver gang du vil tilføje. eller opdatere et produkt.
