Met Advanced Promo Kit kun je opvallende productlabels toevoegen — badges die direct op productafbeeldingen in je WooCommerce-winkel worden geplaatst. Labels zijn volledig aanpasbaar: je kiest de vorm, tekst, kleuren, grootte en positie, en kunt ze optioneel plannen om alleen tijdens een uitverkoop- of campagneperiode te verschijnen. Dit artikel leidt je stap voor stap door het maken van je eerste label.
Wat u nodig heeft
- WooCommerce geïnstalleerd en actief
- Advanced Promo Kit geïnstalleerd en actief Advanced Promo Kit
- Minstens één gepubliceerd WooCommerce-product
Stap 1 — Open het scherm Label Maken
Klik in uw WordPress-dashboard op Promo Kit in het linkermenu en klik vervolgens op Label maken.
Stap 2 — Vul het tabblad Algemeen in
Het tabblad Algemeen bepaalt wat je label zegt en welke vorm het aanneemt.
- Voer in het veld Titel een interne naam voor dit label in. Dit is alleen voor uw referentie en wordt niet aan klanten getoond.
- Typ in het veld Badgetekst de tekst die je op de badge wilt weergeven — bijvoorbeeld SALE, NIEUW, of -20%. Je kunt dynamische variabelen gebruiken (zie onderstaande tabel) om automatisch live productgegevens weer te geven. Dynamische Content Placeholders Gebruiken in Productlabels
- Stel onder Tekstopties de lettergrootte (8 tot 72 px), de letterdikte (Normaal, Vet, Halfvet of Licht) en de regelhoogte in.
- Klik onder Badgevorm op de vorm die je wilt gebruiken. Er zijn 12 vormen beschikbaar: Rechthoek Horizontaal, Rechthoek Verticaal, Pil, Cirkel, Vierkant, Lint Links, Lint Rechts, Tag, Zeshoek, Ster, Banner en Aangepaste Afbeelding. Als je Aangepaste Afbeelding kiest, verschijnt er een uploadknop zodat je je eigen afbeeldingsbestand als badge kunt gebruiken.
Dynamische Variabelen
Typ een van deze codes in het veld Badgetekst. Advanced Promo Kit vervangt ze door echte waarden wanneer het label op een product in je winkel wordt weergegeven.
| Variabele | Vervangen door |
|---|---|
{product_price} | De huidige prijs van het product |
{regular_price} | De normale (niet-afgeprijsde) prijs van het product |
{sale_price} | De afgeprijsde prijs van het product |
{discount_percent} | Het kortingspercentage, bijv. 20% |
{discount_amount} | Het vaste kortingsbedrag, bijv. €10 |
{stock_quantity} | Het huidige voorraadniveau van het product |
Stap 3 — Pas de stijl aan
Klik op het tabblad Stijl om te bepalen hoe uw label eruitziet. Het tabblad is verdeeld in verschillende secties.
Stijlopties
- Badgekleur — klik op het kleurstalen om de kleurenkiezer te openen en kies een achtergrondkleur voor uw label.
- Breedte en Hoogte — voer pixeldwaarden (20–500 px) in om de grootte van de badge in te stellen.
- Randradius — pas elke hoek afzonderlijk aan om de randen af te ronden.
- Extra stijlen — voeg eventuele aangepaste CSS toe die u nodig hebt voor dit specifieke label.
Dekking & Positie
- Dekking — stel de transparantie van het label in van 0 (onzichtbaar) tot 100 (volledig dekkend).
- Rotatie — roteer de badge tussen 0 en 360 graden.
- Tekstrichting — kies Horizontaal of Verticaal.
- Badgeplaatsing — kies of de badge op de productafbeelding staat (eroverheen) of buiten de afbeelding (eronder).
- Positie — kies boven of onder, en links of rechts, voer vervolgens pixelverschuivingen in om precies te bepalen waar de badge verschijnt.
Meer stijlopties
Het tabblad Stijl geeft u ook deze opties:
- Verloop — schakel een tweekleurige verloopvulling in. Kies uit zes verlooprichtingen.
- Schaduw — voeg een slagschaduw toe aan uw badge met een aangepaste kleur, vervagingsradius en X/Y-verschuivingen.
- Animatie — laat de badge automatisch animeren. Beschikbare effecten: Pulseren, Knipperen, Schudden, Stuiteren, Roteren en Zwaaien.
- Klikbare URL — maak de badge een klikbare link die klanten naar een door u opgegeven URL brengt.
- Tooltips — toon een tooltiptekst wanneer klanten met de muis over de badge zweven.
Stap 4 — Stel een planning in (optioneel)
Klik op het tabblad Planning als u wilt dat het label alleen tijdens een specifiek tijdsbestek verschijnt — bijvoorbeeld alleen tijdens een weekenduitverkoop.
- Startdatum — de datum en tijd waarop het label begint te worden weergegeven. Laat dit leeg om het label onmiddellijk na het opslaan weer te geven.
- Einddatum — de datum en tijd waarop het label stopt met worden weergegeven. Laat dit leeg om het label onbeperkt weer te geven.
Stap 5 — Sla het label op
Als u tevreden bent met uw instellingen, klikt u bovenaan het scherm op Opslaan. Het label is aangemaakt en verschijnt in uw lijst met labels. Zet de schakelaar bovenaan het scherm op Actief zodat het label op uw winkelpagina wordt weergegeven, want een nieuw label begint inactief. U kunt het op elk moment bewerken door erop te klikken in de lijst.
Gebruik van de Live Voorvertoning
Terwijl u de tabbladen Algemeen en Stijl invult, wordt de live voorvertoning aan de rechterkant van het scherm in realtime bijgewerkt. Het toont een voorbeeldproduct met uw label toegepast, zodat u kunt zien hoe het eruitziet voordat u opslaat.
De voorvertoning gebruikt dummy productwaarden. Dynamische variabelen zoals {discount_percent} zullen de juiste waarden weergeven voor elk echt product in uw winkel zodra het label live is.
Veelgestelde Vragen
Hoe wijs ik een label toe aan specifieke producten?
Nadat u een label hebt opgeslagen, opent u het product dat u wilt taggen en zoekt u de metabox Advanced Promo Kit op het productbewerkingsscherm. Bouw het label daar. Het is alleen van toepassing op dat product en heeft altijd voorrang op globale labels. U kunt ook het tabblad Voorwaarden gebruiken bij het maken van een label om het automatisch toe te passen op producten die voldoen aan criteria die u definieert Hoe u regels en voorwaarden voor labelweergave instelt in Advanced Promo Kit — bijvoorbeeld, alle producten in een bepaalde categorie of in de uitverkoop.
Kan ik meer dan één label op hetzelfde product gebruiken?
Een product kan één product-specifiek label hebben, plus alle globale labels waarvan de voorwaarden het product matcht. De instelling Maximale labels per product bepaalt hoeveel er tegelijkertijd worden weergegeven en staat standaard op 3. Elk label heeft zijn eigen positie-instellingen, zodat u ze kunt stapelen of verspreiden over de productafbeelding.
Mijn badge-tekst ziet er krap uit of is afgesneden. Hoe los ik dit op?
Open het tabblad Stijl voor uw label en verhoog de waarden voor Breedte (pixels) en Hoogte (pixels). U kunt ook de lettergrootte verkleinen onder Tekstopties op het tabblad Algemeen. De standaard badgegrootte is 80×30px, wat geschikt is voor korte tekst, dus langere labels, waaronder die met dynamische placeholders, hebben meer ruimte nodig. Een goed startpunt is 240 tot 280px breed en 36 tot 40px hoog. Bekijk het resultaat en pas aan totdat de tekst comfortabel past.
Hulp nodig?
Als u een vraag heeft of tegen problemen aanloopt, staan we klaar om u te helpen.
- Premium gebruikers: Open een ondersteuningsticket
- Gratis gebruikers: Bezoek ons communityforum
