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 je WordPress-dashboard op Advanced 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 Labelnaam een interne naam voor dit label in. Dit is alleen voor jouw 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 Tekststijl de lettergrootte (8–72 px), letterdikte (Normaal, Vet, Halfvet, of Licht) en 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 CSS — 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 (ernaast).
- Positie — kies boven of onder, en links of rechts, voer vervolgens pixelverschuivingen in om precies te bepalen waar de badge verschijnt.
Premiumfuncties (Advanced Promo Kit Pro)
De volgende opties zijn beschikbaar in Advanced Promo Kit Pro:
- 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 op Label opslaan. Het label wordt aangemaakt en verschijnt in uw lijst met labels. 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. Selecteer daar uw label. U kunt ook het tabblad Voorwaarden gebruiken bij het maken van een label om het automatisch toe te passen op producten die voldoen aan de door u gedefinieerde criteria Hoe regels en voorwaarden voor labelweergave in Advanced Promo Kit in te stellen — bijvoorbeeld alle producten in een bepaalde categorie of in de uitverkoop.
Kan ik meer dan één label op hetzelfde product gebruiken?
Ja. U kunt meerdere labels aan een product toewijzen. Elk label heeft zijn eigen positie-instellingen, zodat u ze naar behoefte kunt stapelen of verspreiden over de productafbeelding.
Zijn animaties en gradiëntachtergronden beschikbaar in de gratis versie?
Gradiënt, Schaduw, Animatie, Klikbare URL en Tooltip zijn premiumfuncties die beschikbaar zijn in Advanced Promo Kit Pro. Badgevormen, kleuren, tekst en planning zijn beschikbaar op alle abonnementen.
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 (Pixel) en Hoogte (Pixel). De standaardgrootte (160×30px) werkt goed voor korte tekst, maar langere labels — inclusief die met dynamische placeholders — hebben meer ruimte nodig. Een goed startpunt is 240–280px breed en 36–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
