With Better Badge, you can easily create a Custom HTML badge. HTML badge offering make your badge design with your custom HTML and CSS. You just make your design and do not need to enqueue CSS for these types of badges. Paste the CSS code block in the code input area and see the badge.
Creating an image badge by using Better Badge #
To start, go to your WordPress Dashboard, navigate to Better Badge, and click on “New Badge Button”
Now you will see the create new badge interface. There, give your badge name and select All Products or Few Products. If you want to show a badge in a few products, then write the product name in the search bar and select a product.
You can set a start and end date to display the badge for a specific period, leave both empty to show it immediately, or select a future date to schedule it.
Then select Badge Type Custom HTML for a custom HTML badge. And now select a badge position by clicking on nine different positions.
After clicking the badge position, you’ll see the changes in the right side demo product.
Then set margin from basic property section to show badge gap from image eadge.
And now set placeholder in HTML container and write your custom CSS in Css section. This code editor supports all types of CSS code.
Now save the HTML badge by clicking the Save Badge button.
Now see the changes in front end view.
