Create Today Offer Widget
If you want to grab your customers' attention by notifying them about your current deals, use the Today Offer widget!
You can choose to display all available offers (gifts, bundles, discounts), or just the ones you select, keeping customers informed and driving engagement with your ongoing promotions.
Note:
You can create only 1 Today Offer widget.
The Today Offer widget will only display active offers. If you deactivate any offers, they will automatically disappear from the widget.
If you're using the old version, located in the “Customize” field, please deactivate it first before using this new version.
Set up Offer List
1. General
First, fill in the General information for your widget:
Booster name: Edit the name of your Today Offer widget for internal use only. This helps you manage it easily within the system and won’t be visible to customers.
Booster title: Edit the title of your Today Offer widget that will be visible to customers.
Booster subtitle (optional): Add an optional description below the booster title, used to provide additional context or details for the offer.
2. Offer Card
First, decide on the card layout for your Today Offer Widget. You can choose between:
Thumbnail: Displays the offer with a product thumbnail.
Product Preview: Allows customers to preview the products included in your offer.
Then, choose which offers to display on your widget using 1 of these 2 methods:
Automatically select: Display all your active Gifts, Bundles, and Discounts. You can also untick any offer type if you want to exclude it from your widget.
Manually select: Display only specific offers you select. If you pick deactivated offers, the widget will only show them when they are activated.
In “Customize offer display”, click "Edit offer display" to edit each offer's content and choose which product to preview. Follow these steps:
Select the offer you want to edit.
Edit its title and description that will be shown to customers on the Today Offer Widget.
Add a redirect link: When customers click on that button, they’ll be redirected to the page you link to (a product page, collection page,...). You can also edit the button text.
The last option will appear differently depending on the card style you choose above:
▶ If you choose “Thumbnail”, you can set a thumbnail for your offer with 3 options below:
One Product Image: Select a product to show as the offer thumbnail.
Product Image Group: Choose up to 4 products to show as the offer thumbnail.
Custom Image: Select from available icons or upload your own image. We recommend using .jpg or .png files with a maximum size of 100 KB for fast loading.
▶ If you choose “Product preview”, you can edit the “Product list label”, which will show above the product list.
Note: If you don’t edit the offer display, BOGOS will display the offer name (you set up when creating offers) as the title, and randomly select a product for the image preview.
3. Content
To attract customers' attention and provide more details about the promotion, you can:
Show offer description: Displays a brief description of the offer under the title (e.g., "Best products selected for you").
Show label in product list (only available when choosing "product preview"): Shows a label above the product list (e.g., "Buy at least 2 items from the bundle").
Set up Widget Style
1. Icon
Widget style: Choose to show only the icon or display both the icon and the title text. You can customize the title text in the “Widget title text” field.
Widget position: Place the widget in the bottom right or bottom left corner.
Select icon:
Choose the icon for your Today Offer widget from a set of default BOGOS icons or upload your own custom icon.
You can also adjust the icon size and padding to fit your design.
2. Page display
This option lets you control where the Today Offer widget appears on your store:
Show on all pages: Displays the widget across your store.
Show on specific pages: Tick the pages where you want the widget to appear (you can choose multiple pages):
Home page: Show the widget on your homepage
Cart page: Show the widget on the cart page
Product page: Show the widget on all the product pages
Collection page: Show the widget on all the collection pages
Custom page: Show or hide the Today Offer widget on specific pages. There are 4 options to choose from:
Equal to: Enter the exact URL where you want the widget to show (a link to a specific collection, a specific product page,...). Example: https://my-beauty.myshopify.com/collections/hydrogen
Not equal to: Enter the URL where you do NOT want the widget to show. Example: https://my-beauty.myshopify.com/collections/hydrogen
Contains: Enter a term. The widget will show only on pages with that term in the URL. Example: "summer-sale".
Not contains: Enter a term to hide the widget on pages with that term in the URL. Example: "summer-sale".
3. Color
Here, you can easily customize the colors of all the widget elements to match your store’s branding. There are 4 options:
Widget color: Change the overall color of the Today Offer widget.
Offer card: Adjust the color of the offer card that shows the details of each offer.
Button: If you set a redirect link for your offers, you can customize the button color.
Dot notification: Modify the color of the notification dot, which shows how many active deals are available in your store.
Feel free to play around with these settings and see the live results!
Last updated