Customize Gift icon & Gift thumbnail
The gift icon showcases the products customers need to buy to get a gift. It will appear on the product page and collection page.
1. Gift icon
1.1 How to enable the gift icon
To enable the gift icon, please create the offer using Narrow by specific products.
Here is an example of how it looks like on your storefront:
1.2 Customize gift icon
You can select among our default icons or upload one of your own.
Adjust how the gift icon shows up:
Show on Product paActivate or deactivate showing gift icon on Product pages/Collection pages
Gift icon size: Set the size of the icon
2. Gift thumbnail
2.1 General
Show on Product page:
Enable this option to display gift thumbnails directly on product pages.
Disable it if you want to hide it on your product pages.
Gift Display:
By product: Show customers the main product image you set.
By variant: Show customers the exact image of the selected gift variant. Best for gifts with multiple colors or styles.
How to show multiple offers: If multiple gift offers apply to the same product, choose how the gift thumbnails should appear:
Together: All gifts from different offers are displayed together in one row.
Separated: Gifts are grouped and displayed separately for each offer.
Show countdown timer: If you set an end time for your gift offer, enable this option to display a countdown timer for urgency.
Show number of gift items: Enable this setting if you want customers to see how many gifts are included in the offer.
2.2 Text
Customize the text displayed in the thumbnail:
Countdown text: Edit the message shown with the countdown timer.
Number of items text: Edit the message that shows the number of gift items.
2.3 Color
BOGOS allows you to customize the colors of all elements with any of the 3 methods below:
Manually adjust each color field for all the available colors.
Use AI Theme Detector to auto-generate a full widget color palette based on your store's branding.
Contact the BOGOS support team to get help with color customization.
Click Save when done.
AI Theme Detector
BOGOS AI scans your online store and detects your brand's primary, secondary, and text colors, then generates a full widget color palette automatically.
Your store must NOT be password-protected for AI to access and detect your brand colors.
To edit the colors with BOGOS AI:
Click the pen icon.
Click Scan again to let BOGOS AI re-detect, or manually adjust the Primary color, Secondary color, or Text fields.
Click Apply for preview to apply the colors to the widget preview.
FAQs
How to edit text in the Gift icon?
You can’t edit text inside the small Gift icon itself; it’s just an icon image that you can change (Customize → Gift icon & Gift thumbnail → Gift icon).
You can create your own icon image and then upload in our app to use as in my screenshot:
How can we change the position of the gift icon?
Currently it is our customization. If you want to change the position of gift image, please contact our customer support via Live chat so our technical team can check your theme and work on it
What is the size of the BOGOS gift icon in pixels?
The default size of our gift icon is 50x50 pixels.
How can I remove the gift icon?
In order to hide the gift icon, you can go to Customize section → Select “Gift icon & Gift thumbnail” and then untick “Show on product page” or “Show on collection page” as in my screenshot:
Last updated