{"id":6368,"date":"2019-09-24T07:26:31","date_gmt":"2019-09-24T05:26:31","guid":{"rendered":"https:\/\/www.recolize.com\/?page_id=6368"},"modified":"2019-10-22T20:00:58","modified_gmt":"2019-10-22T18:00:58","slug":"product-labels","status":"publish","type":"page","link":"https:\/\/www.recolize.com\/en\/features\/product-labels\/","title":{"rendered":"Product Labels"},"content":{"rendered":"<section class=\"section  text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  id=\"pageHeader\" >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,130,160,1);\"><\/div>\n\n    <div class=\"container-fullwidth container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-12     text-center small-screen-default\"  ><div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h1>Product Labels<\/h1>\n<p>Help your customers to find the best offers\u00a0with Genius Online Shop Product Labels.<\/p>\n<\/div>\n<div class=\"row \"><div class=\"col-md-3     text-default small-screen-default\"  ><\/div><div class=\"col-md-6     text-default small-screen-default\"  ><div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <div class=\"dm-stacked\">\n<div class=\"dm-device dm-scroll\" data-device=\"macbook\" data-orientation=\"\" data-color=\"white\">\n<div class=\"device\">\n<div class=\"screen\">\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4604\" src=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badges-background-desktop.png\" alt=\"Genius Online Shop Badges Desktop\" width=\"1200\" height=\"1600\" \/><img decoding=\"async\" loading=\"lazy\" class=\"badgeIcons desktop alignnone size-full wp-image-4604\" style=\"margin-top: -760px;\" src=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badges-icons-desktop.png\" alt=\"Genius Online Shop Badges Desktop\" width=\"1200\" height=\"1600\" \/>\n<\/div><!-- \/.screen -->\n<\/div><!-- \/.device -->\n<\/div><!-- \/.dm-device -->\n<br \/>\n<div class=\" dm-stacked-left iphone6 \">\n<div class=\"dm-device dm-scroll\" data-device=\"iphone6\" data-orientation=\"\" data-color=\"\">\n<div class=\"device\">\n<div class=\"screen\">\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4606\" src=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badges-background-mobile.png\" alt=\"Genius Online Shop Badges Mobile\" width=\"187\" height=\"1520\" \/><img decoding=\"async\" loading=\"lazy\" class=\"badgeIcons mobile alignnone size-full wp-image-4606\" style=\"margin-top: -331px;\" src=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badges-icons-mobile.png\" alt=\"Genius Online Shop Badges Mobile\" width=\"187\" height=\"1520\" \/>\n<\/div><!-- \/.screen -->\n<\/div><!-- \/.device -->\n<\/div><!-- \/.dm-device -->\n<\/div><!-- \/.dm-stacked- -->\n<\/div><!-- \/.dm-stacked -->\n<\/p>\n<\/div>\n<\/div><div class=\"col-md-3     text-default small-screen-default\"  ><\/div><\/div><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section whatSection text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-12     text-center small-screen-default\"  ><div class=\"row \"><div class=\"col-md-6     text-default small-screen-default\"  ><div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h2>What are Product Labels?<\/h2>\n<p>Product labels or badges are litte icons that lay over a product in a product list, product pages, the cart &#8211; simply everywhere where a product is displayed. With the product label the product is marked as a special product e.g. for a sale. The icon tells the customers to pay special attention to these products.<\/p>\n<\/div>\n<\/div><div class=\"col-md-6     text-default small-screen-default\"  ><div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h2>Why Product Labels?<\/h2>\n<p>If you have a mass of products (e.g. more than 500) it is always difficult for the customers to differentiate and to find the right one. Product labels help the customers to pick products based on specific characteristics: e.g. it is cheaper today or it has a special feature.<\/p>\n<\/div>\n<\/div><\/div><div class=\"row \"><div class=\"col-md-12     text-default small-screen-default\"  ><div class=\"col-text-1 text-normal  element-top-50 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h2>Product Label Examples<\/h2>\n<\/div>\n<ul class=\"fa-ul badgesExamplesIconList text-normal element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <li class=\"\">\n            <i class=\"fa-li fa fa-dollar\">\n        <\/i>\n        Sale product label<\/li><li class=\"\">\n            <i class=\"fa-li fa fa-newspaper-o\">\n        <\/i>\n        New product label<\/li><li class=\"\">\n            <i class=\"fa-li fa fa-percent\">\n        <\/i>\n        Discount percentage product label<\/li><li class=\"\">\n            <i class=\"fa-li fa fa-rocket\">\n        <\/i>\n        Special feature product label<\/li><li class=\"\">\n            <i class=\"fa-li fa fa-shopping-bag\">\n        <\/i>\n        Already bought product label<\/li><li class=\"\">\n            <i class=\"fa-li fa fa-cart-arrow-down\">\n        <\/i>\n        Sold out product label<\/li><\/ul><\/div><\/div><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section outOfTheBoxSection text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/div>\n\n    <div class=\"container-fullwidth container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-12     text-default small-screen-default\"  ><div class=\"row \"><div class=\"col-md-12     text-center small-screen-default\"  ><div class=\"col-text-1 text-normal  element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h2>Out-of-the-box Product Labels<\/h2>\n<p>The following default product labels are available out-of-the-box within Recolize without additional configuration needed.<br \/>\nOf course you can freely define colors, shapes and texts.<\/p>\n<\/div>\n<\/div><\/div><div class=\"row \"><div class=\"col-md-4    badgeIconColumn text-center small-screen-default\"  style=\"background:#d0e2ec;\"><div class=\"figure element-top-0 element-bottom-0  badgeExampleIcon new\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <span class=\"figure-image\">\n        <img width=\"282\" height=\"266\" src=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-new.png\" class=\"attachment-medium size-medium\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/>            <\/span>\n    <\/div>\n<div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h3>New Product Label for New Products<\/h3>\n<p>Display a new product label if the product is new. You simply define the rule what means &#8220;new&#8221; for you. E.g. if a product was activated in the last 2 weeks.<\/p>\n<\/div>\n<div class=\"figure element-top-0 element-bottom-30  \" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <a href=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-new-example-product.png\" class=\"figure-image magnific\" target=\"_self\">\n        <img width=\"243\" height=\"300\" src=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-new-example-product-243x300.png\" class=\"attachment-medium size-medium\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-new-example-product-243x300.png 243w, https:\/\/www.recolize.com\/wp-content\/uploads\/badge-new-example-product.png 684w\" sizes=\"(max-width: 243px) 100vw, 243px\" \/>            <\/a>\n    <\/div>\n<\/div><div class=\"col-md-4    badgeIconColumn text-center small-screen-default\"  style=\"background:#a6daef;\"><div class=\"figure element-top-0 element-bottom-0  badgeExampleIcon sale\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <span class=\"figure-image\">\n        <img width=\"300\" height=\"133\" src=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-300x133.png\" class=\"attachment-medium size-medium\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-300x133.png 300w, https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale.png 312w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>            <\/span>\n    <\/div>\n<div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h3>Sale Product Label for Sale Products<\/h3>\n<p>Add a sale product label to every product in sale. If the special price of a product is less than the regular price, then this badge will be displayed.<\/p>\n<\/div>\n<div class=\"figure element-top-0 element-bottom-30  \" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <a href=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-example-product.png\" class=\"figure-image magnific\" target=\"_self\">\n        <img width=\"243\" height=\"300\" src=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-example-product-243x300.png\" class=\"attachment-medium size-medium\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-example-product-243x300.png 243w, https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-example-product.png 684w\" sizes=\"(max-width: 243px) 100vw, 243px\" \/>            <\/a>\n    <\/div>\n<\/div><div class=\"col-md-4    badgeIconColumn text-center small-screen-default\"  style=\"background:#bfe2ca;\"><div class=\"figure element-top-0 element-bottom-0  badgeExampleIcon salePercentage\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <span class=\"figure-image\">\n        <img width=\"300\" height=\"133\" src=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-percentage-300x133.png\" class=\"attachment-medium size-medium\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-percentage-300x133.png 300w, https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-percentage.png 312w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>            <\/span>\n    <\/div>\n<div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h3>Discount Percentage Product Label<\/h3>\n<p>Display the percentage of the sale discount as product label. The amount is automatically calculated by comparing the discount price to the original price of the product.<\/p>\n<\/div>\n<div class=\"figure element-top-0 element-bottom-30  \" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <a href=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-percentage-example-product.png\" class=\"figure-image magnific\" target=\"_self\">\n        <img width=\"243\" height=\"300\" src=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-percentage-example-product-243x300.png\" class=\"attachment-medium size-medium\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-percentage-example-product-243x300.png 243w, https:\/\/www.recolize.com\/wp-content\/uploads\/badge-sale-percentage-example-product.png 684w\" sizes=\"(max-width: 243px) 100vw, 243px\" \/>            <\/a>\n    <\/div>\n<\/div><\/div><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section  text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-12     text-default small-screen-default\"  ><div class=\"row \"><div class=\"col-md-12     text-default small-screen-default\"  ><div class=\"col-text-1 text-normal  element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h2>How Does It Work?<\/h2>\n<p>Only 1 click sounds really great. But how does it work?<\/p>\n<\/div>\n<\/div><\/div><div class=\"row \"><div class=\"col-md-6     text-default small-screen-default\"  ><div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h3>You simply configure<\/h3>\n<ol>\n<li>your domain in our tool<\/li>\n<li>and the default product labels are already displayed automatically.<\/li>\n<li>That&#8217;s already it!<\/li>\n<\/ol>\n<\/div>\n<\/div><div class=\"col-md-6     text-default small-screen-default\"  ><div class=\"col-text-1 text-normal howToSecondList element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h3>Optionally, you can<\/h3>\n<ol>\n<li>define which product label to use and not to use,<\/li>\n<li>where to display them (e.g. on category and product pages)<\/li>\n<li>and how they look in colors, texts and shapes.<\/li>\n<\/ol>\n<\/div>\n<\/div><\/div><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section  text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-12     text-default small-screen-default\"  ><h2 class=\"text-left  element-top-0 element-bottom-0 text-normal normal default\" data-os-animation=\"none\" data-os-animation-delay=\"0s\" >\n    Product Labels Features<\/h2><div class=\"row \"><div class=\"col-md-6     text-default small-screen-default\"  ><ul class=\"features-list  text-normal element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <li class=\" element-top-0 element-bottom-0\"  data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <div class=\"features-list-icon box-animate\" data-animation=\" \">\n            <i class=\"fa fa-user\" style=\"color:#0082a0;\"><\/i>\n        <\/div>\n        <h3>\n        Combine Multiple Product Labels    <\/h3>\n    <p>\n        A product can be new and in sale at the same time. You can define rules for these cases which product label will then be preferred.    <\/p>\n<\/li><li class=\" element-top-0 element-bottom-0\"  data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <div class=\"features-list-icon box-animate\" data-animation=\" \">\n            <i class=\"fa fa-mobile\" style=\"color:#0082a0;\"><\/i>\n        <\/div>\n        <h3>\n        Responsive    <\/h3>\n    <p>\n        All product labels are perfectly displayed on all kinds of devices. No matter if tv screen, desktop, tablet or mobile.    <\/p>\n<\/li><li class=\" element-top-20 element-bottom-20\"  data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <div class=\"features-list-icon box-animate\" data-animation=\" \">\n            <i class=\"fa fa-braille\"><\/i>\n        <\/div>\n        <h3>\n        Individual Design    <\/h3>\n    <p>\n        The whole design of the product labels is freely configurable: the shape, font, texts and colors are completely definable. You can even add your own CSS.    <\/p>\n<\/li><\/ul><\/div><div class=\"col-md-6     text-default small-screen-default\"  ><ul class=\"features-list  text-normal element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <li class=\" element-top-20 element-bottom-20\"  data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <div class=\"features-list-icon box-animate\" data-animation=\" \">\n            <i class=\"fa fa-arrows\"><\/i>\n        <\/div>\n        <h3>\n        Free Positioning    <\/h3>\n    <p>\n        You define where to display the product labels. By default badges are displayed everywhere where a product is displayed. But you want to e.g. remove them for the cart page? This is easily configurable.    <\/p>\n<\/li><li class=\" element-top-20 element-bottom-20\"  data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <div class=\"features-list-icon box-animate\" data-animation=\" \">\n            <i class=\"fa fa-stop\"><\/i>\n        <\/div>\n        <h3>\n        Hide Product Labels    <\/h3>\n    <p>\n        You can also hide product labels based on configurable rules. E.g. don&#8217;t display a product label if the sale discount is higher than 50 %.    <\/p>\n<\/li><li class=\" element-top-20 element-bottom-20\"  data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n            <div class=\"features-list-icon box-animate\" data-animation=\" \">\n            <i class=\"icon-bag\"><\/i>\n        <\/div>\n        <h3>\n        Create Your Own    <\/h3>\n    <p>\n        Create your own product labels in the Recolize Tool. Define everything from the calculation rule based on product attributes to the color of the badge and where to display it    <\/p>\n<\/li><\/ul><\/div><\/div><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section  hidden-lg hidden-md hidden-sm hidden-xs text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-12     text-default small-screen-default\"  ><div class=\"col-text-1 text-normal  element-top-20 element-bottom-20\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <h2 style=\"text-align: center;\">Examples<\/h2>\n<\/div>\n<\/div>        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"Product Labels Help your customers to find the best offers\u00a0with Genius Online Shop Product Labels. What are Product Labels? Product labels or badges are litte icons that lay over a product in a product list, product pages, the cart - simply everywhere where a product is displayed. With the product label the product is marked","protected":false},"author":1,"featured_media":0,"parent":6307,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"tags":[],"_links":{"self":[{"href":"https:\/\/www.recolize.com\/en\/wp-json\/wp\/v2\/pages\/6368"}],"collection":[{"href":"https:\/\/www.recolize.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.recolize.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.recolize.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.recolize.com\/en\/wp-json\/wp\/v2\/comments?post=6368"}],"version-history":[{"count":142,"href":"https:\/\/www.recolize.com\/en\/wp-json\/wp\/v2\/pages\/6368\/revisions"}],"predecessor-version":[{"id":6840,"href":"https:\/\/www.recolize.com\/en\/wp-json\/wp\/v2\/pages\/6368\/revisions\/6840"}],"up":[{"embeddable":true,"href":"https:\/\/www.recolize.com\/en\/wp-json\/wp\/v2\/pages\/6307"}],"wp:attachment":[{"href":"https:\/\/www.recolize.com\/en\/wp-json\/wp\/v2\/media?parent=6368"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.recolize.com\/en\/wp-json\/wp\/v2\/tags?post=6368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}