Label

Design & Customization

6 articles Lan Phuong By Lan Phuong

Customize how your labels and badges look, including colors, size, position, and more.

How to use the badge inline feature?

Overview When multiple badges are applied to the same product and position, you can use Set badge in line to control how they are arranged. Badges assigned to the same line will appear next to each other. You can also assign badges to different lines to create a multi-line layout. This guide explains how to set up and customize badges in line. How do I set badges in line? Step 1: Open the badge Open the badge you want to configure and go to the Design tab. Make sure the badge is positioned where you want it to appear, such as below the product image, product title, price, or Add to cart button. Step 2: Enable Set badge in line Scroll to Badge alignment and enable Set badge in line. Once enabled, the Badges inline tag field will appear. Important: When Set badge in line is enabled, the regular Badge alignment settings will be disabled. Step 3: Enter a Badges inline tag Enter the same Badges inline tag for badges that you want to display on the same line. For example, enter 1 for two badge campaigns to display both badges together on the first line. Badges with the same tag will be grouped on the same line. Step 4: Set up additional lines To display badges on different lines, assign them different inline tags. For example: - Badge 1 → Tag 1 - Badge 2 → Tag 1 - Badge 3 → Tag 2 Badge 1 and Badge 2 will appear together on the first line, while Badge 3 will appear on the second line. Tip: Badges on the same line are arranged from left to right. If there isn't enough space, they may wrap to the next line. Step 5: Save and check your badges Click Save in the top-right corner. Repeat the setup for the other badge campaigns you want to group, then visit your storefront to make sure the badges appear in the expected lines and order. Example: Display two badges on one line To display two badges next to each other: 1. Enable Set badge in line for both badges. 2. Enter the same Badges inline tag, such as 1, for both. 3. Save both badges. Both badges will then be displayed on the same line. The result: Example: Display three badges on two lines To display two badges on the first line and one on the second: 1. Set the first two badges to Badges inline tag 1. 2. Set the third badge to Badges inline tag 2. 3. Save your changes. The first two badges will appear together, while the third badge will appear on the next line. The result: Note: Set badge in line is available on the Advanced plan. We value your feedback — it helps us continuously improve ForDeer and provide you with a better experience. 🖥️ Demo store: Check out here with password: 1 👉 Chat with us: Share your feedback directly with our team. 👉 Email us: hi@fordeercommerce.io 👉 Explore more apps: Discover more ForDeer apps. 👉 Join our community: Join ForDeer Community to get the latest updates, tips, and special deals. 🕐 Working hours: 8:30 AM – 5:00 PM (UTC+7), Monday–Friday. We typically reply to live chats within minutes and emails within a few hours. Need help? Feel free to reach out anytime via live chat or email!

How to add product metafields to label content?

Hello from Fordeer! Product metafields in Shopify allow merchants to add special categories to their product pages, displaying additional information not included by default in the Shopify admin. After a month of hard work and development, we're excited to introduce a new feature to Product Labels: the ability to show product metafields on the label. In this article, we'll guide you through setting up labels to display product metafields as you want. Product metafields can only be used for text labels and do not apply to All products selection. This feature is available for Advanced users. Steps to Display Product Metafield on a Label Step 1. Click Create label Step 2. Select Label Type > Text Label Step 3. Enter the content you want to show on the label in Label content section or use our default content Step 4. Click three dots on the Label content section and click Add metafields Here you will the see the guidelines on how to add metafields to the label content. Step 5: Find and copy the namespace and key of the metafield you want to show on label content Step 6. Click Save button at the end After that, please check your storefront to ensure the label displays correctly. Our app will only show the value of the metafield on the label. We value your feedback — it helps us continuously improve ForDeer and provide you with a better experience. 🖥️ Demo store: Check out here with password: 1 👉 Chat with us: Share your feedback directly with our team. 👉 Email us: support@fordeercommerce.io 👉 Explore more apps: Discover more ForDeer apps. 👉 Join our community: Join ForDeer Community to get the latest updates, tips, and special deals. 🕐 Working hours: 8:30 AM – 5:00 PM (UTC+7), Monday–Friday. We typically reply to live chats within minutes and emails within a few hours. Need help? Feel free to reach out anytime via live chat or email! Talk soon!

How to add variables to the content of label/badge text?

