> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.widebundle.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). # How to use the offers builder (variant bundles)? **Wide Hello** to you 😁 || 💡 This article explains how to use the offers builder **for the variant system** Let's see how to use it! And if you prefer to watch a video, here it is 👇 ${frame}[](https://www.loom.com/embed/54fac792b34947518defac08aa02ecba) --- ### Before creating the offers * There are 2 sections on the creator. The 1st section to set up the offers and the 2nd section to see the preview. ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_r9blm5.png) * The first thing to do to configure the offers is to determine the title that will appear above the offers ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_5l99fu.png) * Then you have to check the box **"This product is featured on the homepage "** if your product appears on the homepage and your product can be purchased from the homepage. ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1igfreu.png) --- ### Creating an offer * Start by adding the title of your first offer ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_vlnyc.png) * Then add the url of an image if you want a small thumbnail to appear on the offer to show your customers what they will receive ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1awi2i.png) * Then choose the price (and the compared price if there is one) ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_abfun3.png) * Then determine the number of options on your product. *(For example my t-shirt has 2 options: Color and Size)* ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_vzayao.png) * Then determine the title of option 1 and the choices of option 1 if you have options (do the same for option 2) ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_c0lio3.png) * Choose the number of drop-down lists you want to display based on the number of options the customer must choose. *(For example, my offer contains 2 t-shirts so I want my customer to choose 2 colors and 2 sizes, so I will have to put 2 dropdown lists)* ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_9h89wi.png) * Then determine the titles of these dropdown lists if you don't want to keep the default titles ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1pmwg0g.png) * Add a custom sentence on the offer if you wish. You will be able to edit the text, the position as well as to make the sentence blink ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1xrw6u2.png) * Finally, check **"Preselect this offer"** if you want this offer to be preselected by default when your customers open your product page ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_6yoshe.png) --- ### Adding new offers * Click on **+ Add Offer** if you want to add a new offer ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_ift8v1.png) * Click on the small arrow on the top right of your offers to collapse the offers and better see your different offers ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_ccoicd.png) * You can also change the order of the offers by clicking on the "multi-directional arrows" icon at the bottom left of your offers and by moving the offer where you want it to be ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_7o6133.png) * Delete an offer by clicking on the "Trash" icon ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1bzeyb.png) --- ### Generate your offers The **Generate Offers** button will then allow you to generate all offers. ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_o4932a.png) At this point, WideBundle will generate the necessary variants to create your offers. For example, if we have an offer "2 bought = the 2nd one at 50% off" and we have a color variant with let's say the color Red and Blue. Then WideBundle will create all possible combinations with variants. It means, it will create a variant in the case where the customer takes the red product twice, but also a variant in the case where he takes the blue product twice and a variant in the case where he takes a red product and a blue product. This makes a total of 3 variants. If you want to know more about this way of working, [click here](https://help.widebundle.com/en/article/how-does-widebundle-work-14zgl0h/)