You can highlight your top-performing products by automatically adding a “Bestseller” badge to their visuals. Cropink lets you do this dynamically — based on product data coming from your feed.
⚠️ NOTE: Before performing the below steps, make sure you have properly connected your Cropink project with Figma. For more information, check the following articles:
Step 1: Create the badge in Figma
Start in your Figma project connected with Cropink.
Add a new layer and design your badge (for example, a small “Bestseller” label or icon).
Name the layer clearly — e.g. bestseller_badge.
When the design is ready, open the Cropink plugin and go to the Manageable Layers tab.
Add the badge layer there and click Publish in Cropink.
💡 Tip: Keep your badge as a separate vector or text element, not merged with the background — this allows Cropink to control its visibility dynamically.
Step 2: Open your design in Cropink
In Cropink, open your project and select the design you’ve just published from Figma.
Click Edit in Design Manager → Manageable Layers.
You’ll now see all the layers mapped from your Figma file.
Step 3: Make sure your feed contains a bestseller data
Your product feed must include a parameter that identifies which products are bestsellers. You can do that using a standardized custom_label parameter or our Cropink-supported labels cropink_label_X (X being a number ranging from 0 to 9).
For example:
id | title | price | cropink_label_0 |
101 | Red Sneakers | 59.99 | bestseller |
102 | Blue Hoodie | 49.99 |
|
103 | Black Jacket | 89.99 | bestseller |
Cropink will use this parameter to define whether to show or hide the badge dynamically. Values can be yes, 1, or any other non-empty string that indicates “true”.
Step 4: Add a condition to show or hide the badge
Under Manageable Layers click the bestseller_badge layer → choose Conditional Settings.
Set the rule as follows:
if cropink_label_0 text not equal "bestseller"
then Hide
This means the badge will only appear for products where the bestseller (cropink_label_0) field has a value (like “bestseller”) that we defined in the previous step.
Step 5: Save and preview
Click Save Changes and preview your output. To publish the results on your feed, update the data in your Data Source panel or wait for an auto update.
As a result You’ll see the “Bestseller” badge only on your top products — automatically and dynamically, without manually updating your visuals each time.
✅ That’s it! You’ve just created your first dynamic badge in Cropink — a simple but powerful way to make your bestsellers stand out in ads.