Als er een functie is die u op bijna elke aangesloten site kunt vinden, is dat een productvergelijkingstabel. Serieus, ik denk dat een vereiste om lid te worden van het Amazon Associates-partnerprogramma is dat je productvergelijkingstabellen kunt maken.
Maar ondanks hun alomtegenwoordigheid, maken de meeste mensen nog steeds moeizaam hun producttabellen met behulp van paginabouwers, aangepaste HTML of een tabelplug-in zoals Excel of TablePress.
In deze zelfstudie laat ik je een alternatieve oplossing zien die een geweldige optie is als je een aangesloten site gebruikt die wordt aangedreven door WooCommerce.
U leert hoe u dynamisch gegenereerde, doorzoekbare, filterbare en sorteerbare tabellen kunt maken. Het beste van alles is dat u de volledige controle heeft over de informatie die u weergeeft in uw Affiliate Product Table.
Dit bespaart u niet alleen tijd, het zal uw zaken ook verbeteren bezoekers (en een betere ervaring betekent meer conversies!).
Hoe maak je een affiliate productboard op WooCommerce
Om deze handleiding te laten werken, hebt u twee plug-ins nodig:
- WooCommerce - dit is wat u gaat gebruiken om uw verschillende aangesloten producten te beheren.
- WooCommerce Producttabel - dit is wat u zult gebruiken om deze aangesloten producten weer te geven in een filterbare, sorteerbare en doorzoekbare tabel.
Ik ga ervan uit dat je beide plug-ins hebt geïnstalleerd en geactiveerd voordat je de gids start.
Dat wil zeggen, terwijl ik je ga laten zien hoe je een gelieerd product toevoegt aan WooCommerce, Ik ga je niet laten zien hoe je een winkel opzet WooCommerce. Als u hulp nodig heeft, kunt u deze uitgebreide handleiding raadplegen.
Stap 1: Voeg uw aangesloten producten toe aan WooCommerce
Veel mensen denken dat WooCommerce slechts een oplossing is om te verkopen je eigen producten. Maar het bevat eigenlijk basisfunctionaliteit voor het verkopen van externe gelieerde producten - geen aanpassingen vereist!
Ga naar om uw eerste aangesloten product toe te voegen Producten → Nieuw toevoegen in je dashboard.
Het belangrijkste is om de Meta-box van te vinden productgegevens en verander het type product in Extern / aangesloten:
Vul vervolgens de informatie in voor:
- Product-URL - dit is de URL die rechtstreeks naar het product leidt.
- Knoptekst – WooCommerce zal een knop weergeven om te linken naar waar de bezoeker kunt u het product kopen in plaats van via de knop Toevoegen aan winkelwagen.
- Prijs - Het is niet verplicht . En als u naar Amazon linkt, zorg er dan voor dat u een statische prijs invoert, aangezien dit in strijd is met het beleid van Amazon Associates om onnauwkeurige prijzen te hebben ( wat waarschijnlijk te wijten is aan het feit dat Amazon de prijzen verandert ). Voor andere aangesloten programma's zou u geen probleem moeten hebben.
Naast de specifieke informatie van het filiaal, wilt u ook algemene productdetails invullen, zoals:
- Titel
- Beschrijving
- Beeld
- Enz.
Nadat u uw partnerproduct heeft gepubliceerd, kunt u controleren of op de productpagina een knop met een call-to-action staat om te kopen bij een externe winkel:
Nu hoeft u alleen maar hetzelfde proces te herhalen voor zoveel aangesloten producten als u wilt toevoegen.
Ik raad aan om een categorie of tag te gebruiken om de producten op onderwerp te verdelen, omdat dit later handig zal zijn als je meerdere gelieerde producttabellen voor verschillende onderwerpen wilt maken.
Stap 2: configureer de WooCommerce producttabel shortcode
Om een tabel met aangesloten producten weer te geven, gebruikt u de WooCommerce Product Table-plug-in shortcode.
Hoewel u de shortcode per tabel nog steeds handmatig kunt bewerken, kunt u met de plug-in de standaardfunctionaliteit van de shortcode configureren door deze te openen WooCommerce → Instellingen → Producten → Producttabellen (Producttabel):
We zullen ons concentreren op de instellingen die het meest van toepassing zijn op het maken van een Affiliate Product Table.
In de buurt van Tafel ontwerp, kunt u een aangepast ontwerp voor uw tafel configureren als u dat wilt:
Of u kunt zich altijd houden aan de standaardstijl van de plug-in.
Als je een beetje naar beneden gaat, kun je kiezen in welke informatie je wilt weergeven kolommen in je tafel. Persoonlijk denk ik dat de standaardconfiguratie behoorlijk solide is. Het zal weergeven:
- Product afbeelding
- voornaam
- Korte omschrijving
- Prijs
- Toevoegen aan winkelwagen ( directe link naar aangesloten winkel )
Als u niet van plan bent prijzen weer te geven, kunt u de prijskolom verwijderen. Je kunt ook de korte beschrijving verwijderen, omdat het je bord een beetje rommelig kan maken als je lange beschrijvingen hebt.
Op dezelfde manier kunt u extra kolommen toevoegen om meer informatie weer te geven. Dit Help-artikel bevat een volledige lijst met mogelijke kolommen.
Dit zijn echt de enige twee dingen die jij bent moet overwegen. Hoewel je de andere instellingen altijd naar wens kunt wijzigen, denk ik dat de standaardinstellingen voor de meeste toepassingen redelijk goed zijn.
Stap 3: voeg de WooCommerce-productcode in
Nu u de standaardinstellingen heeft geconfigureerd, kunt u uw affiliate-producttabel invoegen met behulp van de shortcode [ product_table ] (zonder de spaties).
Het enige dat u hoeft toe te voegen aan uw shortcode is een parameter om aan te geven welke specifieke producten moeten worden opgenomen (anders toont de shortcode elk beschikbaar WooCommerce-product, wat misschien niet is wat u wilt).
Om dit te doen, kunt u gebruiken label = "Tagnaam" ou categorie = "Categorie naam" .
Hier is bijvoorbeeld een voorbeeld van het gebruik van de shortode:
En zo ziet het eruit op de interface:
Enkele aandachtspunten in deze tabel bij het bouwen van uw tafel:
- De tabel gebruikt de knoptekst die u invoert bij het opzetten van uw partnerproduct. U kunt dus overal dezelfde tekst gebruiken of ze anders maken, zoals in mijn voorbeeld.
- Als u geen prijs invoert, wordt deze leeg weergegeven. Om deze reden moet u waarschijnlijk prijzen gebruiken of geen prijzen gebruiken voor al uw aangesloten producten.
4 Stap: (optioneel) Inclusief zijbalkfilterwidgets
Een interessant ding dat u kunt doen met WooCommerce Product Table ( en kan niet doen met andere productvergelijkingstabeloplossingen ) is om filterwidgets op de zijbalk weer te geven, zodat uw bezoekers kan communiceren met uw reeks aangesloten producten.
Het is niet nodig - maar ik denk dat ze je bord veel bruikbaarder maken.
Ga naar om ze toe te voegen Uiterlijk → Widgets en schuif op de verschillende widgets " Producttafel gelaagd Nav-filter« .
Zodra u dit doet, wordt uw bezoekers zal affiliate-producten kunnen filteren.
Om te eindigen
Deze tutorial werkt niet voor elke aangesloten site, omdat het afhangt van het gebruik van WooCommerce om je aangesloten producten te beheren.
Maar als u WooCommerce gebruikt of de optie heeft, moet u weten dat dit een geweldige manier is om een meer bruikbare en flexibele reeks aangesloten producten weer te geven.
En omdat het dynamisch wordt gegenereerd, verschijnen alle nieuwe aangesloten producten die u toevoegt aan WooCommerce automatisch op de bijbehorende borden, wat veel gemakkelijker is dan elke keer dat u statische tabellen handmatig wilt bewerken. of update een product.
