How to add badge block to the Theme Editor to display badges?
Hello from Fordeer,
You can ensure badges show on your product pages by adding a badge block. Here’s how to do it:
Step 1: Go to Online Store > Themes > Click Customize.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1sil842.png)
Step 2: Go to the App Embeds section and activate our app embeds ( Fordeer: badge ).
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_2139qy.png)
Currently, you can only add the badge block to product pages in the Theme Editor.
Step 3: Navigate to the Sections page
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_13ysq5q.png)
Step 4: In the Theme Editor, go to the Product Page section.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_12d8p1n.png)
Step 5: Add badge block
- Click Add section/add block and select Fordeer Badge.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1rdnsle.png)
Step 6: Enter the badge ID.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_10d36rz.png)
You can customize the position of the badge on the product page.
- Click on the badge campaign settings.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_wt7p13.png)
- The badge ID will be visible in the URL link or from badge default name.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_iyeqph.png)
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_16xx8py.png)
Note:
If you use the block, you cannot set the badge position directly under the product image.
To display the badge under the product image, you can use the shortcode or contact us via live chat for prompt assistance.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
You can ensure badges show on your product pages by adding a badge block. Here’s how to do it:
Step 1: Go to Online Store > Themes > Click Customize.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1sil842.png)
Step 2: Go to the App Embeds section and activate our app embeds ( Fordeer: badge ).
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_2139qy.png)
Currently, you can only add the badge block to product pages in the Theme Editor.
Adding Badge Block to the Product Page:
Step 3: Navigate to the Sections page
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_13ysq5q.png)
Step 4: In the Theme Editor, go to the Product Page section.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_12d8p1n.png)
Step 5: Add badge block
- Click Add section/add block and select Fordeer Badge.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1rdnsle.png)
Step 6: Enter the badge ID.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_10d36rz.png)
You can customize the position of the badge on the product page.
How to Get the Badge ID:
- Click on the badge campaign settings.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_wt7p13.png)
- The badge ID will be visible in the URL link or from badge default name.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_iyeqph.png)
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_16xx8py.png)
Note:
If you use the block, you cannot set the badge position directly under the product image.
To display the badge under the product image, you can use the shortcode or contact us via live chat for prompt assistance.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Updated on: 20/07/2024
Thank you!