This is perfect for:
Linking a "Size Guide" icon to your sizing chart.
Linking a "Money-Back Guarantee" icon block to your return policy.
Linking a "Free Shipping" banner to your shipping information page.
Step 1: Open the Content Editor
Open the badge you want to edit.
Ensure you are in the Content tab.
Step 2: Locate the Call to Action Section
For Single Banners: Scroll to the bottom of the content settings to find the "Call to action" block.
For Icon Blocks: Scroll to the specific icon you want to make clickable (e.g., "Icon block #2") and look for the Call to action dropdown inside that block.
Step 3: Choose Your Action Type
Click the Type dropdown to select how the link appears:
None: The badge is static text/image (Default).
Link: The icon and text become a clickable hyperlink.
Button: A dedicated button appears below your icon text.
Step 4: Configure the Destination
Once you select "Link" or "Button," new fields will appear:
Direct to page: Select "External Page" (for policy pages) or choose a specific Product/Collection.
URL: Paste the destination link (e.g.,
/policies/refund-policy).Button Text: (If "Button" is selected) Enter the text for the button, such as "Read Policy" or "View Details".
Step 5: Styling (Optional)
To change the color, size, or shape of your buttons:
Switch to the Design tab at the top.
Scroll down to the Call to action style section.
Here you can adjust the button color, text color, and border radius to match your theme.
Step 6: Save
Click Save to publish the changes.