{
    "componentChunkName": "component---src-templates-app-jsx",
    "path": "/apps/discount-in-cart/",
    "result": {"pageContext":{"app":{"page_header":{"background":null,"backgroundOpacity":100,"color":null,"fieldGroupName":"page_header","title":"Get More with DiscountX","opacity":100,"position":"on","size":{"desktop":64,"tablet":null,"mobile":null},"spaces":{"top":null,"bottom":null,"leftright":null,"units":"em"}},"title":"DiscountX: Stack Combine Popup","id":"cG9zdDo0MTY=","slug":"discount-in-cart","link":"/apps/discount-in-cart/","modifiedGmt":"2026-10-02T12:37:58","productsSliderData":{"title":"DiscountX","image":null,"primaryLink":null,"secondaryLink":null},"acfSchemaApp":{"applicationImage":null,"releaseDate":2021,"offerUrl":"https://apps.shopify.com/utd-discount-in-cart-minicart","price":5,"availability":"InStock"},"acfApp":{"description":"Applying a discount code to your shopping cart is critical to boosting your sales rate and good customer service.\r\nOur application provides the ability for users to apply the discount code in the shopping cart and combine discount codes. \r\nNow the user can enter several discount codes and apply them to one cart, the discount amount will be summed up, and the user does not even need to go to checkout to apply the discount code!\r\n\r\nFeatures: Restriction, Excluded, Statistic, Popup, Customizer, etc.","metaData":{"title":"DiscountX","description":"Boost sales with DiscountX: Stack Combine Popup. Apply multiple discount codes in Shopify cart, summing up savings. No checkout hassle. Get it now!"},"icon":{"altText":"Logo Discount (1)","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/622b286a4c57475ec3b09589755d180e/e8b76/Logo-Discount-1.png","srcSet":"/static/622b286a4c57475ec3b09589755d180e/f054e/Logo-Discount-1.png 750w,\n/static/622b286a4c57475ec3b09589755d180e/ae1c8/Logo-Discount-1.png 1080w,\n/static/622b286a4c57475ec3b09589755d180e/e8b76/Logo-Discount-1.png 1200w","sizes":"100vw"},"sources":[{"srcSet":"/static/622b286a4c57475ec3b09589755d180e/4f03f/Logo-Discount-1.webp 750w,\n/static/622b286a4c57475ec3b09589755d180e/4f506/Logo-Discount-1.webp 1080w,\n/static/622b286a4c57475ec3b09589755d180e/83805/Logo-Discount-1.webp 1200w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}}},"sections":[{"fieldGroupName":"app_Acfapp_Sections_AppBanner","subtitle":"Provides the ability for users to apply the discount code in the drawer cart, popup, and stack it with DiscountX: Stack Combine Popup","showTitle":true,"icon":{"altText":"Logo Discount (1)","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/622b286a4c57475ec3b09589755d180e/e8b76/Logo-Discount-1.png","srcSet":"/static/622b286a4c57475ec3b09589755d180e/f054e/Logo-Discount-1.png 750w,\n/static/622b286a4c57475ec3b09589755d180e/ae1c8/Logo-Discount-1.png 1080w,\n/static/622b286a4c57475ec3b09589755d180e/e8b76/Logo-Discount-1.png 1200w","sizes":"100vw"},"sources":[{"srcSet":"/static/622b286a4c57475ec3b09589755d180e/4f03f/Logo-Discount-1.webp 750w,\n/static/622b286a4c57475ec3b09589755d180e/4f506/Logo-Discount-1.webp 1080w,\n/static/622b286a4c57475ec3b09589755d180e/83805/Logo-Discount-1.webp 1200w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}}},"backgroundImage":{"localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#38c8e8","images":{"fallback":{"src":"/static/4e51ad86272074188f959ca0f3c0f726/afa5c/39bbe93fd9de3afccf_1920_1080.png","srcSet":"/static/4e51ad86272074188f959ca0f3c0f726/0dee1/39bbe93fd9de3afccf_1920_1080.png 750w,\n/static/4e51ad86272074188f959ca0f3c0f726/8beaa/39bbe93fd9de3afccf_1920_1080.png 1080w,\n/static/4e51ad86272074188f959ca0f3c0f726/d079a/39bbe93fd9de3afccf_1920_1080.png 1366w,\n/static/4e51ad86272074188f959ca0f3c0f726/afa5c/39bbe93fd9de3afccf_1920_1080.png 1920w","sizes":"100vw"},"sources":[{"srcSet":"/static/4e51ad86272074188f959ca0f3c0f726/a66aa/39bbe93fd9de3afccf_1920_1080.webp 750w,\n/static/4e51ad86272074188f959ca0f3c0f726/65dd5/39bbe93fd9de3afccf_1920_1080.webp 1080w,\n/static/4e51ad86272074188f959ca0f3c0f726/4fad6/39bbe93fd9de3afccf_1920_1080.webp 1366w,\n/static/4e51ad86272074188f959ca0f3c0f726/c512e/39bbe93fd9de3afccf_1920_1080.webp 1920w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5625}}}}},{"fieldGroupName":"app_Acfapp_Sections_AppSummary","title":"Summary","description":"Applying a discount code to your shopping cart is critical to boosting your sales rate and good customer service.\r\nOur application provides the ability for users to apply the discount code in the shopping cart and combine discount codes. \r\nNow the user can enter several discount codes and apply them to one cart, the discount amount will be summed up, and the user does not even need to go to checkout to apply the discount code!\r\n\r\nFeatures: Restriction, Excluded, Statistic, Popup, Customizer, etc.","backgroundColor":"#f4f6f8","servicesText":"Shopify Plus","servicesIcon":"<svg fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\">\r\n  <path d=\"M82.8 19.637c-.07-.5-.507-.777-.87-.807-.36-.03-8.007-.597-8.007-.597s-5.31-5.273-5.894-5.856c-.583-.583-1.722-.406-2.164-.276-.065.02-1.16.357-2.972.918-1.774-5.105-4.905-9.796-10.413-9.796-.152 0-.308.006-.465.015C50.45 1.167 48.508.267 46.833.267c-12.831 0-18.96 16.039-20.883 24.19a7936.52 7936.52 0 00-8.98 2.785c-2.782.873-2.87.96-3.236 3.583C13.46 32.81 6.178 89.12 6.178 89.12l56.739 10.631 30.743-6.65S82.868 20.136 82.8 19.636zm-23.043-5.648l-4.8 1.486c0-.338.003-.671.003-1.035 0-3.173-.44-5.728-1.147-7.753 2.838.357 4.728 3.586 5.944 7.302zm-9.465-6.672c.79 1.977 1.302 4.814 1.302 8.643 0 .196-.002.375-.003.556l-9.916 3.07c1.91-7.368 5.488-10.927 8.617-12.27zM46.48 3.708c.554 0 1.112.188 1.646.556-4.112 1.934-8.52 6.808-10.381 16.54l-7.838 2.427c2.18-7.423 7.357-19.523 16.573-19.523z\" fill=\"#95BF46\"/>\r\n  <path d=\"M81.931 18.83c-.361-.03-8.008-.597-8.008-.597s-5.31-5.273-5.893-5.856c-.218-.217-.513-.329-.82-.377l-4.29 87.751 30.74-6.65S82.868 20.138 82.8 19.638c-.069-.5-.507-.777-.869-.807z\" fill=\"#5E8E3E\"/>\r\n  <path d=\"M52.48 35.817l-3.791 11.276s-3.322-1.773-7.393-1.773c-5.968 0-6.269 3.745-6.269 4.69 0 5.15 13.425 7.123 13.425 19.185 0 9.491-6.02 15.602-14.136 15.602-9.74 0-14.72-6.061-14.72-6.061l2.608-8.617s5.12 4.396 9.44 4.396c2.823 0 3.97-2.223 3.97-3.847 0-6.717-11.013-7.017-11.013-18.056 0-9.29 6.669-18.28 20.13-18.28 5.186 0 7.748 1.485 7.748 1.485z\" fill=\"#fff\"/>\r\n</svg>","year":"2021","buttonTitle":"Try for free","buttonLink":"https://apps.shopify.com/utd-discount-in-cart-minicart"},{"fieldGroupName":"app_Acfapp_Sections_AppRichText","content":"<p><strong>We recommend you to check out our <a href=\"/apps/discount-in-cart/manual/#privacy-policy\">Privacy Policy</a> and the <a href=\"/apps/discount-in-cart/manual/#manual\">Manual</a> for our app, and below you can find our <a href=\"/apps/discount-in-cart/#faq_section\">FAQs</a></strong></p>\n","backgroundColor":"#ffffff","textColor":"#000000"},{"fieldGroupName":"app_Acfapp_Sections_AppGallery","backgroundColorOfSlides":"#F4F6F8","images":[{"image":{"altText":"main banner (2)","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/8d0ea3a823e1a4518aefb921c9ad6927/1624f/main-banner-2.png","srcSet":"/static/8d0ea3a823e1a4518aefb921c9ad6927/0dee1/main-banner-2.png 750w,\n/static/8d0ea3a823e1a4518aefb921c9ad6927/8beaa/main-banner-2.png 1080w,\n/static/8d0ea3a823e1a4518aefb921c9ad6927/d079a/main-banner-2.png 1366w,\n/static/8d0ea3a823e1a4518aefb921c9ad6927/1624f/main-banner-2.png 1600w","sizes":"100vw"},"sources":[{"srcSet":"/static/8d0ea3a823e1a4518aefb921c9ad6927/a66aa/main-banner-2.webp 750w,\n/static/8d0ea3a823e1a4518aefb921c9ad6927/65dd5/main-banner-2.webp 1080w,\n/static/8d0ea3a823e1a4518aefb921c9ad6927/4fad6/main-banner-2.webp 1366w,\n/static/8d0ea3a823e1a4518aefb921c9ad6927/e9d78/main-banner-2.webp 1600w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5625}}}},"sidePaddingDesktop":60},{"image":{"altText":"image 254","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/354ed1c095557c1c122c0becab608724/1624f/image-254.png","srcSet":"/static/354ed1c095557c1c122c0becab608724/0dee1/image-254.png 750w,\n/static/354ed1c095557c1c122c0becab608724/8beaa/image-254.png 1080w,\n/static/354ed1c095557c1c122c0becab608724/d079a/image-254.png 1366w,\n/static/354ed1c095557c1c122c0becab608724/1624f/image-254.png 1600w","sizes":"100vw"},"sources":[{"srcSet":"/static/354ed1c095557c1c122c0becab608724/a66aa/image-254.webp 750w,\n/static/354ed1c095557c1c122c0becab608724/65dd5/image-254.webp 1080w,\n/static/354ed1c095557c1c122c0becab608724/4fad6/image-254.webp 1366w,\n/static/354ed1c095557c1c122c0becab608724/e9d78/image-254.webp 1600w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5625}}}},"sidePaddingDesktop":60},{"image":{"altText":"image 266","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#080808","images":{"fallback":{"src":"/static/fc623993872a044a71c131eda7e00f94/1624f/image-266.png","srcSet":"/static/fc623993872a044a71c131eda7e00f94/0dee1/image-266.png 750w,\n/static/fc623993872a044a71c131eda7e00f94/8beaa/image-266.png 1080w,\n/static/fc623993872a044a71c131eda7e00f94/d079a/image-266.png 1366w,\n/static/fc623993872a044a71c131eda7e00f94/1624f/image-266.png 1600w","sizes":"100vw"},"sources":[{"srcSet":"/static/fc623993872a044a71c131eda7e00f94/a66aa/image-266.webp 750w,\n/static/fc623993872a044a71c131eda7e00f94/65dd5/image-266.webp 1080w,\n/static/fc623993872a044a71c131eda7e00f94/4fad6/image-266.webp 1366w,\n/static/fc623993872a044a71c131eda7e00f94/e9d78/image-266.webp 1600w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5625}}}},"sidePaddingDesktop":60},{"image":{"altText":"image 255","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/12c5c72762ef1b9cdcef9b8838466efa/1624f/image-255.png","srcSet":"/static/12c5c72762ef1b9cdcef9b8838466efa/0dee1/image-255.png 750w,\n/static/12c5c72762ef1b9cdcef9b8838466efa/8beaa/image-255.png 1080w,\n/static/12c5c72762ef1b9cdcef9b8838466efa/d079a/image-255.png 1366w,\n/static/12c5c72762ef1b9cdcef9b8838466efa/1624f/image-255.png 1600w","sizes":"100vw"},"sources":[{"srcSet":"/static/12c5c72762ef1b9cdcef9b8838466efa/a66aa/image-255.webp 750w,\n/static/12c5c72762ef1b9cdcef9b8838466efa/65dd5/image-255.webp 1080w,\n/static/12c5c72762ef1b9cdcef9b8838466efa/4fad6/image-255.webp 1366w,\n/static/12c5c72762ef1b9cdcef9b8838466efa/e9d78/image-255.webp 1600w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5625}}}},"sidePaddingDesktop":60},{"image":{"altText":"image 256","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#080808","images":{"fallback":{"src":"/static/529234c39545269802821f87d9599480/1624f/image-256.png","srcSet":"/static/529234c39545269802821f87d9599480/0dee1/image-256.png 750w,\n/static/529234c39545269802821f87d9599480/8beaa/image-256.png 1080w,\n/static/529234c39545269802821f87d9599480/d079a/image-256.png 1366w,\n/static/529234c39545269802821f87d9599480/1624f/image-256.png 1600w","sizes":"100vw"},"sources":[{"srcSet":"/static/529234c39545269802821f87d9599480/a66aa/image-256.webp 750w,\n/static/529234c39545269802821f87d9599480/65dd5/image-256.webp 1080w,\n/static/529234c39545269802821f87d9599480/4fad6/image-256.webp 1366w,\n/static/529234c39545269802821f87d9599480/e9d78/image-256.webp 1600w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5625}}}},"sidePaddingDesktop":60}]},{"fieldGroupName":"app_Acfapp_Sections_AppRichText","content":"<section class=\"sp-storytelling sp-block\">\n<section class=\"sp-storytelling sp-block\">\n<section class=\"sp-storytelling sp-block\">\n<section class=\"sp-storytelling sp-block\">\n<section class=\"sp-storytelling sp-block\">\n<section class=\"sp-storytelling sp-block\">\n<h3 class=\"sp-block__title animate\"><strong>Demo</strong></h3>\n<div class=\"sp-storytelling__text-full-width animate\">\n<p>See how the app works using the example of a store:</p>\n<ol>\n<li>Go to the test store Link: <a href=\"https://utd-discount-cart-minicart.myshopify.com/\" aria-label=\"Go to the test store\">https://utd-discount-cart-minicart.myshopify.com/</a> Password: <em>discount</em></li>\n<li> Add some items to your cart</li>\n<li>Open the shopping cart and enter one or more promotional codes: DOLLARSOFF, DISCOUNT21, 10PERCENTOFF</li>\n<li>See how it works, go to checkout.</li>\n</ol>\n</div>\n<h3 class=\"sp-block__title animate\"><strong>Installation guide</strong></h3>\n<p><strong>Video Tutorials:</strong></p>\n<ul>\n<li><a href=\"https://www.youtube.com/watch?v=bOSMuIzwtDk\" target=\"_blank\" rel=\"noopener\" aria-label=\"Watch our video tutorial for Shopify Store 1.0. Link will be opened in a new tab.\">Video tutorial Shopify Store 1.0</a></li>\n<li><a href=\"https://www.youtube.com/watch?v=zQS-kr2SVQo\" target=\"_blank\" rel=\"noopener\" aria-label=\"Watch our video tutorial for Shopify Store 2.0. Link will be opened in a new tab.\">Video tutorial Shopify Store 2.0</a></li>\n</ul>\n<div class=\"sp-storytelling__text-full-width animate\">\n<p><strong>The installation process consists of choosing a theme where you want to display the application and selecting HTML elements on the page where you want to add your application.</strong></p>\n<ol>\n<li>Activation.<br />\nThe first thing to do is activate the application.<br />\nIn order to subscribe to the app, you need to go to the &#8220;Main&#8221; page using the &#8220;General&#8221; button in the menu.<br />\nClick on the &#8220;Activate&#8221; button.</li>\n<li>Open subscription modal.<br />\nAfter activation, you need to pay for the application.<br />\nYou will see the &#8220;See your plan&#8221; button &#8211; click on it.</li>\n<li>Choose your plan.<br />\nIn the modal window that opens, you will see a list of available plans with a description.<br />\nChoose the plan that suits you and click on the &#8220;Select&#8221; button.<br />\nAfter that, you will be redirected to the payment page.</li>\n<li>Application payment.<br />\nOn this page, you need to fill in your bank details and click on the &#8220;Approve&#8221; button.<br />\nAfter that, you will be redirected back to the application.</li>\n<li>Choose your Shopify version.<br />\nYou need to select the version of your Shopify Store.<br />\nIf your theme has all the .json templates, then it&#8217;s Shopify 2.0. If your theme has .liquid templates, then this is Shopify 1.0.<br />\nWe, and the Shopify developers, recommend using Shopify 2.0 themes.</li>\n<li>Now we need to place the application widget in the store. To do this, we have provided several ways.</li>\n</ol>\n<p><strong>The first way to add a widget to your store is available only for Shopify Store 2.0:</strong></p>\n<p>To add a widget with a discount, you need to go to your theme customizer.<br />\nChoose a cart template. Then click &#8220;Add block&#8221; or &#8220;Add section&#8221;.<br />\nIn the menu that appears, select &#8220;mCart &#8211; Multi discount&#8221;.<br />\nSave customizer settings.<br />\nAs a result, you will see the widget in your cart.<br />\nThen click the &#8220;Save&#8221; button to save the settings.<br />\nCongratulations &#8211; you have successfully installed the widget in your store!</p>\n<p><strong>The second way to add a widget to your store is available for both versions of the Shopify Store (don&#8217;t worry, it works just as well on both versions):</strong></p>\n<p>In &#8220;General&#8221; choose &#8220;Your store version&#8221; as 1.0 (because this option is visible only with the 1.0 selected theme version, even if your theme is 2.0 &#8211; don&#8217;t worry if you chose 1.0, it will work tho).</p>\n<p><em><strong>Note: </strong>Make sure that your theme does not include a block or section with our app. (What you did in the &#8220;First way&#8221;).</em></p>\n<p>Next, you have to click on the &#8220;Install application&#8221; button.<br />\nFor the cart in a drawer, click &#8220;Install to minicart&#8221; and follow the steps in &#8220;Current theme&#8221;.<br />\nFor a standard cart, click &#8220;Install to cart page&#8221; and proceed to your store&#8217;s cart.<br />\nFollow the first step instructions.<br />\nFollow the second step instructions.<br />\nCongratulations &#8211; you have successfully installed the widget in your store.<br />\nTo learn more about the app&#8217;s functionality, scroll down to the FAQ section.</p>\n<p><strong>The third way:</strong></p>\n<p>If for some reason you did not manage to do the first 2 ways, then install the application manually by placing  <em>&lt;div id=»multi-discounts-form»&gt;&lt;/div&gt; </em>in your cart page or minicart, and the application is automatically integrated into this element.<br />\nOr specify the DOM element selector where you want to place the widget.</p>\n<p><strong>For example:</strong></p>\n<p>You want to place the widget in the <em>&lt;div id=&#8221;some-element&#8221;&gt; &lt;/div&gt;<br />\n</em>On the Selectors page in the first input specify: #<em>some-element<br />\n</em>Or if you want place discount widget in several places, then specify the items separated by commas.<br />\nFor example #<em>some-element, .minicart_some-element</em></p>\n<p><em><strong>Note:</strong> You also need to specify the ID or class of the element where the final cost of the order is displayed. This is necessary to display the final cost of the order.</em><br />\n<em>To do this, in the application control panel, go to the ‘subtotal selectors’ tab and list the IDs or element classes.</em></p>\n<p>The final cost of the order is displayed in the item: <em>&lt;span id=&#8221;cart_subtotal&#8221;&gt;22.55 &lt;/span&gt;<br />\n</em>In the ‘subtotal selectors’ field, specify: #<em>cart_subtotal<br />\n</em>Or if your final price is displayed in several places, then specify the items separated by commas.<br />\nFor example: <em>#cart_subtotal, .minicart_subtotal<br />\n</em>If you have any difficulties installing the application, please contact us.<b>       </b></p>\n<p><strong>Now your app is ready to use. To customize the app widget You can go to ‘custom css’ and ‘custom js’.</strong></p>\n</div>\n</section>\n<section class=\"sp-storytelling sp-block\">\n<h3 class=\"sp-block__title animate\"><strong>Uninstallation guide</strong></h3>\n<div class=\"sp-storytelling__text-full-width animate\">\n<p>To uninstall an application simply go to the list of applications in the store and click the ‘uninstall’ button.<br />\nOur app does not leave any traces in the store.<br />\nIf you added the <em>&lt;div id=&#8221;multi-discounts-form&#8221;&gt; &lt;/div&gt;</em> element to your store then remove it.</p>\n</div>\n</section>\n</section>\n</section>\n</section>\n</section>\n</section>\n","backgroundColor":"#ffffff","textColor":"#000000"},{"fieldGroupName":"app_Acfapp_Sections_AppFaqs","title":"FAQ","bottomOverlayBackground":"#121111","questions":[{"answer":"<p>Preliminary steps:</p>\n<ul class=\"app-list\">\n<li>1. Activate an app subscription if not already activated. Without an activated subscription, the widget will not appear in your store.</li>\n<li>2. Turn on the application.</li>\n<li>3. Select the version of the Online Store you are using.</li>\n<li>4. Set the desired number of allowable discounts.</li>\n</ul>\n<p>Note:</p>\n<ul class=\"app-list\">\n<li>v1.0 — uses the ScriptTag API which uploads javascript code to the store. Can be installed in any place of the store, even in a mini cart.</li>\n<li>v2.0 — uses theme app extension for store integration. You can add a widget using the Theme Editor.</li>\n</ul>\n<h4>Installing the application to the Online store 2.0</h4>\n<ul class=\"app-list\">\n<li>1. Activate the app and select Online store 2.0</li>\n<li>2. Go to «Online Store — Themes».</li>\n<li>3. Having decided on the site theme you need, open the Theme Editor.</li>\n<li>4. Go to the shopping cart page and select the subtotal section.</li>\n<li>5. Select Add block and look for the mCart application in the drop-down list.</li>\n<li>6. Press ‘Save’ button. Done, widget added.</li>\n</ul>\n<p>If you want to display the discounted price to the buyer, you need to specify the element selector in which the subtotal price is displayed in the cart:</p>\n<ul class=\"app-list\">\n<li>7. Specify in the subtotal selectors the ID or class of the element in which the subtotal of the cart is displayed.</li>\n</ul>\n<h4>Installation the application to the Online store 1.0</h4>\n<ul class=\"app-list\">\n<li>1. In the ‘general’ section select ‘Online Store v1.0’.</li>\n<li>2. Click the ‘install application’ button and choose where you want to place the widget.</li>\n<li>3. Select with the right mouse button where you want to display the discount form. If you want to install the widget in the mini cart, open it first. With the left mouse button, you can navigate the store or open the mini cart.</li>\n<li>4. Select the element that displays the subtotal price in your cart. This is necessary for the application to know where the subtotal item is.</li>\n</ul>\n<p>Note:<br />\nIf the widget doesn’t look right, try selecting other elements or manually insert CSS selectors.</p>\n<h4>Manual installation in Online store 1.0.</h4>\n<p>Manual installation is done by inserting CSS selectors in the Selectors section (by ID- # test-block or class — .test-block). If the element to which you want to add the widget does not have a class or ID, then you can manually add a class or ID, or create a new element using the Code Editor. If you want to add to several places at once (for example, to the cart and the mini-cart), then you can specify several selectors, separating them with a comma.<br />\nInstallation steps:</p>\n<ul class=\"app-list\">\n<li>1. Using the code inspector in your browser, find the element where you want to add the widget.</li>\n<li>2. Copy the required selector (class or ID).</li>\n<li>3. Go to the ‘Selectors’ section in the admin panel of the application.</li>\n<li>4. Insert into ‘Application widget selectors’ the selector of the element where you want to add the application widget.</li>\n<li>5. It is also necessary to specify the element selector in which the subtotal price is displayed in the cart.</li>\n<li>6. Specify in the subtotal selectors the ID or class of the element in which the subtotal price of the cart is displayed. DON’T FORGET to save your settings.</li>\n</ul>\n<p>For example:</p>\n<p>You have a block in your cart:</p>\n<div id=\"discount-form\"></div>\n<p>If you specify</p>\n<p>#discount-form<br />\nin widget selectors input, the form for applying discounts will be inserted into this element automatically.</p>\n<p>The same is with subtotal:</p>\n<p><span id=\"cart-subtotal\">$22.55</span><br />\nYou need set</p>\n<p>#cart-subtotal<br />\nin the subtotal selectors input.</p>\n<p>And also try to clear browser cache.</p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: -19px; top: 787.062px;\">\n<div class=\"gtx-trans-icon\"></div>\n</div>\n","question":"How do I install the app to my store?"},{"answer":"<h4>Common mistakes:</h4>\n<p>Enable the application in the admin area.<br />\nActivate the plan.</p>\n<h4>For online store v1.0 :</h4>\n<p>Make sure you select the correct selectors for the form and subtotal.<br />\nAlso, check that you have checked the box next to the theme where you want to place the widget</p>\n<h3>For online store v2.0 :</h3>\n<p>Check if you have added the widget in the theme editor.</p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: -23px; top: 43.2656px;\">\n<div class=\"gtx-trans-icon\"></div>\n</div>\n","question":"I installed the application, but the form did not appear. What should I do?"},{"answer":"<p>Our application effectively uses the Shopify API to get the information from the store necessary for the application to work. Promotional codes are updated once a minute. Even if a minute has passed, and the promo code is still not applied or works as before, try updating it.</p>\n","question":"I added or edited a discount code, but the application cannot apply it. What to do?"},{"answer":"<p>Select and confirm a plan. For development stores, the subscription will be tested and you will not be charged.</p>\n","question":"How can I test my application in the development store?"},{"answer":"<p>Yes, we have provided for this, and to change the appearance, go to the custom CSS section, you can change them to change the appearance of the form. You can also insert JavaScript into the page in the Custom JS tab.</p>\n","question":"Can I change the appearance of the form?"},{"answer":"<p>Click the Install application button on general page and select where you want to place the widget — cart or minicart and follow instructions.</p>\n<ul>\n<li>Step 1<br />\nAt this stage, you need to select the element in which you want to place the widget of our application.<br />\nYou need to select an item using the right mouse button, this is done specifically for the ability to open minicart and navigate the store.</li>\n<li>Step 2<br />\nSelect the item that displays the final price of the order. This is necessary to display the final cost of the order with a discount code.<br />\nDo it the same way with the right mouse button.</li>\n<li>Step 3<br />\nAfter successfully selecting two items, you will receive a message that the settings have been updated and the page will close. Go to the cart to see the result.</li>\n</ul>\n<p>Attention</p>\n<ol>\n<li>During the installation process, you may receive a message that the element does not match or does not have a class or id. Select another element, set class or id in element what you need, or create a new element.</li>\n<li>If the widget doesn’t look right, try selecting other elements or manually inserting the CSS selectors.</li>\n</ol>\n","question":"How to use automatic install mode?"},{"answer":"<p>No. Our application only processes promo codes, collections, products. It also creates a Draft order for combining promotional codes.</p>\n","question":"Does the application store any user data?"},{"answer":"<p>Our application checks promotional codes using the same algorithms as Shopify, all promo code settings will work in our application in the same way as in Shopify checkout.<br />\nFor example:<br />\nIf a promo code has a restriction on a certain group of buyers and a user who does not belong to this group will not be able to apply the promo code using our application.</p>\n<p><b data-stringify-type=\"bold\">Note:</b> The shipping rates option in the shipping discount settings is not part of our application options, but in future versions, it will be available along with other unique options that we are developing.</p>\n","question":"How does the app check for discount codes?"},{"answer":"<p>By dragging the slider, you can adjust the maximum number of promotional codes that your customers can apply.</p>\n","question":"How does setting the maximum number of discounts work?"},{"answer":"<p>Please note that the subtotal selector erases all information inside itself, so be careful when setting up the application, the application can remove elements inside the block you specified.</p>\n","question":"Obvious mistakes"},{"answer":"<p>Delete the app from the store. You do not need to delete anything else, our application does not leave anything after deletion.</p>\n","question":"How do I uninstall app from store?"},{"answer":"<p>Our statistics page empowers you to track the impact of your discounts on your revenue with ease.</p>\n<p>Delve into detailed charts that illustrate the number of orders placed with discounts through our app, alongside those without discounts.</p>\n<p>You have the freedom to customize the time duration of the chart display, with options including daily, weekly, monthly, or over the past 60 days.</p>\n<p>Furthermore, we provide a comprehensive list of all utilized discounts, including usage frequency and the date of the last use.</p>\n","question":"Discount statistic"},{"answer":"<p>Tailor your discount codes to your specific needs by selecting a list of products, list of variants of product or list of «product tags» that won’t be eligible for the discount.</p>\n<p><strong><i>Please note:</i></strong> this will only work for discount codes that apply to products, variants, or collections.<br />\nIt’s also worth clarifying that if you want to use a rule for bulk discounts, you will need to select each discount code separately. If you need the ability to apply a rule to a bulk discount entirely, let us know about it by mail. <a href=\"mailto:support@utdapp.tech\" target=\"_blank\" rel=\"noopener\" aria-label=\"Contact us on our email. Link will be opened in a new tab.\">support@utdapp.tech</a></p>\n<p><strong><i>For example:</i></strong> you have a collection A which has 3 products — B,C,D. You also have discount E which is valid only for collection A. In our application, you have created a restriction rule for discount E, and you have selected product B. When a customer applies discount E and there are products B,C,D in the cart, the discount will only apply to products C and D</p>\n<p>All 3 type of rules can be active at the same time (by the product and the «tags of product»).</p>\n","question":"How does ‘excluded products’ work?"},{"answer":"<p>With ‘Discount combination’ you can create discount combinations that will consist of 2 or more discounts</p>\n<p>In the admin panel, you can set the name of the combination, and then provide it to customer Customer does not have to enter 3 different discounts, he will simply enter the name of the combination you created and receive all the discounts in one go.</p>\n","question":"How does ‘discount combination’ work?"},{"answer":"<p>Our discount restriction feature empowers you to prevent certain discounts from being combined with others.</p>\n<p><strong><i>For example:</i></strong> If you have multiple discounts, such as SALE10 and SALE20, and don’t want them to be applied together, simply select the desired discount and enable the ‘override_other_discounts’ checkbox.</p>\n<p><b>Important:</b> Keep in mind that if you enable this setting for multiple discounts, they may still be applied together.<br />\nIt’s also worth clarifying that if you want to use a rule for bulk discounts, you will need to select each discount code separately. If you need the ability to apply a rule to a bulk discount entirely, let us know about it by mail. <a href=\"mailto:support@utdapp.tech\" target=\"_blank\" rel=\"noopener\" aria-label=\"Contact us on our email. Link will be opened in a new tab.\">support@utdapp.tech</a></p>\n","question":"How does ‘discount restrictions’ work?"},{"answer":"<p>There is a ‘Custom popup’ item in the navigation menu where you can create your own popups</p>\n<p>‘Custom popup’ allows you to customize colors, text and content positioning in the popup. You can choose the page on which the popup will be displayed</p>\n<p>There is also a choice of what rules to show the popup</p>\n<ul>\n<li>Show popup every n minutes</li>\n<li>Show it 1 time in a certain period of time</li>\n<li>Show it 1 time when the user enters the store for the first time</li>\n</ul>\n","question":"How does ‘custom popup’ work?"},{"answer":"<p>Contact us.<br />\n<a href=\"mailto:support@utdapp.tech\" aria-label=\"Contact us on our email\">support@utdapp.tech</a></p>\n","question":"Do you have questions?"}]}]}},"productsSliderItems":[{"type":"app","title":"Popup King","image":{"altText":"Popup king logo","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#282828","images":{"fallback":{"src":"/static/0d1e34a82a80b8b2abc9b80086ead4cd/e8b76/Frame-456.png","srcSet":"/static/0d1e34a82a80b8b2abc9b80086ead4cd/f054e/Frame-456.png 750w,\n/static/0d1e34a82a80b8b2abc9b80086ead4cd/ae1c8/Frame-456.png 1080w,\n/static/0d1e34a82a80b8b2abc9b80086ead4cd/e8b76/Frame-456.png 1200w","sizes":"100vw"},"sources":[{"srcSet":"/static/0d1e34a82a80b8b2abc9b80086ead4cd/4f03f/Frame-456.webp 750w,\n/static/0d1e34a82a80b8b2abc9b80086ead4cd/4f506/Frame-456.webp 1080w,\n/static/0d1e34a82a80b8b2abc9b80086ead4cd/83805/Frame-456.webp 1200w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}}},"primaryLink":{"title":"Read more","url":"/apps/popup-king/","target":null},"secondaryLink":{"title":"Start free trial","url":"https://apps.shopify.com/popup-king-sell-engage?search_id=48054c08-b9ea-407d-924a-0b422d25ee77&surface_detail=utd&surface_inter_position=1&surface_intra_position=6&surface_type=search","target":"_blank"},"slug":"popup-king","url":"/apps/popup-king/"},{"type":"app","title":"SaleX","image":{"altText":"Dark Logo Bulk Discount","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#080808","images":{"fallback":{"src":"/static/1b41af6c5a2c4583c6f07261e14a4e92/e8b76/Dark-Logo-Bulk-Discount.png","srcSet":"/static/1b41af6c5a2c4583c6f07261e14a4e92/f054e/Dark-Logo-Bulk-Discount.png 750w,\n/static/1b41af6c5a2c4583c6f07261e14a4e92/ae1c8/Dark-Logo-Bulk-Discount.png 1080w,\n/static/1b41af6c5a2c4583c6f07261e14a4e92/e8b76/Dark-Logo-Bulk-Discount.png 1200w","sizes":"100vw"},"sources":[{"srcSet":"/static/1b41af6c5a2c4583c6f07261e14a4e92/4f03f/Dark-Logo-Bulk-Discount.webp 750w,\n/static/1b41af6c5a2c4583c6f07261e14a4e92/4f506/Dark-Logo-Bulk-Discount.webp 1080w,\n/static/1b41af6c5a2c4583c6f07261e14a4e92/83805/Dark-Logo-Bulk-Discount.webp 1200w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}}},"primaryLink":{"title":"Read more","url":"/apps/bulk-discount-code-generator/","target":null},"secondaryLink":{"title":"Start free trial","url":"https://apps.shopify.com/bulk-discount-code-generator","target":"_blank"},"slug":"bulk-discount-code-generator","url":"/apps/bulk-discount-code-generator/"},{"type":"app","title":"Progress Bar & Deals Motivator","image":{"altText":"progress bar logo","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#282848","images":{"fallback":{"src":"/static/e45df469eb834a42d5efbaeb0542861e/e8b76/gift.png","srcSet":"/static/e45df469eb834a42d5efbaeb0542861e/f054e/gift.png 750w,\n/static/e45df469eb834a42d5efbaeb0542861e/ae1c8/gift.png 1080w,\n/static/e45df469eb834a42d5efbaeb0542861e/e8b76/gift.png 1200w","sizes":"100vw"},"sources":[{"srcSet":"/static/e45df469eb834a42d5efbaeb0542861e/4f03f/gift.webp 750w,\n/static/e45df469eb834a42d5efbaeb0542861e/4f506/gift.webp 1080w,\n/static/e45df469eb834a42d5efbaeb0542861e/83805/gift.webp 1200w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}}},"primaryLink":{"title":"Read more","url":"/apps/progress-indicator-bar/","target":null},"secondaryLink":{"title":"Start free trial","url":"https://apps.shopify.com/progress-bar-deals-motivator","target":"_blank"},"slug":"progress-indicator-bar","url":"/apps/progress-indicator-bar/"},{"type":"app","title":"BoxKing","image":{"altText":"","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/311d47843e87ae65d77cbb4362951007/83805/logo_4.3.webp","srcSet":"/static/311d47843e87ae65d77cbb4362951007/4f03f/logo_4.3.webp 750w,\n/static/311d47843e87ae65d77cbb4362951007/4f506/logo_4.3.webp 1080w,\n/static/311d47843e87ae65d77cbb4362951007/83805/logo_4.3.webp 1200w","sizes":"100vw"},"sources":[]},"width":1,"height":1}}}},"primaryLink":{"title":"Read more","url":"/apps/box-king-gift-bundle-builder/","target":null},"secondaryLink":{"title":"Start free trial","url":"https://apps.shopify.com/box-king-gift-bundle-builder","target":"_blank"},"slug":"box-king-gift-bundle-builder","url":"/apps/box-king-gift-bundle-builder/"}],"lastmod":"2026-10-02"}},
    "staticQueryHashes": ["1083880928","1850027792","2115852241","2249625599","2590265254","3117944600","3394409019","3777654359","842661457"]}