Skip to main content
All CollectionsTrust Badges
How do you set and customize icons for the Trust Badge?

How do you set and customize icons for the Trust Badge?

This guide provides step-by-step instructions to help you set up and customize icons effectively.

Rashmi Verma avatar
Written by Rashmi Verma
Updated today

✅ Step 1: Add Icons to Your Trust Badge.

1️⃣ Go to Shopify AdminAppsHoppy 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.

  • You can also adjust the corner radius of the icon by clicking on the radius box, then using the ⬆️⬇️ arrow keys on your keyboard to adjust the radius of the icon.

✅ 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.

🎨 Customization complete! Your badges are styled and ready! 💡

Did this answer your question?