> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.adoric.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Customize Buy X Get Y (BOGO) Style & Settings ### Customize Style & Campaign Settings ###### After setting up your deals, navigate to the Design section: From the campaign setup page, click Continue. This will take you to the customization area, where you can personalize your campaign's visual elements. ### Customize Style Options In the Design section, you can modify these elements to match your store’s branding: ### Color Theme Pick a color preset to match your store branding — or adjust individual colors manually. ### Fonts Use your theme’s fonts or select a new one to improve readability and styling consistency. ### Variant Display [Guide ](https://help.adoric.com/en/article/using-variants-picker-in-bundles-campaigns-120dgtx/) ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-10-23-at-171450_i1mo3.png =400x235) ### Countdown Feature ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-10-23-at-171538_1ym2lml.png =400x567) ###### Turn On Countdown Switch **Show countdown** to ON to display the timer in your campaign. ###### Set Duration Choose how long the countdown lasts. * Adjust the number (e.g. 15) * Select time unit: **Minutes**, **Hours**, or **Days** ###### Choose Position Pick where the timer appears: * **Top** – above your content * **Bottom** – below your content ###### Customize Timer In **Timer**, you can change how the clock looks — font, color, or format. ###### Edit Text In **Text**, add a message like “Hurry, offer ends soon!” and adjust font or color. ###### Adjust Background In **Background**, choose the color or style that fits your campaign design. ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-10-23-at-171617_7lz3ug.png =400x428) ### Custom Elements Individually customize elements like: ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-23-at-164917_mw3p2w.png =400x155) ### Heading Visibility, Font size, Font weight, Color, Position (Left, right, middle) & Automatically customize text with built-in command ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-23-at-164959_v5fxy7.png =400x499) ### Deal boxes (Product Box) **Subtitle:** Font size, Font weight & Color **Highlight Badge:** Font size, Font weight, Color & Radius **Deal tag:** Font size, Font weight, Color, Border & Radius **Price:** Font size, Font weight, Color **NOTE:** If you have the "compare-at-price" setting on, you can also edit the above for the ""compare-at-price" text **Background:** Color, Border, Radius & Spacing **Radio button:** Visibility, Border & Radio button size ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-23-at-165020_1jey1zk.png =400x542) ### Total box You can change the visibility, title, badge, price and background inside the total box, the details of each customization are similar to element in the deal box ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-23-at-165043_1ikp65w.png =400x428) ### Button You can change the color, border, radius, animation visilibiity, text and text color - size - weight ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-23-at-165106_r9iyqu.png =400x559) ### Settings ### Show on pages: Choose where to display the campaign - [More details](https://help.adoric.com/en/article/4-set-custom-position-for-buy-x-get-y-bogo-zuy60j/) Note: The products which you choose to included in the "Add on" campaign will be shown on the product page of the product which you set in the beginning. But the main product won't be show in the campaign ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-23-at-165204_15jdgn3.png =400x162) ### Pricing Options **Show compare-at price:** Displays original price next to the discounted one. **Price rounding:** Enables rounding for cleaner pricing. (Optional) ### ### Button & Cart Behavior **Action after click button: Choose what happens when the customer clicks the CTA** * Show cart * Open cart drawer * Redirect to checkout **Out of stock text:** Customize the message shown when a product variant or gift is unavailable (e.g., Coming back soon). ### Extra options **Open product page on product click** If enabled, clicking on a product will open the product page. **Exclude POS** If enabled, it will exclude POS orders ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-11-26-at-031910_1a3w81s.png =400x419)