✅ Step 1: Add Icons to Your Trust Badge.
1️⃣ Go to Shopify Admin → Apps → Hoppy Trust Badge app.
2️⃣ In the Content tab, locate the Badge Content option.
Below the Title and Subheading fields, you will see the option to add icons🖼️.
First, click on Remove Icon📌. Then, you will see an option to select an icon from a wide range of choices. Click on Select Icon and choose the icon you want.
You can also upload a Custom Icon by clicking on the Upload icon and selecting a custom icon file from your device.
✅ Step 2: Customize the Appearance of Icons
3️⃣ Now, navigate to the Design tab to Customize Icon Appearance. Scroll down and locate the Icon option.
Click on the Icon size box, then use the ⬆️⬇️ arrow keys on your keyboard to adjust the size of the icon.
Click on the color box🎨 to choose the color of the icon and the background color of the icon.
Adjust the corner radius and icon spacing
Icon Pro Styling & Icon Separator🎨
The Icon Pro Styling feature lets you add advanced visual customizations to your icons — to better match your store's branding.
The Icon Separator option allows you to place a visual divider between icons, making your email collection bar look cleaner and more organized.
-Use these features to give your email bar a polished, professional appearance!
💡 Please note: You can only change the color of icons available in our icon library. This does not apply to user-uploaded icons or payment icons.
✅ Step 3: Save & Publish
4️⃣ After customizing the icons, click Save to apply the changes.
5️⃣ Ensure the Trust Badge is enabled and properly configured for display.
6️⃣ Visit the store and check if the icons are correctly appearing under the Title and Subheading.
7️⃣If necessary, return to the Hoppy Trust Badge app and adjust icon size or selection.
