{
    "componentChunkName": "component---src-templates-app-jsx",
    "path": "/apps/progress-indicator-bar/",
    "result": {"pageContext":{"app":{"page_header":{"background":null,"backgroundOpacity":100,"color":null,"fieldGroupName":"page_header","title":"Progress Bar & Deals Motivator","opacity":100,"position":"on","size":{"desktop":64,"tablet":null,"mobile":null},"spaces":{"top":null,"bottom":null,"leftright":null,"units":"em"}},"title":"Progress Bar & Deals Motivator","id":"cG9zdDoyMTAx","slug":"progress-indicator-bar","link":"/apps/progress-indicator-bar/","modifiedGmt":"2026-10-02T12:37:59","productsSliderData":{"title":"Progress Bar & Deals Motivator","image":null,"primaryLink":null,"secondaryLink":null},"acfSchemaApp":{"applicationImage":null,"releaseDate":2024,"offerUrl":"https://apps.shopify.com/progress-bar-deals-motivator","price":5,"availability":"InStock"},"acfApp":{"description":"Our application allows you to add the functionality of receiving gifts to the online store.\r\n\r\nThe more the buyer buys, the more he gets.\r\n\r\nThe application is made in the form of a filling progress bar, which has checkpoints, upon reaching which free goods are added to the cart or delivery will be free, it all depends on the type of checkpoints that you create.\r\n\r\nOur application does not store any personal data of buyers and sellers, so you don’t have to worry about them.\r\n","metaData":{"title":"Progress Bar & Deals Motivator","description":"Boost sales with Progress Bar & Deals Motivator app by UTD. Increase AOV, offer discounts, free shipping & upsell. Get it now!"},"icon":{"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}}}},"sections":[{"fieldGroupName":"app_Acfapp_Sections_AppBanner","subtitle":"Motivates buyers to complete purchases with a goal-oriented progress bar","showTitle":true,"icon":{"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}}}},"backgroundImage":{"localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#282828","images":{"fallback":{"src":"/static/660e3d33e360034de34c03a25495228d/e8b76/Rectangle.png","srcSet":"/static/660e3d33e360034de34c03a25495228d/f054e/Rectangle.png 750w,\n/static/660e3d33e360034de34c03a25495228d/ae1c8/Rectangle.png 1080w,\n/static/660e3d33e360034de34c03a25495228d/e8b76/Rectangle.png 1200w","sizes":"100vw"},"sources":[{"srcSet":"/static/660e3d33e360034de34c03a25495228d/4f03f/Rectangle.webp 750w,\n/static/660e3d33e360034de34c03a25495228d/4f506/Rectangle.webp 1080w,\n/static/660e3d33e360034de34c03a25495228d/83805/Rectangle.webp 1200w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}}}},{"fieldGroupName":"app_Acfapp_Sections_AppSummary","title":"Summary","description":"Our APP growth the AOV allows you to add the functionality of receiving gifts, discounts in the order, free shipping, as well as promotion of the most interesting purchase offers to the online store and upsell. \r\n\r\nThe more the user buys, the more he gets. The application is designed as a fill indicator, which has breakpoints at which free items are added to the cart or delivery is free, it all depends on the type of checkpoints you create. \r\n\r\nAPP has the ability to create additional BOGO offers + CRO.","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":"2024","buttonTitle":"Try for free","buttonLink":"https://apps.shopify.com/progress-bar-deals-motivator"},{"fieldGroupName":"app_Acfapp_Sections_AppRichText","content":"<p><strong>We recommend you to check out our <a href=\"/apps/progress-indicator-bar/manual/#privacy-policy\">Privacy Policy</a> and the <a href=\"/apps/progress-indicator-bar/manual/#manual\">Manual</a> for our app, and below you can find our <a href=\"/apps/progress-indicator-bar/#faq_section\">FAQs</a></strong></p>\n","backgroundColor":"#ffffff","textColor":"#0a0a0a"},{"fieldGroupName":"app_Acfapp_Sections_AppRichText","content":"<section class=\"sp-storytelling sp-block\">\n<div class=\"sp-storytelling__text-full-width animate\">\n<section class=\"sp-storytelling sp-block\">\n<div class=\"sp-storytelling__text-full-width animate\">\n<p><b>Improve your customer service and your sales!</b></p>\n<p>Application functionality:</p>\n<ul>\n<li aria-level=\"1\">Fillable progress bar, which shows how much more you need to buy to get a gift.</li>\n<li aria-level=\"1\">Create up to 4 checkpoints with gifts, discounts and free shipping in Progress.</li>\n<li aria-level=\"1\">Sell more by create offers in widget &#8220;Buy this &amp; Get that with discount 0-100%&#8221;.</li>\n<li aria-level=\"1\">Quick and easy integration as well as complete freedom in customizing the styles</li>\n<li aria-level=\"1\">You can add translations for any language and use custom code js/css inside.</li>\n</ul>\n</div>\n</section>\n<section class=\"sp-storytelling sp-block\">\n<h3 class=\"sp-block__title animate\">Demo</h3>\n<div class=\"sp-storytelling__text-full-width animate\">\n<p><b>See how the app works using the example of a store:</b></p>\n<ol>\n<li aria-level=\"1\">Go to the test store (Link: <a href=\"https://progress-bar-demo.myshopify.com/\" aria-label=\"Go to the test store\">https://progress-bar-demo.myshopify.com/</a>, Password: demo)</li>\n<li aria-level=\"1\">Add some items to your cart</li>\n<li aria-level=\"1\">Open the cart and look at the widget, it will show what you can get, buy more to see how the progress bar fills up and get a gift or free shipping</li>\n<li aria-level=\"1\">See how it works, go to checkout.</li>\n</ol>\n</div>\n<h3 class=\"sp-block__title animate\">Installation guide</h3>\n</section>\n<p><b>Video tutorials:</b></p>\n<ul>\n<li><a href=\"https://www.youtube.com/watch?v=7cW78FVLPhI\">Video Tutorial</a></li>\n</ul>\n<section class=\"sp-storytelling sp-block\">\n<div class=\"sp-storytelling__text-full-width animate\">\n<p><b>Preliminary steps:</b></p>\n<ol>\n<li>Activate an app subscription if not already activated. Without an activated subscription, the widget will not appear in your store.</li>\n<li>Turn on the application.</li>\n<li>Start setting up progress bars and offers.</li>\n</ol>\n</div>\n<p>&nbsp;</p>\n</section>\n<section class=\"sp-storytelling sp-block\">\n<h3 class=\"sp-block__title animate\">Uninstallation guide</h3>\n<div class=\"sp-storytelling__text-full-width animate\">\n<p>First, delete the checkpoints you created, then just delete the app from the store.</p>\n</div>\n<div class=\"sp-storytelling__text-full-width animate\">\n<p><b>Do you have questions?</b></p>\n<p>Contact us.</p>\n<p>email — <a href=\"mailto:support@utdapp.tech\" aria-label=\"Contact us on our email\">support@utdapp.tech</a></p>\n</div>\n</section>\n</div>\n</section>\n<section class=\"sp-storytelling sp-block\">\n<div class=\"sp-storytelling__text-full-width animate\"></div>\n</section>\n","backgroundColor":"#ffffff","textColor":"#000000"},{"fieldGroupName":"app_Acfapp_Sections_AppFaqs","title":"FAQ","bottomOverlayBackground":"#FFFFFF","questions":[{"answer":"<p><strong>Preliminary Step:</strong></p>\n<p>Make sure your app subscription is activated. The theme app extension (app block) will not appear in your store unless the subscription is active.<br />\n<strong>Adding the Widget via the Customizer:</strong></p>\n<p><a href=\"https://youtu.be/7cW78FVLPhI\" target=\"_blank\" rel=\"noopener\">Watch our video tutorial</a></p>\n<ol>\n<li>Go to your Shopify admin dashboard and click on <strong>&#8216;Online Store&#8217;</strong>.</li>\n<li>Select <strong>&#8216;Customize&#8217;</strong> to open the theme editor.</li>\n<li>In the theme editor, navigate to the <strong>Shopping Cart</strong> page.</li>\n<li>Click on <strong>&#8216;Add block&#8217;</strong> and search for the <strong>Progress Bar</strong> application in the drop-down list.</li>\n<li>After selecting the Progress Bar block, click the <strong>&#8216;Save&#8217;</strong> button to apply the changes.</li>\n</ol>\n<p><strong>Congratulations!</strong> The theme app extension (app block) has been successfully added to your store.</p>\n","question":"How do I install the app to my store?"},{"answer":"<p><strong>Common Issues and Solutions:</strong></p>\n<ol>\n<li><strong>Verify Your Subscription:</strong><br />\nEnsure that your app subscription is active. The form will not appear if the subscription is not activated.</li>\n<li><strong>Clear Browser Cache:</strong><br />\nSometimes, changes may not reflect immediately. Clear your browser cache and refresh your store to see if the form appears.</li>\n<li><strong>Check for App Conflicts:</strong><br />\nEnsure there are no other apps or scripts that might be conflicting with the form&#8217;s display. Temporarily disable other apps to test.</li>\n</ol>\n","question":"Why isn't the extension displaying on My Store?"},{"answer":"<p><strong>Creating a Checkpoint:</strong></p>\n<ol>\n<li><strong>Navigate to the Progress Bar page:</strong><br />\nGo to the <strong>&#8220;Progress Bar&#8221;</strong> section within your app.</li>\n<li><strong>View the Demo:</strong><br />\nAt the top of the page, you&#8217;ll see a demo of your progress bar. By default, there are no checkpoints.</li>\n<li><strong>Add a New Checkpoint:</strong><br />\nScroll down to the <strong>&#8220;Add New Checkpoint&#8221;</strong> section.</li>\n<li><strong>Set the Trigger Price:</strong><br />\nEnter the price at which the buyer will receive a gift.</li>\n<li><strong>Select Checkpoint Type:</strong><br />\nChoose the type of checkpoint you want to create:</p>\n<ul>\n<li><strong>Gift:</strong> The buyer receives a free product.<br />\n<em>Note:</em> Clicking the &#8220;Gift&#8221; button will open a product picker. Select the desired product from the picker, and it will be set as the gift.</li>\n<li><strong>Free Shipping:</strong> The buyer will receive free shipping upon reaching the checkpoint.</li>\n</ul>\n</li>\n<li><strong>Manage Checkpoints:</strong><br />\nTo edit or delete a checkpoint, locate it in your progress bar demo and click the edit icon next to the corresponding checkpoint.</li>\n</ol>\n<p><strong>Important Tips:</strong></p>\n<ul>\n<li>Ensure that each checkpoint has a unique price to prevent overlaps.</li>\n<li>Double-check the selected gift product in the picker to ensure it&#8217;s the correct item.</li>\n</ul>\n","question":"How can I create a checkpoint?"},{"answer":"<p><strong>Understanding Checkpoints:</strong></p>\n<p>A checkpoint is a milestone in your store that, when reached by a buyer, grants them a reward such as a gift or free shipping.<br />\n<strong>Types of Checkpoints:</strong></p>\n<ol>\n<li><strong>Gift:</strong>The buyer receives a free product. The gift is selected from your existing product catalog.</li>\n<li><strong>Free Shipping:</strong>The buyer qualifies for free shipping upon reaching this checkpoint.<em>Note:</em> Only one free shipping checkpoint can be created.</li>\n</ol>\n","question":"How do checkpoints work?"},{"answer":"<p><strong>Issue:</strong><br />\nWhen a gift is added to the cart through our application, the page currently reloads. You might prefer to have this process happen without a page refresh for a smoother user experience.</p>\n<p><strong>Solution:</strong><br />\nDue to the diversity of Shopify themes and how each handles cart functionalities, real-time cart updates without reloading aren&#8217;t universally supported. However, we&#8217;ve implemented a workaround to help theme developers achieve this.</p>\n<ol>\n<li><strong>Enable the progressBarWidgetUpdated Event:</strong><br />\nOur application fires a custom <strong>&#8216;progressBarWidgetUpdated&#8217;</strong> event every time it modifies the cart. This event allows you to execute custom code in response to cart changes without requiring a page reload.</li>\n<li><strong>Disable Automatic Page Refresh:</strong><br />\nIn your Shopify theme customizer, navigate to the section where you&#8217;ve added our app block. Here, you&#8217;ll find an option to disable the page refresh specifically after user interactions with our app&#8217;s widget. Enabling this option ensures that the <strong>&#8216;progressBarWidgetUpdated&#8217;</strong> event can handle the cart updates seamlessly without reloading the page. Please note that this setting only affects interactions with our app and does not override any existing page refresh logic implemented by your theme.</li>\n<li><strong>Implement Event Listener in Your Theme:</strong><br />\nTheme developers can subscribe to the <strong>&#8216;progressBarWidgetUpdated&#8217;</strong> event to update the cart dynamically. Add the following JavaScript code to your theme&#8217;s script files:</p>\n<pre class=\"dashboard__accent\">      window.addEventListener(\"progressBarWidgetUpdated\", () =&gt; {\r\n        // Your custom code to update the cart without reloading the page\r\n        // For example, you might re-render the cart sidebar or update cart totals\r\n      });\r\n</pre>\n<p><em>Note:</em> Ensure that your custom code properly handles the cart updates to maintain synchronization between the front-end display and the actual cart contents.</li>\n</ol>\n<p><strong>Need Further Assistance?</strong><br />\nIf you encounter any challenges or need personalized support, please <a href=\"mailto:support@utdapp.tech\" target=\"_blank\" rel=\"noopener\">contact our support team</a>. We&#8217;re here to help you optimize your store&#8217;s functionality!</p>\n","question":"How can I prevent the page from reloading when a gift is added to the cart?"},{"answer":"<p>You can also add offers with our application.</p>\n<p>You need to select the product that the user should buy and the product that the user will receive at a discount. The discount is also set in the offer settings.</p>\n<p>In the widget, when you click on the `Add to cart` button, both products are added to the cart and the page is reloaded.</p>\n<p><strong>Rules for the operation of offers</strong></p>\n<ul>\n<li>If the cart contains both products from an offer or one of the products is out of stock, then the offer will not be displayed in the grid of other offers.</li>\n<li>If you remove the «gift», then the offer will reappear in the grid of other offers.</li>\n<li>If you delete the «main product», then the «gift» will be deleted along with it.</li>\n<li>If you increase the amount of «gift» in the cart by more than 1, then the page will reload and return the amount of «gift» to 1.</li>\n<li>If you add the «main product» of the offer from another place (for example the product page), then the «gift» will not be added. «gift» will be added to the cart only if you add it through the «Add to cart» button in the widget.</li>\n</ul>\n","question":"How can I create a offer?"},{"answer":"<div class=\"dashboard\">\n<div class=\"faq\">\n<div class=\"Polaris-ShadowBevel\">\n<div class=\"Polaris-Box\">\n<div class=\"Polaris-BlockStack\">\n<div>\n<div class=\"faq__collapsible-item\">\n<div id=\"basic-collapsible\" class=\"Polaris-Collapsible Polaris-Collapsible--expandOnPrint\" aria-hidden=\"false\">\n<div class=\"faq__collapsible-content\"><strong>Understanding Offers:</strong><br />\nOffers allow you to provide special deals to your customers by pairing products together with discounts. Here&#8217;s how they work:</p>\n<ol>\n<li><strong>Select Products:</strong><br />\nChoose the primary product that the customer should purchase and the secondary product that they will receive at a discounted rate. You can set the discount amount or percentage in the offer settings.</li>\n<li><strong>Add to Cart:</strong><br />\nWhen a customer clicks the <strong>&#8220;Add to cart&#8221;</strong> button in the extension, both the primary and secondary products are added to the cart automatically, and the page reloads to reflect the changes.</li>\n</ol>\n<p><strong>Rules for Offers:</strong></p>\n<ul>\n<li><strong>Reappearing Offers:</strong> If the customer removes the &#8220;gift&#8221; product from their cart, the offer will reappear in the grid of available offers.</li>\n<li><strong>Deleting Products:</strong> If the customer deletes the &#8220;main product&#8221; from their cart, the associated &#8220;gift&#8221; product will also be removed automatically.</li>\n<li><strong>Adding Products Elsewhere:</strong><br />\nIf the customer adds the &#8220;main product&#8221; of an offer from a different location (e.g., directly from the product page), the &#8220;gift&#8221; will not be added to the cart. The &#8220;gift&#8221; is only added when the &#8220;main product&#8221; is added via the <code>Add to cart</code> button in the widget.</li>\n</ul>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n","question":"How do offers work?"},{"answer":"<p><strong>Issue:</strong><br />\nWhen a offer product is added to the cart through our application, the page currently reloads. You might prefer to have this process happen without a page refresh for a smoother user experience.</p>\n<p><strong>Solution:</strong><br />\nDue to the diversity of Shopify themes and how each handles cart functionalities, real-time cart updates without reloading aren&#8217;t universally supported. However, we&#8217;ve implemented a workaround to help theme developers achieve this.</p>\n<ol>\n<li><strong>Enable the offersWidgetUpdated Event:</strong><br />\nOur application fires a custom <strong>&#8216;offersWidgetUpdated&#8217;</strong> event every time it modifies the cart. This event allows you to execute custom code in response to cart changes without requiring a page reload.</li>\n<li><strong>Disable Automatic Page Refresh:</strong><br />\nIn your Shopify theme customizer, navigate to the section where you&#8217;ve added our app block. Here, you&#8217;ll find an option to disable the page refresh specifically after user interactions with our app&#8217;s widget. Enabling this option ensures that the <strong>&#8216;offersWidgetUpdated&#8217;</strong> event can handle the cart updates seamlessly without reloading the page. Please note that this setting only affects interactions with our app and does not override any existing page refresh logic implemented by your theme.</li>\n<li><strong>Implement Event Listener in Your Theme:</strong><br />\nTheme developers can subscribe to the <strong>&#8216;offersWidgetUpdated&#8217;</strong> event to update the cart dynamically. Add the following JavaScript code to your theme&#8217;s script files:</p>\n<pre class=\"dashboard__accent\">      window.addEventListener(\"offersWidgetUpdated\", () =&gt; {\r\n        // Your custom code to update the cart without reloading the page\r\n        // For example, you might re-render the cart sidebar or update cart totals\r\n      });\r\n</pre>\n<p><em>Note:</em> Ensure that your custom code properly handles the cart updates to maintain synchronization between the front-end display and the actual cart contents.</li>\n</ol>\n<p><strong>Need Further Assistance?</strong><br />\nIf you encounter any challenges or need personalized support, please <a href=\"mailto:support@utdapp.tech\" target=\"_blank\" rel=\"noopener\">contact our support team</a>. We&#8217;re here to help you optimize your store&#8217;s functionality!</p>\n","question":"How can I prevent the page from reloading when a offer product is added to the cart?"},{"answer":"<p><strong>Testing Your Application:</strong><br />\nTo ensure that your application works seamlessly before going live, you can test it in a Shopify development store. Here&#8217;s how to do it:</p>\n<ol>\n<li><strong>Access Your Development Store:</strong><br />\nLog in to your Shopify Partner account and navigate to your <strong>Development Stores</strong> section. Select the store where you want to test the application.</li>\n<li><strong>Select and Confirm a Plan:</strong><br />\nWithin your development store, go to the <strong>Apps</strong> section. Find your application and select the desired plan. Click on the <strong>Confirm</strong> button to proceed.</li>\n<li><strong>Understand Test Subscriptions:</strong><br />\nFor development stores, all subscriptions are set to <strong>test mode</strong>. This means you can explore and use the full features of the app without incurring any charges.</li>\n<li><strong>Verify Functionality:</strong><br />\nTest all aspects of the application to ensure everything functions as expected. This includes adding products, configuring settings, and checking integrations.</li>\n<li><strong>Make Adjustments as Needed:</strong><br />\nIf you encounter any issues or need to tweak settings, you can do so freely in the development environment without affecting your live store.</li>\n</ol>\n","question":"How can I test my application in a Development Store?"},{"answer":"<p><strong>Customizing the Widget&#8217;s Appearance:</strong><br />\nYes, you can customize the appearance of the app block to match your store&#8217;s design. Here&#8217;s how to do it:</p>\n<ol>\n<li><strong>Access the Theme Customizer:</strong><br />\nIn your Shopify admin dashboard, navigate to <strong>&#8216;Online Store&#8217; &gt; &#8216;Themes&#8217;</strong> and click on <strong>&#8216;Customize&#8217;</strong> for the theme where you&#8217;ve added our app block.</li>\n<li><strong>Locate the App Block:</strong><br />\nWithin the theme customizer, find the section where you&#8217;ve installed our app block. This is typically labeled with the app&#8217;s name or a related identifier.</li>\n<li><strong>Adjust Appearance Settings:</strong><br />\nIn the app block settings, you&#8217;ll find various options to customize the widget&#8217;s appearance.</li>\n<li><strong>Add Custom CSS (If Supported by Your Theme):</strong><br />\nWhile our app does not provide built-in custom CSS options, some Shopify themes allow you to add custom CSS within the same section where the app block is added. If your theme supports this:</p>\n<ul>\n<li>Locate the <strong>Custom CSS</strong> field within the app block settings.</li>\n<li>Add your custom CSS rules to further style the widget as desired.</li>\n<li>Click <strong>&#8216;Save&#8217;</strong> to apply your custom styles.</li>\n</ul>\n<p><em>Note:</em> If your theme does not support adding custom CSS in this section, you can add custom styles by editing your theme&#8217;s CSS files directly or by consulting with a Shopify expert.</li>\n<li><strong>Custom Icons:</strong><br />\nIf you choose to upload custom icons for the widget, please note that their colors cannot be changed through the customizer settings. Make sure to upload icons in the desired colors from the start, as the appearance of custom icons is not adjustable within the app settings.</li>\n</ol>\n","question":"Can I change the appearance of the extension?"},{"answer":"<p><strong>Data Privacy and Security:</strong><br />\nNo, our application does not store any personal user data. We are committed to maintaining the privacy and security of your information.</p>\n<p><strong>What We Process:</strong><br />\nProduct Information: Our app processes product details to facilitate the creation of gifts and offers.</p>\n<p><strong>Your Privacy Matters:</strong><br />\nWe prioritize your store&#8217;s data integrity and adhere to Shopify&#8217;s security standards to ensure that your information remains protected.</p>\n","question":"Does the application store any user data?"},{"answer":"<p><strong>Uninstalling the Application:</strong><br />\nRemoving our app from your Shopify store is a straightforward process. Follow these steps to ensure a smooth uninstallation:</p>\n<ol>\n<li><strong>Delete Created Checkpoints:</strong><br />\n&#8211; Delete all checkpoints &amp; offers you have created. This step ensures that no residual data remains after uninstallation.</li>\n<li><strong>Remove the App from Your Store:</strong><br />\n&#8211; Go to your Shopify admin dashboard.<br />\n&#8211; Click on <strong>&#8216;Apps&#8217;</strong> in the sidebar.<br />\n&#8211; Find our application in the list of installed apps.<br />\n&#8211; Click on the app, then select <strong>&#8216;Delete&#8217;</strong> or <strong>&#8216;Uninstall&#8217;</strong> to remove it from your store.</li>\n</ol>\n","question":"How do I uninstall the app from My Store?"},{"answer":"<p><strong>We&#8217;re Here to Help!</strong><br />\nIf you have any questions, need assistance, or want to share feedback about our application, please don&#8217;t hesitate to reach out to us.</p>\n<p><strong>Contact Us:</strong><br />\n<a href=\"mailto:support@utdapp.tech\" target=\"_blank\" rel=\"noopener\">support@utdapp.tech</a></p>\n<p><strong>We&#8217;re committed to providing you with the best possible support to ensure your store&#8217;s success. Feel free to reach out anytime!</strong></p>\n","question":"Do you have any 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":"DiscountX","image":{"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}}}},"primaryLink":{"title":"Read more","url":"/apps/discount-in-cart/","target":null},"secondaryLink":{"title":"Start free trial","url":"https://apps.shopify.com/utd-discount-in-cart-minicart","target":"_blank"},"slug":"discount-in-cart","url":"/apps/discount-in-cart/"},{"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"]}