![\"Create](\"https:\/\/docs.yithemes.com\/yith-woocommerce-badge-management\/wp-content\/uploads\/sites\/271\/2023\/10\/5.create-new-badge.jpg\"){kind=icon}
<\/a><\/figure>\n\n\n\nNow you can start setting all the available options through the built-in editor:<\/strong><\/p>\n\n\n\n Preview<\/strong><\/p>\n\n\n\n Any of the above option settings will reflect in the preview<\/strong> box on the right so you will be able to see in real-time the badge you are creating and apply any necessary adjustments. <\/p>\n\n\n\n To move the badge above the product image, you can use drag and drop. When applying this action, the position will be automatically set to in px or %<\/em> and the values will update based on where you’re moving the badge.<\/p>\n\n\n\n Text badge on frontend<\/em><\/p>\n\n\n\n When using the built-in editor, you can add dynamic content to show on the badge through the available placeholders that you can find by clicking on the link under the editor.<\/p>\n\n\n\n In the modal, you will be able to copy placeholders for simple and variable products.<\/p>\n\n\n\n The available placeholders are:<\/p>\n\n\n\n The available placeholders are:<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\nBadge position<\/h4>\n\n\n\n
<\/a><\/figure>\n\n\n\n\n
\n
<\/a><\/figure>\n\n\n\n\n
\n
<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\nPlaceholders<\/h4>\n\n\n\n
<\/a><\/figure>\n\n\n\nSimple products<\/h4>\n\n\n\n
<\/a><\/figure>\n\n\n\n\n
<\/a>Variable products<\/h4>\n\n\n\n
<\/a><\/figure>\n\n\n\n