Advanced Features
How to use color swatches?
Wide Hello! We'll see in this article how to use the swatches color. Introduction Instead of showing dropdowns for your options (such as color or size) on your bundles, you can choose to show swatches. Swatches are small circles that contain the color inside. Use swatches When you create offers, you can enable the color swatches. Just check the checkbox "Use color swatches" And you'll be aSome readersHow to show the price "per unit" in an offer?
Wide Hello! In this article, we'll see how to display the price "per unit" instead of the total bundle price. For example, you have an offer containing 3 products at $30 and you'd like to display "$10 per unit" instead. Let's get started! Create your bundle with the offer creator Check the "Show price per unit" box in the offer Set the price per unit and the text that will appear That's it! DFew readersHow to add custom text field inside your bundles
Wide hello 8) We’ve added a new option in WideBundle that lets you collect personalized information from your customers directly inside the bundle (for example: first name, custom message, engraving text, etc.). This information is then displayed on the cart page. 1. Enable the custom field Open the WideBundle offer you want to edit. In the offer settings, check the option to Add a personalization field for customers. Once it’s checked, a new configuration block for the textFew readers
Pricing and Discounts
How to have different prices inside the same offer?
Would you like to have several different prices in the same offer? 💡 This article is only useful for bundles created with the variants' system, not for automatic discounts. Learn more about the difference **** For example, you have a size variant in an offer and the bigger the size, the higher the price? Here's how to do it! if you prefer a video for the explanation you can watchSome readersHow to change the currency on WideBundle?
Wide Hello! You had installed WideBundle with a currency but you changed it on your store. However, the old currency still appears on the offers. Or maybe it's not the right currency that appears on the prices. Here is how to change the currency on WideBundle! Click on Settings & Design in the left panel Click on Texts content ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/Few readersHow to prevent WideBundle from changing the price design under the title?
Wide Hello to you! 😁 By default, WideBundle updates the design of the price displayed under your product title to match your bundle style. However, in some cases, the new style might not fit your theme, or certain elements may disappear or look incorrect. Here’s how to prevent WideBundle from changing the price design while keeping everything functional. 👇 🧭 Steps to Follow GFew readersHow to add a savings text on the offer?
Wide Hello! In this article, we will show you in a few steps how to add a savings text to show your customers how much they save. Click on "Settings & Design" in the left panel Click on "General Settings" Enable the savings text and change the text  saved in the savings text?
By default, WideBundle displays both the amount saved and the percentage (for example: You save €10 — 20%). If you prefer to show only the amount saved, you can easily customize it inside your bundle’s design settings. 1. Open Your Bundle Design When creating a new bundle or editing an existing one: Go to your WideBundle dashboard Click on the bundle youFew readersHow to show only percentage in the savings text?
By default, WideBundle displays both the amount saved and the percentage (for example: You save €10 — 20%). If you prefer to show only the percentage, you can easily customize it inside your bundle’s design settings. 1. Open Your Bundle Design When creating a new bundle or editing an existing one: Go to your WideBundle dashboard Click on the bundle you waFew readersHow to display the currency code with symbol with Shopify Market?
Wide Hello! 😁 When using Shopify Market, your prices will get converted. For example, if your default price is in euros (€15.00), it can be converted to dollars ($16.00) But what if you want to display $16.00 USD instead of $16.00? (Or the contrary) Then you can change this setting in WideBundle! Go to WideBundle and click on "Settings & Design" in the left panel Click on "GeneralFew readersHow to change the discount label
In this guide, you’ll learn what a discount label is and how to customize it inside the new WideBundle dashboard. 1. What Is a Discount Label? When you use automatic discount bundles, the discount is applied directly on the cart page and checkout. To make this visible to customers, WideBundle uses a discount label — a small text shown next to the applied discount. By default, WFew readersHow to round prices when an offer is discounted?
Wide Hello :-D , In this article, we'll show you how to enable price rounding for discounted bundle offers. Important Notes: This feature only works for automatic discount bundles Price rounding will only apply to discounted prices. For regular prices without discounts, you'll need to configure rounding in your Shopify Markets settings. Preview of rounded prices: Original price with discount: $19.99 → Rounded price: $20.00 Original price with discount: $24.95 → Rounded priceFew readersAdd the price in the add-to-cart button
Hello! In this article we'll see together how you can add the price of the selected bundle directly inside the add-to-cart button just like 👇 Open the "Settings & Design" Page by clicking on the left panel Go the section "Texts content" . They appear on product pages and collections. How to disable color swatches? Go to your Shopify dashboard Click on "Online Store" then "Themes" Click on "Customize" on yoFew readers
Editing and Customization
How to edit my offers?
Wide Hello to you! 😁 You have created your offers and you want to change them without having to start all over again? It's very simple! Go to the WideBundle homepage and click on The three dots in front of the product whose offers you want to modify Click on Edit Offers You will then be able to eFew readersHow to translate the word "Offer" that appears when ordering a product?
Wide Hello! 😁 💡 This article is only useful for bundles created with the variants' system, not for automatic discounts. Learn more about the difference You may have noticed, after setting up your offers and placing an order, that the word "Offer" appeared This is thFew readersHow to add an image below the add to cart button?
Wide Hello to you! 😁 In this article, you’ll learn how to add an image below the Add to Cart button — perfect for displaying secure payment logos or trust badges. There are two ways to add an image depending on the format you use: Classic images (PNG, JPEG, GIF, etc.) SVG images 1️⃣ Add a Classic Image (PNG, JPEG, GIF...) Follow these steps to add a standard image under your Add to Cart button: Go to your WideBundle dashboard ![](https:Few readersHow to add HTML above or below add to cart button?
Wide Hello to you! 😁 Do you want to add HTML code before or after the add to cart button? For example, do you want to use another application with WideBundle that requires placing HTML code? Here is how to do it! Click on Settings & Design in the left panel to access the WideBundle settings. Click on General Settings. ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59dFew readersHow to link images to my offers to display the image based on the selected offer
Wide Hello! 💡 This article is only useful for bundles created with the variants' system, not for automatic discounts. Learn more about the difference **** Do you want your main image to change according to the selected offer? Here is how to do it! The system to change the image is not managedFew readersHow to add CSS codes to customize the design
Wide Hello! We will see in this article how you can add CSS code to customize the design of WideBundle Click on "Settings & Design" in the left panel Click on the General Settings Add your CSS code at the bottom of the page ![](https://storage.crisp.chat/users/helpdesk/website/59d08aeFew readersHow to change the color of the elements inside the bundle?
Wide Hello :-D In this article, we'll look at how you can change the colors of each element in Wide Bundle. Click on "Settings & Design" in the left panel Click on "Colors"Few readersCan I display WideBundle under my add-to-cart button?
WideBundle's goal was to completely replace the original variant selector and the add-to-cart button. This was done to improve the conversion rate by reducing the steps in the purchase process. There was never a question of displaying the theme's variant selector and the "WideBundle" module. So it is not possible to display WideBundle under the add-to-cart button and keep the original variant selector. And this would not be technically possible since WideBundle has to replace the variantsFew readersHow to remove the border on the thumbnail in the offers
Wide Hello! 👋 Do you want to remove the border around the thumbnail on your offers? Let’s see how to do it in just a few steps! Tutorial This customization isn’t available as a standard setting, but you can easily remove the thumbnail border using a simple CSS snippet. Follow the steps below 👇 1. Open Your Bundle Design Go to your WideBundle dashboard !Few readersHow to get different bundle designs for each product?
Wide Hello! In this article, we'll look at how to use the settings template to create a different design for each product. How to create a product page template? Click on "Settings & Design" in the left panel Click on the + Add a template icon to create a new template based on the default oneFew readers
Setup and Configuration
Can I keep my original Add-to-cart button?
Wide Hello! WideBundle replaces your entire variant selector and add-to-cart button to work. It is therefore not possible to keep your original add-to-cart button. However, it is possible to change the design of the WideBundle add-to-cart button to the design of the original button. To do this you can change the button settings. Click on "Settings & Design" in the left panel Click on "CFew readersHow to find your Shopify collaborator code
Wide Hello! In this article, we'll show you how to find your Shopify collaborator code so the WideBundle team can access your store. Go to your Shopify store and click on Settings at the bottom left Click on Users in the left menu Click on Security ![](https://storage.crisp.Few readersCan I make WideBundle appear with the variants selector of my theme?
WideBundle's goal was to completely replace the original variant selector and the add to cart button. This was to improve the conversion rate by reducing the steps in the purchase process. There was never a question of displaying the theme's variant selector and the "WideBundle" module. **So it is not possible to display both your theme's variant selector and the WideBundle module. And this would not be technically possible since WideBundle has to replace the variants on the product to work.Few readersDisplay several times the bundles on a page
Wide Hello! 😁 We will see in this article how to display bundles several times on a page. For example, you can have the "basic" WideBundle at the top of the page. But if you have for example a long description and you want to display WideBundle at the end of the page, it is possible! However, you will not be able to display bundles of another product! This method simply duplicates the display of the WideBundle widget while keeping the same offers. Here's how to do it 👇 1️⃣ Copy this code `Few readersHow to activate stock tracking in Shopify?
Wide Hello :-D In this article, we will show you how you can activate stock tracking in the Shopify product page. Log in to Your Shopify Admin First, access your Shopify store by logging in to your Shopify admin dashboard. This is where you manage all aspects of your Shopify store, including products, orders, and inventory. Navigate to Products Once you're logged in, find the "Products" seFew readersHow to add a blinking text to my offers?
Wide Hello to you! 😁 Want to display flashing text on your offers? Here's how to do it! When you configure all your offers, you can check the box to display a blinking message. You can then change the text, the position of the text and add a blinking effect. That's it ! See you soon! 😁Few readersHow to add a quantity button to the offers?
Wide Hello to you! 😁 Want to allow a customer to choose an offer multiple times? Then here's how to add a quantity button! Click on Settings & Design in the left panel Click on Quantity Button. Enable the quantity button  Find tSome readersHow to change the redirection after clicking on "Add to Cart"
Wide Hello! In this article, we will show you in a few steps how can you easily change the redirection after clicking on the add to cart button! Let's go! Go to the settings of the application by clicking on "Settings & Design" in the left panel Click on "General Settings" Change the rFew readersHow to copy the offers from another product
Wide Hello! In this article, we will show you in a few steps how can you easily copy the offers from a product that has been already added into our app! Let's go! Go to the dashboard of the application and click on “Add offers” Choose the "Automatic Discounts" bundle type and the product to which you want to add your offers . 1. Create a Bundle with a Free Gift Start by adding a bundle to a new product or an existing one. If you don’t know how to add a new bundle, [check our tutorialFew readersHow to create progressive gift unlocks
We're excited to show you this powerful feature! This guide will walk you through setting up gifts that unlock as customers select higher offers, with gifts appearing under the offers. 💡 Prefer to see it in action? Watch our demo here: 1. Create New Offers or Edit Existing Offers Before adding progressive gifts, you need to have your bundle offers ready. Create new offersFew readersHow to display WideBundle on a custom page
**Wide Hello In this article we will see how to display WideBundle on a custom page. Custom pages are pages you can create on Shopify to write content for your customers like an "About" page or a "Contact" page. Sometimes it's possible to display a product on these pages for your customer to add to the cart. But WideBundle won't go there by default. Here is how to do it 👇 Add the code for WideBundle to your page Copy all the following code <div id="new-form"></div> <script>wFew readersHow to display WideBundle on the product on the homepage?
Wide Hello to you! 😁 You have WideBundle set up on your product page but WideBundle doesn't appear on your homepage? Here's how to do it! Click on the three dots in front of the product on the WideBundle dashboard Click on Edit Offers Check the box "This product is featured on the homepage "Some readersHow to do a “buy one, get one” offer with WideBundle?
Wide Hello! In this article we will see how to make a "Buy one, get one" offer on WideBundle. You will see that it is not very complicated. Open WideBundle Click on the "Add offers" button to create new offers Select the "Automatic Discounts" type and then select the product where you want to show the "buy one, get one" offer ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc0Few readersHow to find the SKUs on CJDropshipping?
Wide Hello! 😁 In this article we will see how to find the SKUs of CJDropshipping products. Each variant of a product on CJDropshipping has a unique SKU. For example, a product "T-shirt" with 3 colors Blue, Red, Black, has 3 different SKUs. 1 SKU for the blue T-shirt, 1 SKU for the red T-shirt, and another unique SKU for the black T-shirt. This is the variant ID. Here is the process to find the SKU of a specific product variant. Find your product on CJDropshipping.  While creating your offers When you set up your offers on a new product, you can put the link of a thumbnail directly in front of an offer  Activate the “out of stock” option in the settings of the application Click on "Settings & DesignFew readersHow to use the A/B test feature?
Hello ! We're excited to introduce our new A/B Test feature! This guide will walk you through setting it up and tracking your results so you can find the best-performing bundle offers. 1. Check Bundle Requirements Before starting, make sure your bundles meet these conditions: Only works for bundles by automatic discounts, not for bundles by variants. You can either: Create new bundles Edit existing bundles ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/5Few readers
General
How to add "Add To Cart" button in your theme
Wide Hello! In this article, we will show you how to add “add to cart” button if it hasn't already been added! Go to your theme to personalize it Go to the product page from your theme's editor and if the button doesn't exist, just add it by clicking on “Add block”, add the button and save ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/onmedia-customize-daSome readersHow to find the handle of my product?
Wide Hello! For some tutorials it is necessary to get the "handle" of your product. It is a unique identifier for each product to identify them. Here is how to get it: Open your products Open the product for which you want to see the handle Scroll to the bottom and click on Edit Website SEOFew readersHow to check if the problem is still present without WideBundle?
Wide Hello to you! 😁 In this article, we will show you how you can check if the problem you are experiencing persists without WideBundle! Go to the application dashboard and disable WideBundle Check the page where you're experiencing the bug and try to reproduce it, but without WideBundle this time If the issue persists, it means that it probably does not come from our application and thatFew readersHow to find the handle or ID of a product?
Wide Hello! 😁 We will see in this tutorial how to find the handle or ID of your product. Let's see how to do it 👇 1️⃣ Open your product page in Shopify Open your products on Shopify and select the product you want to find the handle or ID for. 2️⃣ Find the handle Scroll to the bottom of the page and **click on Edit SEO **of my site ![](https://storage.crisp.chat/users/helpdesk/weFew readersHow to give us access through Shopify employer option
Wide Hello! In this article, we will show you how you can give us access through the Shopify settings by sending us an employee request. Go to the settings of Shopify and click on Users and Permissions Click on add staff Enter a random first and last name.Few readersHow to add a quantity selector in my theme
Wide Hello! In this article, we will show you how to add your theme's quantity selector if it hasn't already been added! Go to your theme to personalize it Go to the product page from your theme's editor and if the quantity selector doesn't exist, just add it by clicking on “Add block”, add the quantity selector and save ![](https://storage.crisp.chat/users/helpdesk/website/59d08aFew readers
Uninstall and Removal
How to completely uninstall WideBundle?
Wide Hello to you! 😁 Well, we're sad to have to explain how to uninstall WideBundle because that means you won't be using it anymore! 😩 Anyway, here's how to uninstall WideBundle and remove the script installed on your store! Open WideBundle and click on the three dots in the top right corner Click on Manage app! ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/imageFew readersHow do I completely redo my offers?
Wide Hello to you! 😁 You have already set up your offers for your product but you want to start again? Here is how to do it: Click on the three dots in front of the already added product for which you want to redo the offers. Then click on Remove Offers. 💡 The following part is only useful for bFew readersHow to delete a single offer from a product?
**Wide Hello to you!" 😁 Did you add an offer when you set up all your offers that you want to remove? We'll tell you how to do it! Click on the three dots in front of the product for which you want to remove an offer. Click on Edit Offers! Delete the offer you want by clicking on the "Trash can"Few readersHow to remove WideBundle from a product?
Wide Hello to you! 😁 Want to remove WideBundle from a product but don't know how to do it? Here is a simple article! Click on the three dots in front of the already added product for which you want to remove WideBundle. Then click on Remove Offers. 💡 The following part is only useful for bundleFew readersHow to recover my old variants?
Wide Hello! 💡 This article is only useful for bundles created with the variants' system, not for automatic discounts. Learn more about the difference **** In this article we will see how to recover your old variants that have been deleted by WideBundle by configuring your offers. Let's start! Open the WideBundle dashboard Click on the three dots in front of the product fFew readers
Translation and Language
How to translate each text on WideBundle?
Wide Hello to you! 😁 In this article, we’ll see together how and where to translate each text inside WideBundle. Here we go! 🚀 1) Texts in the Design Section You can translate or modify all the texts displayed in your widget (titles, buttons, messages, savings text, etc.) directly from your bundle’s design settings. Go to your WideBundle dashboard Click on thFew readersHow to translate "You Save" text?
Wide Hello :-D , In this article, we're going to show you how you can translate the "You Save" text in the settings of the app. Click on "Settings & Design" in the left panel Click on "Texts content" Edit the "You Save" text to the language you want ![](https://storage.crisp.chat/users/hFew readersHow to translate WideBundle widget?
Hello! This guide will help you translate texts on WideBundle step-by-step. 1. Ensure the Language is Published on Shopify Before you begin translating texts, make sure the language you want to use is published in Shopify. Open Shopify and click on Settings in the bottom-left corner. Navigate to Languages, where you can view all the available languages for your store. ![](https:/Few readersHow to change the language of the app's dashboard?
Wide Hello :-D In this article, we'll show you how you can change the app's dashboard language. Go to the account settings of Shopify Change the language in the "Preferred Languages" part The application's dashboard will not be in the language that you havFew readers
Troubleshooting and Testing
How to add a variant selector in my theme
Wide Hello! In this article, we will show you how to add your theme's variant selector if it hasn't already been added! Go to your theme to personalize it Go to the product page from your theme's editor and if the variant selector doesn't exist, just add it by clicking on “Add block”, add the variant selector and save ![](https://storage.crisp.chat/users/helpdesk/website/59d08aePopularHow to send information from the console
Wide Hello! In this article, we will show you how to send the information from the console to our support team if there's some kind of problem! Let's go! Go to your product page, do a right-click and open development tools that can be found all the way down Click on "Console" in the top right corner The console will appear ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/Few readersThe closing tag </body> doesn’t exist
Wide Hello, In this article, we're going to see, how can I add closing in theme.liquid to make the app appear. Go to the theme code Find theme.liquid Scroll all the way down and add closing at the end ![](https://storage.crisp.chat/users/helpdFew readers