Fordeer hello to you! At Fordeer, we're dedicated to making your labeling experience as simple and convenient as possible. Creating labels is a breeze, and this guide will show you how to take it a step further with variables. Fordeer offers pre-defined variables that pull real-time information from your products, allowing you to display dynamic content on your labels. This eliminates the need for manual updates, saving you time and ensuring accuracy. Let's Get Started! Step 1: Go to Labels Badges on the sidebar, click Create Labels / Create Badge Step 2: Select Label/ Badge Text Step 3: Go to Label/Bade content section 1. Edit the content to fit your need 2. Click the three dots (...) and select Add variables. Available Variables: We offer a variety of variables to customize your labels: Discount Information: - {discount_percentage}: Show the product's discount percentage (e.g. {discount_percentage} % OFF) - {discount_amount}: Display the product's discount amount (e.g. SAVE $ {discount_amount} ) Customer Information: - {customer_total_order}: Show the total amount of the customer's current order (e.g. Total Order: $ {customer_total_order} ) - {customer_total_spent}: Track the customer's total spending history with you (e.g. Total Spent: $ {customer_total_spent} ) Product Details: - {day_release}: Display the product's release date (e.g. Released: {day_release} ) - {product_type}: Show the product type (e.g. {product_type} ) - {inventory}: Create a sense of urgency with remaining stock (e.g. Only {inventory} left ) - {product_variant}: Showcase the number of product variants available (e.g. Get {product_variant} options) - {product_collection}: Highlight the product's collection (e.g. Newest from {product_collection} ) - {product_sku}: Include the product's SKU for reference (e.g. {product_sku} ) Scheduling: - {days_remaining}: Display the remaining time a label is scheduled to show (e.g. {days_remaining} left to get one) That's it! With variables, your labels will automatically update with relevant product information, saving you time and effort. Besides, you can use product metafields to show on label/badge text, read this article to find out how to set it up. We value your feedback — it helps us continuously improve ForDeer and provide you with a better experience. 🖥️ Demo store: Check out here with password: 1 👉 Chat with us: Share your feedback directly with our team. 👉 Email us: support@fordeercommerce.io 👉 Explore more apps: Discover more ForDeer apps. 👉 Join our community: Join ForDeer Community to get the latest updates, tips, and special deals. 🕐 Working hours: 8:30 AM – 5:00 PM (UTC+7), Monday–Friday. We typically reply to live chats within minutes and emails within a few hours. Need help? Feel free to reach out anytime via live chat or email! Talk soon!

How to create a label stack using label margin?

Hello from Fordeer! Our app is designed to help you highlight multiple aspects of a product using labels. While we currently don't support label stacking directly, we can guide you through setting it up manually. Let's get started! 1. Create Label Campaigns: 2. To show a stack of two labels on one product, start by creating two separate label campaigns. 3. Adjust Label Margins: - The key to label stacking is adjusting the label margins to position them correctly. - Ensure each label campaign has a different margin to avoid overlap. 1. Positioning Labels: ** For horizontal stacking:** - Use the top and bottom margins to position the labels accordingly. 1. Save and Review: 2. After adjusting the settings, click Save button. 1. Check your storefront to ensure the labels appear as intended. - If the labels are not positioned correctly, go back to the app and adjust the settings until you achieve the desired look. We value your feedback — it helps us continuously improve ForDeer and provide you with a better experience. 🖥️ Demo store: Check out here with password: 1 👉 Chat with us: Share your feedback directly with our team. 👉 Email us: support@fordeercommerce.io 👉 Explore more apps: Discover more ForDeer apps. 👉 Join our community: Join ForDeer Community to get the latest updates, tips, and special deals. 🕐 Working hours: 8:30 AM – 5:00 PM (UTC+7), Monday–Friday. We typically reply to live chats within minutes and emails within a few hours. Need help? Feel free to reach out anytime via live chat or email! Talk soon!

How to edit the margin of the label/badge?

Fordeer Hello to you! 😁 (ngọc my bảo cần sửa) Adjusting the margins of your labels/badges can optimize the display efficiency for your store. If you are seeking guidance on how to accomplish this, this article will be beneficial for you. 1. Navigate to the Labels/Badge page in the sidebar menu. 2. Click to the Edit of the label/badge that you want to edit the margin. 1. On the Design section, you will see the Margin section. Here you can adjust the top, bottom,left and right margin to fit with your needs. 1. Click Save button at the end to save all the changes. This feature is only available in the Advanced plan. Please upgrade your plan to access it without limitations. This guide provides comprehensive instructions on how to edit the margin of the label/badge. By adjusting the margin the label, you can absolutely create a label stack to show on your product images or you can make your labels more attractive in customers' eyes. We value your feedback — it helps us continuously improve ForDeer and provide you with a better experience. 🖥️ Demo store: Check out here with password: 1 👉 Chat with us: Share your feedback directly with our team. 👉 Email us: support@fordeercommerce.io 👉 Explore more apps: Discover more ForDeer apps. 👉 Join our community: Join ForDeer Community to get the latest updates, tips, and special deals. 🕐 Working hours: 8:30 AM – 5:00 PM (UTC+7), Monday–Friday. We typically reply to live chats within minutes and emails within a few hours. Need help? Feel free to reach out anytime via live chat or email! Talk soon!

How to change the position of a label?

Hello you guys! (Ngọc my bảo cần sửa) Sometimes you want to change the position of the label/badge to be different from the default option, maybe because it 's block the picture or something, but you don't know how to 🤨 Today we will show you how to do it 🥰 1. Go to Label setting and go to the first page called Design 2. Scroll down until you see the Position option on the Layout section. 1. Click on the square where you want the label to display. You can also change the product preview to see if the label is working with all the product that you are choosing. The preview right at the center of the setting page will show exactly how the label will display on the store. 1. Remember to Save and then you are done. It is easy, right? I hope that this article helps you with changing the position of the label that you want. Besides, if you want to customize the label to fit your needs, check out the related articles below: - How to change the name of the label/badge? - How to translate the label/badge? - How to edit the margin of the label/badge? We value your feedback — it helps us continuously improve ForDeer and provide you with a better experience. 🖥️ Demo store: Check out here with password: 1 👉 Chat with us: Share your feedback directly with our team. 👉 Email us: support@fordeercommerce.io 👉 Explore more apps: Discover more ForDeer apps. 👉 Join our community: Join ForDeer Community to get the latest updates, tips, and special deals. 🕐 Working hours: 8:30 AM – 5:00 PM (UTC+7), Monday–Friday. We typically reply to live chats within minutes and emails within a few hours. Need help? Feel free to reach out anytime via live chat or email! Talk soon!