CINXE.COM

<!doctype html> <html lang="en"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-TMHDF2L");</script>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Essential Countdown Timer Bar - Essential Countdown Timer Bar - Flash Sale Countdown Timer! | Shopify App Store</title> <meta name="description" content="Drive Sales by using Urgency. Countdown timer bar is one of the best ways to motivate buyers to act. Boost your store's conversions during your flash sales! "> <link rel="canonical" href="https://apps.shopify.com/essential-countdown-timer"> <link rel="icon" type="image/x-icon" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/favicon-3d790b3e382c5c5d7167509177c07784a9b8324b90473d7eb43c83dc1967b97d.png" /> <meta property="og:title" content="Essential Countdown Timer Bar - Essential Countdown Timer Bar - Flash Sale Countdown Timer! | Shopify App Store"><meta property="og:description" content="Drive Sales by using Urgency. Countdown timer bar is one of the best ways to motivate buyers to act. Boost your store's conversions during your flash sales! "><meta property="og:image" content="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/icon/CPzKxLTD4_UCEAE=.png"><meta property="og:url" content="https://apps.shopify.com/essential-countdown-timer"><meta property="twitter:card" content="summary"><meta property="twitter:value1" content="Pricing"><meta property="twitter:data1" content="Free plan available"><meta property="twitter:value2" content="Star rating"><meta property="twitter:data2" content="4.9/5"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Essential Countdown Timer Bar","description":"Drive Sales by using Urgency. Countdown timer bar is one of the best ways to motivate buyers to act. Boost your store's conversions during your flash sales! ","image":["https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/icon/CPzKxLTD4_UCEAE=.png"],"operatingSystem":"Shopify","applicationCategory":"DeveloperApplication","brand":"Essential Apps","aggregateRating":{"@type":"AggregateRating","ratingValue":4.9,"ratingCount":865}}</script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="GtL1qkctwcCRSEBUcxfEGpGL_qfr2bSh35zdIumrJzfR_6nxm9vddEg52dNA_80AKzJnOsuntReES3qPItQLwA" /> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer" hreflang="x-default"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer" hreflang="en"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=cs" hreflang="cs"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=da" hreflang="da"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=de" hreflang="de"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=es" hreflang="es"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=fi" hreflang="fi"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=fr" hreflang="fr"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=it" hreflang="it"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=ja" hreflang="ja"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=ko" hreflang="ko"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=nb" hreflang="nb"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=nl" hreflang="nl"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=pl" hreflang="pl"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=sv" hreflang="sv"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=th" hreflang="th"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=tr" hreflang="tr"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=zh-CN" hreflang="zh-CN"> <link rel="alternate" href="https://apps.shopify.com/essential-countdown-timer?locale=zh-TW" hreflang="zh-TW"> <script> window.bugsnagApiKey = 'e6295e2834074504b103aaaf32d1afcd'; </script> <script type="text/javascript" id="dux-data" data-mode=production> (function () { function getData(key) { const dux_info = document.getElementById('dux-data'); if (dux_info && dux_info.dataset && dux_info.dataset[key]) { return dux_info.dataset[key]; } return; } function loadScript(src) { const promise = new Promise(function(resolve, reject){ const script = document.createElement('script'); script.src = src; script.async = true; script.onload = () => { resolve(true); }; script.onerror = () => { reject(false); }; document.head.appendChild(script); }); return promise; } loadScript(`https://cdn.shopify.com/shopifycloud/dux/dux-3.4.1.min.js`).then(() => { Dux.init({ service: 'appstore', mode: getData('mode') || 'development', eventHandlerEndpoint: 'https://apps.shopify.com/.well-known/dux', emitTrekkiePageViewEvent: true, enableGtm: true, enableGtmLoader: false, enableActiveConsent: false, shopId: getData('shop_id'), identityUuid: getData('identity_uuid'), }) }); })(); </script>  <script type="text/javascript"> (function() { var config = { 'Trekkie': { 'appName': 'appstore', 'defaultAttributes': { 'shopId': null, 'appHandle': "essential-countdown-timer", 'v2': true }, 'navigationTimingApiMeasurementsEnabled': true, 'navigationTimingApiMeasurementsSampleRate': 0.01, 'isServerSideCookieWritingEnabled': true }, 'Clickstream': { }, 'Optimizely': {} }; var trekkie_version = '2020.07.23.1'; var analytics = window.analytics = window.analytics || []; if (analytics.integrations) { return; } analytics.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; analytics.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); analytics.push(args); return analytics; }; }; for (var i = 0; i < analytics.methods.length; i++) { var key = analytics.methods[i]; analytics[key] = analytics.factory(key); } analytics.load = function(config) { analytics.config = config; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function() { if (window.bugsnagClient) { window.bugsnagClient.notify('Failed to load Trekkie.'); } }; script.async = true; script.src = '//cdn.shopify.com/s/javascripts/tricorder/trekkie.' + config.Trekkie.appName + '.min.js?v=' + trekkie_version; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); }; analytics.load(config); analytics.page(); })(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?l=partnersDataLayer"></script> <script> window.partnersDataLayer = window.partnersDataLayer || []; function gtag(){partnersDataLayer.push(arguments);} gtag('js', new Date()); </script> <link rel="stylesheet" crossorigin="anonymous" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant-e2d47fcb011410afd978aec2c3ba07c9e895f857e7d87a68d1f48f0f9c4cf986.css" integrity="sha256-vOaOSupCc+FyJV6THnF5oVCyemHNuyanWRX5uGMEHho=" /> <link rel="stylesheet" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/tailwind-85c1cd5745718dca057a7b46df64a4cdd8b37df3ea8e3345a44c601bc0d3f3af.css" data-turbo-track="reload" /> <link rel="stylesheet" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/inter-font-7a30f1aa5d0f997bc5f993c436cf84ad0f46c641565f03872359951c99d9fab6.css" data-turbo-track="reload" /> <meta id="i18nData" data-i18n="{"frontend":{"search_suggestions":{"label":"Search","placeholder":"Search apps","search_placeholder":"Search apps, guides, and more","collections_header":"Recommended collections","categories_header":"Categories","taxonomy_and_category_features":"Categories and features","guides_header":"Guides","suggestions_available":"Suggestions are available. Use up and down arrows to select a suggestion and enter key to use it.","instructions":"As you start typing, we might suggest common search terms. Use up and down arrow keys to select a search term.","taxonomy_header":"Categories and collections","ask_about_header":"Ask about apps","clear_search_suggestions":"Clear","mobile_close_button":"Close search","delete_icon":"Delete recent search"},"carousel":{"aria_label":"App carousel","live_region":"Slide %{slide_number} of %{total_slides}"},"lightbox":{"play":"Play carousel","pause":"Pause carousel","carousel_aria_roledescription":"Carousel","slide_nav_aria_label":"Choose slide","slide_aria_roledescription":"Slide","slide_aria_label":"%{currentSlide} of %{totalSlide}"},"review_modal":{"modal_should_close":"Your review will be lost."},"reply_review_modal":{"confirm_should_close":"Your reply will be lost.","confirm_delete":"Delete reply? This can't be undone.","create_title":"Reply to review","create_action":"Submit reply","update_title":"Edit reply","update_action":"Edit reply","errors":{"duplicate":"This review already has a reply.","create":"You can't reply to this review.","update":"This reply is no longer available.","validate":"You can't update this reply because at least one field in the original reply is no longer valid.","general":"Something went wrong. Please try submitting your reply again."}},"helpers":{"toggle":{"expand":"Show more","collapse":"Show less","more":"more","more_html":"+%{count} more"}},"reviews":{"rated_x_stars":{"one":"Rated 1 star","other":"Rated %{count} stars","few":"Rated %{count} stars","many":"Rated %{count} stars"},"listing_cancel_on_create_text":"Your review will be lost.","listing_cancel_on_update_text":"This will delete all edits you made to the review.","listing_delete_review_header":"Delete review?","listing_delete_review_text":"Deleting your review means others will no longer be able to view it and learn from your experience with this app. Consider updating your review with new information instead of deleting it.","review_listing":{"show_full_review":"Show full review","show_full_reply":"Show full reply","show_less":"Show less","helpful_sr_label_helpful":{"one":"Mark as helpful. One person found this review helpful.","other":"Mark as helpful. %{count} people found this review helpful.","few":"Mark as helpful. %{count} people found this review helpful.","many":"Mark as helpful. %{count} people found this review helpful."},"helpful_sr_label_not_helpful":{"one":"Mark as not helpful. One person found this review helpful.","other":"Mark as not helpful. %{count} people found this review helpful.","few":"Mark as not helpful. %{count} people found this review helpful.","many":"Mark as not helpful. %{count} people found this review helpful."},"helpful_auth_to_rate":"Log in to vote this review as helpful.","helpful_feedback_flash_message":"Thank you for your feedback"},"review_create_error":"To leave a review, the app must be currently installed or have been uninstalled within the past 45 days. Also, you must be on a paid Shopify plan and in good standing.","review_update_error":"This review is no longer available.","review_validate_error":"You can’t update this review because at least one field in the original review is no longer valid.","review_general_error":"Something went wrong. Please try submitting your review again later.","review_account_type_error":"Partners can’t leave reviews on the Shopify App Store. Doing so violates our Partner Program Agreement and Acceptable Use Policy.","review_conflict_error":"We removed your previous review to protect the quality of reviews on our marketplace. You can't leave another review for this app."},"replies":{"modal_create_header":"Reply to review","modal_create_body_label":"Provide some guidance to help the reviewer resolve any problems they are having with your app.","modal_create_primary_action":"Submit reply","modal_update_header":"Update reply","modal_update_body_label":"Update your posted reply. The reviewer will be notified of the new content.","modal_update_primary_action":"Update reply","errors":{"duplicate":"This review already has a reply.","create":"You can’t reply to this review.","update":"This reply is no longer available.","validate":"You can’t update this reply because at least one field in the original reply is no longer valid.","general":"Something went wrong. Please try submitting your reply again.","open_from_hash":"The review you’re looking for couldn’t be found."},"cancel_on_create_text":"Your reply will be lost.","cancel_on_update_text":"This will delete all edits you made to the reply.","delete_header":"Delete reply?","delete_text":"Deleting your reply means others will no longer be able to view it. Consider updating your reply with new information instead of deleting it."},"support_interactions":{"feedback_cancel_text":"Your feedback will be lost.","modal_ok_action":"Ok","close":"Close"},"contact_support":{"modal_close_text":"Are you sure?"}}}"> <meta id="monorailVisitorMetadata" data-monorail-visitor-metadata="{"userToken":"ae4a8259-4a7d-4237-aa60-00dc5b2246c5","sessionToken":"eec40a2d-1205-474d-8d9d-2c9bbf3f7ec5","shopId":null,"locale":"en","clientIp":"8.222.208.146","userAgent":"Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322)","shopPlan":null}"> <script type="text/javascript"> window.I18n = window.I18n || {}; let i18nObjs = [JSON.parse(document.getElementById("i18nData").dataset.i18n)]; window.I18n.data = i18nObjs.reduce(function (accumulator, currentObj) { Object.keys(currentObj).forEach(function (key) { accumulator[key] = currentObj[key]; }); return accumulator; }, {}); window.MonorailVisitorMetadata = JSON.parse(document.getElementById("monorailVisitorMetadata").dataset.monorailVisitorMetadata); </script> <script src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/application_next-5yKB_c6H.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/stimulus-CiiKSaqF.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/decode-7H_ci4_z.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/stimulus-Dd93sZUH.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/client-CaqGOLhX.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/url-helper-B94pzkxz.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/react-BVg_G36Z.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/index-LaIk0l0n.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/BrowserCookieManager-Bfo0rdGW.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/dom-helpers-BHGUo580.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/preload-helper-gXX2zx0f.js" as="script" crossorigin="anonymous"> </head> <body id="AppDetailsShow" class="tw-font-sans tw-antialiased tw-min-w-full tw-min-h-screen tw-flex tw-flex-col">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMHDF2L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header id="AppStoreNavbar" data-section-name="global-nav" class="tw-sticky tw-top-0 tw-h-navHeight--mobile lg:tw-h-navHeight--desktop tw-z-[1000] tw-border-b tw-bg-canvas-primary tw-text-fg-primary tw-border-b-stroke-primary"> <nav class="tw-container tw-h-full tw-mx-auto tw-flex tw-items-center tw-justify-between lg:tw-py-sm tw-bg-[inherit] tw-leading-3"> <div class="tw-grow lg:tw-grow-0"> <a class="tw-block tw-h-[28px] md:tw-h-[32px] xl:tw-h-[36px] tw-w-[175px] md:tw-w-[200px] xl:tw-w-[225px]" aria-label="Shopify App Store logo" href="/"> <span role="img"><svg class="tw-h-full" viewBox="0 0 225 36" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M22.17 35.08zM27.01 6.49c-.13-.01-2.63-.05-2.63-.05s-1.53-1.48-2.1-2.05v30.69l8.9-2.21S27.35 6.96 27.32 6.78c-.02-.16-.15-.27-.31-.29ZM20.15 4.43c-.13-.43-.3-.84-.5-1.24-.75-1.43-1.84-2.18-3.16-2.18-.09 0-.18 0-.27.02-.04-.05-.08-.09-.12-.14-.59-.61-1.33-.91-2.21-.89-1.71.05-3.4 1.28-4.78 3.47-.97 1.54-1.71 3.47-1.92 4.97L3.83 9.48c-.99.31-1.02.34-1.15 1.27-.1.7-2.68 20.71-2.68 20.71l21.46 3.71V4.06c-.11 0-.2.03-.26.04l-1.05.33Zm-3.91 1.21-3.62 1.12c.35-1.34 1.01-2.67 1.83-3.55.3-.33.73-.69 1.23-.9.47.99.57 2.38.56 3.32Zm-2.32-4.5c.4 0 .74.08 1.03.27-.5.27-.95.62-1.32 1.03-1.08 1.16-1.91 2.97-2.24 4.71l-2.97.92c.59-2.74 2.88-6.85 5.52-6.93Zm-3.32 15.6c.11 1.83 4.92 2.22 5.19 6.5.21 3.36-1.78 5.67-4.66 5.85-3.45.22-5.35-1.82-5.35-1.82l.73-3.11s1.91 1.44 3.45 1.35c1-.06 1.36-.88 1.32-1.45-.15-2.38-4.06-2.24-4.31-6.15-.21-3.29 1.95-6.63 6.73-6.93 1.84-.12 2.78.35 2.78.35l-1.09 4.08s-1.22-.55-2.66-.46c-2.12.13-2.14 1.47-2.12 1.8Zm6.78-11.45c-.01-.86-.11-2.07-.52-3.1 1.29.25 1.93 1.71 2.2 2.58-.5.15-1.07.33-1.68.52ZM43.88 20.05c-1.05-.59-1.64-1.08-1.64-1.76 0-.87.8-1.42 2.01-1.42 1.11 0 2.07.31 2.63.59l.99-3.03c-.68-.37-1.92-.71-3.55-.71-3.77 0-6.33 2.13-6.33 5.16 0 1.67 1.21 2.97 2.81 3.89 1.27.74 1.76 1.27 1.76 2.04s-.65 1.45-1.89 1.45c-1.33.03-2.69-.53-3.46-.93l-1.05 3.03c.8.56 2.44 1.02 4.17 1.05 3.86.03 6.61-1.89 6.61-5.28 0-1.82-1.39-3.09-3.06-4.08ZM59.14 13.72c-1.89 0-3.37.9-4.51 2.26l-.06-.03 1.64-8.59h-4.26l-4.14 21.79h4.26l1.42-7.42c.56-2.81 2.01-4.54 3.37-4.54.96 0 1.33.65 1.33 1.58 0 .59-.06 1.27-.19 1.89l-1.61 8.5h4.26l1.67-8.78c.19-.93.31-2.04.31-2.78 0-2.41-1.27-3.86-3.49-3.86ZM72.44 13.72c-5.13 0-8.53 4.64-8.53 9.8 0 3.28 2.04 5.93 5.87 5.93h.03c5.01 0 8.41-4.51 8.41-9.77 0-3.06-1.79-5.96-5.78-5.96Zm-2.1 12.45h-.03c-1.42 0-2.04-1.21-2.04-2.78 0-2.41 1.27-6.4 3.59-6.4 1.51 0 2.01 1.27 2.01 2.57 0 2.6-1.27 6.61-3.52 6.61ZM88.96 13.72c-1.7 0-3.37.93-4.51 2.5h-.06l.25-2.26h-3.77c-.19 1.55-.53 3.86-.87 5.66L77.03 35.2h4.26l1.17-6.3h.09c.49.31 1.45.56 2.5.56 5.01 0 8.28-5.13 8.28-10.32 0-2.84-1.27-5.41-4.39-5.41Zm-4.08 12.51c-.77 0-1.3-.25-1.76-.62l.71-3.99c.49-2.63 1.89-4.39 3.37-4.39 1.3 0 1.7 1.21 1.7 2.35 0 2.75-1.64 6.64-4.02 6.64ZM93.02 29.14h4.27l2.87-15.11H95.9l-2.88 15.11zM98.99 7.57c-1.36 0-2.44 1.08-2.44 2.47 0 1.27.8 2.13 2.01 2.13h.03c1.33 0 2.5-.9 2.5-2.47 0-1.24-.8-2.13-2.1-2.13ZM110.88 14.03h-2.94l.12-.71c.28-1.48 1.11-2.78 2.57-2.78.46 0 .92.07 1.36.22l.8-3.34c-.49-.22-1.27-.37-2.32-.37-1.48 0-3.03.43-4.17 1.42-1.45 1.24-2.13 3.03-2.47 4.85l-.12.71h-1.98l-.62 3.18h1.98l-2.26 11.93h4.26l2.26-11.93h2.94l.59-3.18ZM118.87 20.79c-.62 1.64-.93 2.6-1.27 3.62h-.06c-.06-.99-.19-2.07-.37-3.59l-.68-6.8h-4.48l2.57 13.88c.06.31.03.49-.09.71-.49.96-1.33 1.89-2.32 2.57-.8.59-1.7.96-2.41 1.21l1.17 3.62c.87-.19 2.66-.9 4.17-2.32 1.95-1.82 3.74-4.64 5.59-8.47l5.22-11.19h-4.45l-2.6 6.77ZM141.36 14.43c-.77-.28-1.95-.43-3-.43-5.75 0-9.36 5.87-9.36 10.94 0 2.66 1.36 4.51 3.62 4.51 1.95 0 3.83-1.02 5.53-4.3h.06c-.22 1.67-.4 3.09-.37 3.99h1.3c-.06-1.58.12-3.96.65-6.74l1.58-7.97Zm-2.59 6.4c-.71 3.83-3.43 7.45-5.84 7.45-2.01 0-2.57-1.73-2.53-3.68.03-4.67 3.37-9.43 7.63-9.43.93 0 1.45.09 1.79.22l-1.05 5.44ZM150.97 14c-1.98 0-3.83 1.27-5.16 3.31h-.06l.46-3h-1.27c-.19 1.36-.46 3.15-.83 5.1l-2.97 15.79h1.33l1.17-6.4h.06c.56.31 1.51.65 2.97.65 4.73 0 8.16-5.62 8.16-10.63 0-2.44-1.05-4.82-3.86-4.82Zm-4.17 14.27c-1.21 0-2.19-.31-2.87-.83l.96-5.1c.83-4.48 3.59-7.17 5.69-7.17s2.87 1.98 2.87 3.74c0 3.8-2.72 9.36-6.64 9.36ZM164.82 14c-1.98 0-3.83 1.27-5.16 3.31h-.06l.46-3h-1.27c-.19 1.36-.46 3.15-.83 5.1l-2.97 15.79h1.33l1.17-6.4h.06c.56.31 1.51.65 2.97.65 4.73 0 8.16-5.62 8.16-10.63 0-2.44-1.05-4.82-3.86-4.82Zm-4.17 14.27c-1.21 0-2.19-.31-2.87-.83l.96-5.1c.83-4.48 3.59-7.17 5.69-7.17s2.87 1.98 2.87 3.74c0 3.8-2.72 9.36-6.64 9.36ZM176.53 18.2c0 1.39.8 2.72 2.29 3.68 1.39.9 2.01 1.79 2.01 3.28 0 1.7-1.33 3.09-3.28 3.09-1.08 0-2.07-.43-2.6-.83l-.53 1.11c.49.4 1.67.9 3 .9 2.57 0 4.76-1.64 4.76-4.64 0-1.51-.87-2.87-2.29-3.83-1.21-.83-2.01-1.61-2.01-3 0-1.51 1.21-2.78 3-2.78.87 0 1.64.34 2.1.62l.49-1.14c-.43-.34-1.42-.65-2.44-.65-2.63 0-4.51 1.89-4.51 4.2ZM188.22 28.24c-.93 0-1.33-.53-1.33-1.39 0-.8.12-1.58.31-2.57l1.64-8.84h3.49l.25-1.14h-3.49l.65-3.25-1.48.59-.49 2.66h-2.16l-.22 1.14h2.13l-1.67 8.84c-.25 1.14-.34 1.92-.34 2.72 0 1.24.68 2.41 2.44 2.41.53 0 1.05-.09 1.45-.22l-.09-1.08c-.28.09-.59.12-1.08.12ZM199.65 14c-4.51 0-7.32 5.38-7.32 9.7 0 3.06 1.51 5.75 4.73 5.75h.03c4.79 0 7.29-5.93 7.29-9.74 0-2.69-1.17-5.72-4.73-5.72Zm-2.38 14.27h-.03c-2.32 0-3.52-2.1-3.52-4.7 0-3.8 2.35-8.41 5.81-8.41 2.72 0 3.46 2.6 3.46 4.54 0 3.55-2.35 8.56-5.72 8.56ZM214.12 14.03c-.15 0-.37-.03-.56-.03-1.85 0-3.34 1.58-4.23 3.55h-.06c.16-1.08.29-2.16.4-3.25h-1.21c-.12 1.3-.34 2.97-.71 4.85l-1.89 9.98h1.33l1.42-7.54c.62-3.25 2.78-6.18 4.73-6.18.22 0 .37 0 .49.03l.28-1.42ZM224.16 17.24c0-1.67-1.02-3.25-3.46-3.25-4.23 0-7.23 5.59-7.23 9.86 0 2.84 1.21 5.56 4.67 5.56 1.85 0 3.28-.59 4.05-1.11l-.4-1.05c-.68.4-1.79.99-3.43.99s-2.72-.83-3.25-2.5c-.31-1.08-.28-3.03-.12-3.71 4.85.03 9.18-1.02 9.18-4.79Zm-3.71-2.07c1.39 0 2.32.74 2.32 2.1v.03c0 2.94-3.71 3.59-7.57 3.55.93-3.21 2.97-5.69 5.25-5.69Z"/> </svg> </span> </a> </div> <div class="tw-bg-[inherit] tw-flex tw-flex-grow-0 tw-justify-center tw-items-center lg:tw-px-8 lg:tw-flex-grow"> <div class="search-component tw-w-full tw-max-w-[500px]"> <button name="button" type="submit" class="tw-block tw-w-5 tw-h-full tw-bg-no-repeat tw-bg-center lg:tw-hidden" data-module="ui-search-navbar__activator" aria-label="Search"> <span role="img"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2 8a6 6 0 1 1 12.01.01A6 6 0 0 1 2 8Zm17.7 10.3-5.39-5.4A8 8 0 1 0 0 8a8 8 0 0 0 12.9 6.31l5.4 5.4a1 1 0 1 0 1.4-1.42Z"/></svg> </span> <span class="tw-hidden" aria-hidden="true"> Search </span> </button> <form id="UiSearchInputForm" data-source="autocomplete" class="tw-hidden tw-m-0 tw-relative lg:tw-block" action="/search" accept-charset="UTF-8" method="get"> <div class="tw-absolute tw-top-1/2 -tw-translate-y-1/2 tw-translate-x-lg tw-bg-fg-secondary tw-w-[20px] tw-h-[20px] [mask-image:url(merchant/navbar/search-icon)] [mask-repeat:no-repeat] [mask-position:center] [mask-size:20px] tw-skew-x-0 tw-skew-y-0 tw-rotate-0 tw-scale-x-100 tw-scale-y-100"> </div> <input type="search" name="q" id="q" placeholder="Search apps, guides, and more" class="js-monorail-element-click-tracking tw-w-full tw-max-w-[31.25rem] tw-h-12 tw-border-stroke-primary tw-bg-input-canvas-default tw-border tw-rounded-2xl tw-pl-[44px] tw-pr-14 tw-text-input-default tw-text-fg-primary placeholder:tw-text-fg-tertiary webkit-search-cancel-button:tw-hidden" autocomplete="off" /> </form></div> <div class="tw-bg-[inherit]"> <div class="tw-hidden tw-ml-xl lg:tw-block tw-bg-[inherit]"> <div class="megamenu-component tw-bg-[inherit]"> <button class="tw-group tw-flex tw-whitespace-nowrap tw-items-center tw-text-link-md tw-border-b-2 tw-border-transparent hover:tw-border-[inherit] tw-bg-[inherit] tw-py-2xs" type="button" data-expandable-content data-has-overlay data-open-for-breakpoint="lg" data-content-id="AppStoreMegamenu"> Browse apps <div class="tw-transition-transform tw-origin-center tw-duration-300 tw-rotate-0 tw-ease-out group-[.tw-active]:tw-rotate-180 tw-ml-1.5"> <span role="img"><svg width="10" height="6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.78.22c.3.3.3.77 0 1.06L5.53 5.53c-.3.3-.77.3-1.06 0L.22 1.28A.75.75 0 0 1 1.28.22L5 3.94 8.72.22c.3-.3.77-.3 1.06 0Z"/></svg> </span> </div> </button> <div id="AppStoreMegamenu" class="tw-fixed tw-overflow-hidden tw-left-0 tw-top-[4.5rem] -tw-mt-1 tw-w-full tw-invisible -tw-translate-y-full tw-transition-[visibility,transform] tw-duration-300 tw-ease-out tw-bg-[inherit] tw-z-[-1] [&.tw-active]:tw-visible [&.tw-active]:tw-translate-y-0"> <div class="tw-container tw-flex tw-flex-nowrap tw-pt-xl tw-pb-2xl tw-mx-auto tw-min-h-[350px]"> <div class="tw-w-8/12 tw-pr-xl"> <h2 class="tw-text-body-sm tw-pb-sm tw-opacity-60">Apps by category</h2> <ul class="tw-grid tw-grid-cols-2 tw-grid-flow-row tw-gap-xl"> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Sales channels" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/sales-channels?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Sales channels </span> <p class="tw-text-body-sm tw-opacity-60"> Sync products with marketplaces, product feeds, data backup, point of sale, retail </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Finding products" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/finding-products?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Finding products </span> <p class="tw-text-body-sm tw-opacity-60"> Source products with dropshipping, print on demand, wholesale, suppliers </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Selling products" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/selling-products?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Selling products </span> <p class="tw-text-body-sm tw-opacity-60"> Sell more with subscriptions, digital downloads, payments, COD, product options </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Orders and shipping" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/orders-and-shipping?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Orders and shipping </span> <p class="tw-text-body-sm tw-opacity-60"> Handle fulfillment with order tracking, invoices, order printers, shipping labels </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Store design" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/store-design?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Store design </span> <p class="tw-text-body-sm tw-opacity-60"> Customize storefronts with SEO, translation, currency converters, trust badges </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Marketing and conversion" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/marketing-and-conversion?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Marketing and conversion </span> <p class="tw-text-body-sm tw-opacity-60"> Get customers with reviews, bundles, upsells, checkout, email marketing </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Store management" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/store-management?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Store management </span> <p class="tw-text-body-sm tw-opacity-60"> Scale up with support, chat, FAQs, analytics, workflow automation </p> </a> </li> </ul> </div> <div class="tw-w-4/12 tw-pl-xl tw-relative before:tw-content-[''] before:tw-absolute before:tw-top-0 before:tw-left-0 before:tw-h-full before:tw-border-l before:tw-border-solid before:tw-border-[inherit] before:tw-opacity-20"> <ul class="tw-grid tw-gap-xl"> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="merchant-tech-stack-country-life-foods" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/merchant-tech-stack-country-life-foods?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small@2x-42372e08e9b91f994b24057ca2a2e5e709172b8ab65bed19b0d03ae6fda04c3f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Merchant tech stack</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Country Life Foods</span> </div> </div> </a> </li> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="spotlight-app-loox" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/spotlight-app-loox?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small@2x-acf08800c5ba0fd708a066607ce1adc7df1990c2d3889d878d5d169c9589497f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Featured app</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Turn happy customers into advocates with Loox</span> </div> </div> </a> </li> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="guide-pre-orders" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small@2x-8656333e60aace4c136f23e08fe5731fc2928ebbfa67b67443bc7e1b44818fc4.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Guide</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Drive demand for new products</span> </div> </div> </a> </li> <li class="tw-group/app-stories"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="all-app-stories" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories?surface_detail=whats-new&surface_type=navbar"> <span class="tw-text-heading-md group-hover/app-stories:tw-border-b group-hover/app-stories:tw-pb-2xs"> All app stories </span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="tw-flex tw-flex-nowrap tw-flex-row tw-items-center"> <button class="tw-nav-hamburger tw-block tw-w-5 tw-h-5 tw-bg-no-repeat tw-bg-center tw-ml-lg lg:tw-hidden" type="button" aria-label="Menu"> <span role="img"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16"><path d="M19 9H1a1 1 0 0 1 0-2h18a1 1 0 1 1 0 2Zm0-7H1a1 1 0 0 1 0-2h18a1 1 0 1 1 0 2Zm0 14H1a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2Z"/></svg> </span> </button> <div class="tw-hidden lg:tw-inline"> <div class="login-logout-component"> <a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 js-monorail-element-click-tracking tw-border-transparent hover:tw-text-fg-primary hover:tw-border-fg-primary" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="log-in-btn" data-element-group="nav-bar-megamenu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Fessential-countdown-timer%3Fshow_store_picker%3D1%26surface_detail%3Dmarketing-and-conversion-upsell-and-bundles%26surface_inter_position%3D8%26surface_intra_position%3D7%26surface_type%3Dcategory%26surface_version%3Dredesign&return_to=%2Fessential-countdown-timer%3Fsurface_detail%3Dmarketing-and-conversion-upsell-and-bundles%26surface_inter_position%3D8%26surface_intra_position%3D7%26surface_type%3Dcategory%26surface_version%3Dredesign"> Log in</a> </div> </div> <div class="tw-hidden lg:tw-inline lg:tw-ml-6"> <div class="signup-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="get-started-btn" data-element-group="nav-bar-megamenu" href="https://accounts.shopify.com/store-create?_s=eec40a2d-1205-474d-8d9d-2c9bbf3f7ec5&_y=ae4a8259-4a7d-4237-aa60-00dc5b2246c5&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fessential-countdown-timer%3Fsurface_detail%3Dmarketing-and-conversion-upsell-and-bundles%26surface_inter_position%3D8%26surface_intra_position%3D7%26surface_type%3Dcategory%26surface_version%3Dredesign&signup_types%5B%5D=paid_trial_experience"> Sign up </a> </div> </div> </div> </nav> </header> <div data-section-name="global-nav" class="tw-group tw-appstore-side-navbar tw-w-full tw-h-full tw-bg-canvas-primary tw-bottom-0 tw-overflow-y-auto tw-fixed tw-top-0 tw-right-0 tw-z-[1001] tw-invisible tw-translate-x-full sm:tw-w-96 lg:tw-will-change-auto [&.tw-is-open]:tw-translate-x-0 [&.tw-is-open]:tw-visible" role="dialog" aria-label="Main navigation" aria-modal="true"> <div class="side-menu-component tw-h-full tw-container"> <div class="tw-min-h-full tw-flex tw-flex-col"> <div class="tw-flex tw-justify-end tw-h-navHeight--mobile tw-items-center tw-shrink-0"> <button name="button" type="button" class="tw-appstore-side-menu__close-button tw-bg-no-repeat tw-bg-center tw-box-content tw-h-5 tw-w-5" style="background-image: url(https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/navbar/close-d8135512b5f5d89ef5d4c8ae94041d79fcc8addea0e1b4adf07547db4197b4b8.svg); background-size: 1.25rem" aria-label="close" data-ga-event="Main Nav" data-ga-action="close navigation" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="close-side-menu" data-element-group="side-menu"></button> </div> <div class="tw-flex tw-flex-col tw-pb-xl tw-grow tw-gap-y-8 tw-justify-between"> <div class="tw-pb-8"> <div aria-hidden="true" class="tw-text-heading-md tw-text-fg-tertiary tw-mb-md"> Apps by category </div> <ul aria-label="Apps by category"> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Sales channels" data-element-group="side-menu" href="https://apps.shopify.com/categories/sales-channels?surface_detail=navbar-categories&surface_type=navbar">Sales channels</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Finding products" data-element-group="side-menu" href="https://apps.shopify.com/categories/finding-products?surface_detail=navbar-categories&surface_type=navbar">Finding products</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Selling products" data-element-group="side-menu" href="https://apps.shopify.com/categories/selling-products?surface_detail=navbar-categories&surface_type=navbar">Selling products</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Orders and shipping" data-element-group="side-menu" href="https://apps.shopify.com/categories/orders-and-shipping?surface_detail=navbar-categories&surface_type=navbar">Orders and shipping</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Store design" data-element-group="side-menu" href="https://apps.shopify.com/categories/store-design?surface_detail=navbar-categories&surface_type=navbar">Store design</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Marketing and conversion" data-element-group="side-menu" href="https://apps.shopify.com/categories/marketing-and-conversion?surface_detail=navbar-categories&surface_type=navbar">Marketing and conversion</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Store management" data-element-group="side-menu" href="https://apps.shopify.com/categories/store-management?surface_detail=navbar-categories&surface_type=navbar">Store management</a> </li> </ul> <div aria-hidden="true" class="tw-text-heading-md tw-text-fg-tertiary tw-mt-xl tw-mb-md"> App stories </div> <ul aria-label="App stories"> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="merchant-tech-stack-country-life-foods" data-element-group="side-menu" href="https://apps.shopify.com/stories/merchant-tech-stack-country-life-foods?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small@2x-42372e08e9b91f994b24057ca2a2e5e709172b8ab65bed19b0d03ae6fda04c3f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Merchant tech stack</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Country Life Foods</span> </div> </div> </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="spotlight-app-loox" data-element-group="side-menu" href="https://apps.shopify.com/stories/spotlight-app-loox?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small@2x-acf08800c5ba0fd708a066607ce1adc7df1990c2d3889d878d5d169c9589497f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Featured app</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Turn happy customers into advocates with Loox</span> </div> </div> </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="guide-pre-orders" data-element-group="side-menu" href="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small@2x-8656333e60aace4c136f23e08fe5731fc2928ebbfa67b67443bc7e1b44818fc4.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Guide</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Drive demand for new products</span> </div> </div> </a> </li> <li class="tw-mt-8"> <a class="js-monorail-element-click-tracking tw-text-heading-md hover:tw-border-b hover:tw-pb-2xs" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="all-app-stories" data-element-group="side-menu" href="https://apps.shopify.com/stories?surface_detail=whats-new&surface_type=navbar">All app stories</a> </li> </ul> </div> <div> <ul> <li class="tw-mb-md"> <div class="signup-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="get-started-btn" data-element-group="side-menu" href="https://accounts.shopify.com/store-create?_s=eec40a2d-1205-474d-8d9d-2c9bbf3f7ec5&_y=ae4a8259-4a7d-4237-aa60-00dc5b2246c5&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fessential-countdown-timer%3Fsurface_detail%3Dmarketing-and-conversion-upsell-and-bundles%26surface_inter_position%3D8%26surface_intra_position%3D7%26surface_type%3Dcategory%26surface_version%3Dredesign&signup_types%5B%5D=paid_trial_experience"> Sign up </a> </div> </li> <li> <div class="login-logout-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="all" data-element="log-in-btn" data-element-group="side-menu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Fessential-countdown-timer%3Fshow_store_picker%3D1%26surface_detail%3Dmarketing-and-conversion-upsell-and-bundles%26surface_inter_position%3D8%26surface_intra_position%3D7%26surface_type%3Dcategory%26surface_version%3Dredesign&return_to=%2Fessential-countdown-timer%3Fsurface_detail%3Dmarketing-and-conversion-upsell-and-bundles%26surface_inter_position%3D8%26surface_intra_position%3D7%26surface_type%3Dcategory%26surface_version%3Dredesign"> Log in </a> </div> </ul> </div> </div> </div> </div> </div> <div data-section-name="global-nav" class="tw-group tw-appstore-side-search tw-w-full tw-h-full tw-bg-canvas-primary tw-bottom-0 tw-overflow-y-auto tw-fixed tw-top-0 tw-right-0 tw-z-[1001] tw-invisible tw-translate-x-full sm:tw-w-96 lg:tw-will-change-auto [&.tw-is-open]:tw-translate-x-0 [&.tw-is-open]:tw-visible sm:tw-w-full sm:tw-h-16 sm:tw-overflow-visible sm:tw-pb-0" role="dialog" aria-label="Main navigation" aria-modal="true"> <div id="UiSearchNavbar" class="tw-h-full tw-container"> <form id="UiSearchSuggestionForm" class="tw-w-full sm:tw-relative tw-flex tw-items-center sm:tw-h-full" action="/search" role="search" data-source="autocomplete"> <input type="hidden" name="st_source" id="st_source" value="" autocomplete="off" /> </form> </div> </div> <main class="tw-grow"> <section id="adp-banners" class="tw-bg-canvas-accent-orange tw-border-stroke-accent-orange" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="1" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="non-compliant-banner"> <div class="tw-container"> </div> </section> <section id="adp-admin-banner" class="tw-bg-canvas-accent-lime tw-border-stroke-accent-lime" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="2" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="admin-banner"> <div class="tw-container"> </div> </section> <div class="tw-container tw-my-xl md:tw-my-2xl lg:tw-my-3xl"> <div class="tw-grid tw-grid-cols-12 tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-items-start"> <div class="tw-col-span-full lg:tw-col-span-3 lg:tw-sticky lg:tw-top-navOffset--desktop tw-mb-lg lg:tw-mb-0"> <section id="adp-hero" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="3" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="hero"> <div class="tw-flex tw-flex-col xs:tw-flex-row lg:tw-flex-col tw-gap-xl"> <div class="tw-grow tw-flex tw-flex-col tw-gap-xl"> <div class="tw-flex tw-flex-col tw-gap-xl"> <div class="tw-flex tw-gap-md tw-items-stretch"> <figure class="tw-overflow-hidden tw-shrink-0 tw-rounded-sm tw-w-3xl tw-h-3xl lg:tw-w-appIcon--sm lg:tw-h-appIcon--sm tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="Essential Countdown Timer Bar" class="tw-rounded-sm tw-block tw-w-full" src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/icon/CPzKxLTD4_UCEAE=.png" /> </figure> <div class="tw-flex tw-flex-col tw-justify-center"> <h1 class="tw-text-heading-lg tw-whitespace-normal tw-hyphens tw-text-balance -tw-my-xs"> Essential Countdown Timer Bar </h1> <div class="tw-mt-sm"> <div data-controller="popover-modal" data-popover-modal-focus-on-open-value="false" data-popover-modal-close-if-click-outside-value="true" data-popover-modal-backdrop-visible-class="max-md:eco-modal-backdrop--visible" data-popover-modal-popover-visible-class="max-md:eco-modal--open" data-action="keydown.esc->popover-modal#close click->popover-modal#nop:stop resize@window->popover-modal#close" class="tw-relative"> <button data-popover-modal-target="activator" data-action="click->popover-modal#toggle" class="tw-cursor-help md:tw-hidden" aria-hidden="true"> <span class="tw-text-label-sm tw-bg-canvas-accent-bfs tw-text-fg-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </button> <button data-popover-modal-target="activator" data-action="mouseenter->popover-modal#open mouseleave->popover-modal#close" class="tw-cursor-help tw-hidden md:tw-block"> <span class="tw-text-label-sm tw-bg-canvas-accent-bfs tw-text-fg-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </button> <div role="dialog" class="md:tw-absolute eco-popover-modal-mobile tw-z-[99999] md:tw-left-0 tw-mt-1 md:tw-p-4 tw-bg-canvas-primary tw-border tw-border-stroke-secondary tw-hidden tw-shadow-lg tw-rounded-tl-md tw-rounded-tr-md md:tw-rounded-md md:tw-py-sm md:tw-px-md md:tw-rounded-sm tw-mt-sm" tabIndex="-1" data-popover-modal-target="popover"> <div class="max-md:eco-modal-section max-md:eco-modal-section--visible max-md:tw-flex"> <div class="max-md:eco-modal-body tw-pt-4 md:tw-pt-0 max-md:tw-min-h-0 max-md:tw-pt-0"> <p class="md:tw-w-8xl tw-text-body-md md:tw-text-body-xs tw-text-pretty"> Meets Shopify's highest quality standards for speed, ease of use, and merchant value </p> </div> </div> </div> <div class="eco-modal-backdrop" data-popover-modal-target="backdrop" data-action="click->popover-modal#close:stop"></div> </div> </div> </div> </div> </div> <dl class="tw-flex lg:tw-flex-col lg:tw-gap-xl lg:tw-border-t lg:tw-border-t-stroke-secondary lg:tw-pt-xl"> <div class="tw-border-r tw-border-r-stroke-secondary lg:tw-border-0 tw-pr-lg md:tw-pr-xl lg:tw-pr-0 tw-mr-lg md:tw-mr-xl lg:tw-mr-0"> <dt class="tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs">Pricing</dt> <dd class="tw-text-body-sm tw-text-fg-secondary"> <div class="tw-hidden sm:tw-block tw-text-pretty"> Free plan available. Free trial available. </div> <div class="sm:tw-hidden" aria-hidden="true"> Free plan available </div> </dd> </div> <dl class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-flex lg:tw-flex-col lg:tw-gap-2xs tw-border-t tw-border-t-stroke-secondary lg:tw-border-0 tw-pt-sm lg:tw-pt-0 tw-mb-lg lg:tw-mb-0 tw-hidden lg:tw-block"> <dt class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Highlights </dt> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-gap-xs"> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Popular with businesses in Singapore </span> </dd> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Use directly in Shopify admin </span> </dd> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Works with the latest themes </span> </dd> </div> </dl> <div class="tw-border-r tw-border-r-stroke-secondary lg:tw-border-0 tw-pr-lg md:tw-pr-xl lg:tw-pr-0 tw-mr-lg md:tw-mr-xl lg:tw-mr-0"> <dt class="tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs">Rating</dt> <dd class="tw-flex tw-items-center tw-gap-2xs tw-text-body-sm"> <span class="tw-text-fg-secondary">4.9</span> <span class="tw-shrink-0 -tw-mt-2xs"><svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </span> <span> <a class="tw-group tw-text-link-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-whitespace-nowrap tw-font-[450] !tw-border-b" aria-label="865 Reviews" id="reviews-link" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="app_details_page" data-element="reviews_link" data-element-group="adp_hero" href="#adp-reviews"> (865) </a> </span> </dd> </div> <div> <dt class="tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs">Developer</dt> <dd class="tw-text-body-sm"> <a class="tw-group tw-text-link-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-font-[450] !tw-border-b" href="/partners/essentials25"> Essential Apps </a> </dd> </div> </dl> </div> <div class="tw-shrink-0"> <div id="ga-viewItem" class="tw-flex tw-flex-col tw-gap-sm"> <form target="_blank" rel="noopener" class="button_to" method="post" action="/login/initiate_shopify_auth_without_shop"><button class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-w-full tw-px-6 tw-py-4 tw-text-link-md md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="f84bf9e49eca8bd84c2af7488461363b" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="essential-countdown-timer" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-STQ3QMMJFN" data-partner-tracking-label="essential-countdown-timer" data-partner-tracking-value="6" data-partner-tracking-id="629188681" data-partner-tracking-name="Essential Countdown Timer Bar" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="yPStUQ_xU1K_ej25bFVaevOpqQNPbKp_uVo5D1yTuCsD2fEK0wdP5mYLpD5fvVNgSRAwnm8Sq8nijZ6il-yU3A" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="f84bf9e49eca8bd84c2af7488461363b" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/essential-countdown-timer?show_store_picker=1&surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/essential-countdown-timer" autocomplete="off" /></form> <div class="tw-my-md tw-justify-center tw-flex tw-flex-nowrap tw-items-center"> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://essentialapps.myshopify.com/products/nara-termo-flask?_bt=BAh7BkkiC19yYWlscwY6BkVUewhJIglkYXRhBjsAVEkiIGVzc2VudGlhbGFwcHMubXlzaG9waWZ5LmNvbQY7AEZJIghleHAGOwBUSSIdMjAyNC0xMS0yM1QxNDo1MzoxMy4zNTlaBjsAVEkiCHB1cgY7AFRJIh5wZXJtYW5lbnRfcGFzc3dvcmRfYnlwYXNzBjsARg%3D%3D--2e5c02f39a7135fcfa7f9020052b14f2734afdc3"> View demo store </a> </div> </div> </div> </div> </section> </div> <div class="tw-col-span-full lg:tw-col-span-8 lg:tw-pl-gutter--desktop"> <section id="adp-details-section" class="tw-scroll-my-2xl xl:tw-scroll-my-xl" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="4" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="details-section"> <div class="tw-h-full tw-mb-xl"> <div class="gallery-component"> <div class="gallery-images--desktop tw-hidden lg:tw-grid lg:tw-grid-cols-[75%_1fr] lg:tw-gap-lg" data-screenshot-count="10"> <h2 class="tw-sr-only">Featured images gallery</h2> <div class="gallery-component__items"> <div class="gallery-component__item tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden tw-cursor-pointer" data-screenshot-index="0" data-tabindex="0"> <iframe src="https://www.youtube-nocookie.com/embed/JOY7cyp5ktI?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Essential Countdown Timer Bar" frameborder="0" allowfullscreen="allowfullscreen" class="tw-aspect-[16/9] tw-w-full " data-app-detail-video="true"></iframe> </div> </div> <ul class="gallery-component__content gallery-component__items tw-relative tw-flex tw-flex-col tw-justify-between"> <li class="gallery-component__item tw-relative tw-cursor-pointer tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden" data-screenshot-index="1" data-tabindex="0"> <img alt="Essential Shopify countdown timer bar to increase sales" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CKG8u6el2IYDEAE=.jpeg?height=360&quality=90&width=640 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CKG8u6el2IYDEAE=.jpeg?height=360&quality=90&width=640 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CKG8u6el2IYDEAE=.jpeg?height=360&quality=90&width=640" /> </li> <li class="gallery-component__item tw-relative tw-cursor-pointer tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden" data-screenshot-index="2" data-tabindex="0"> <img alt="Essential Shopify product page countdown timer to boost sales" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/COb65PXLnoYDEAE=.jpeg?height=360&quality=90&width=640 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/COb65PXLnoYDEAE=.jpeg?height=360&quality=90&width=640 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/COb65PXLnoYDEAE=.jpeg?height=360&quality=90&width=640" /> </li> <li class="gallery-component__item tw-relative tw-cursor-pointer tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden" data-screenshot-index="3" data-tabindex="0"> <img alt="Essential Shopify cart countdown to reduce cart abandonment" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNSw7vXLnoYDEAE=.jpeg?height=360&quality=90&width=640 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNSw7vXLnoYDEAE=.jpeg?height=360&quality=90&width=640 2x" class="tw-w-full tw-opacity-50" src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNSw7vXLnoYDEAE=.jpeg?height=360&quality=90&width=640" /> <div class="tw-absolute tw-text-body-xs tw-w-full tw-h-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-left-0"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm"> + 6 more </button> </div> </li> </ul> </div> <div class="gallery-images--mobile lg:tw-hidden" data-screenshot-count="10"> <ul class="gallery-component__content tw-flex tw-overflow-x-auto tw-snap-x tw-snap-mandatory -tw-mx-lg"> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="0"> <iframe src="https://www.youtube-nocookie.com/embed/JOY7cyp5ktI?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Essential Countdown Timer Bar" frameborder="0" allowfullscreen="allowfullscreen" class="tw-aspect-[16/9] tw-w-full " data-app-detail-video="true"></iframe> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="1"> <img alt="Essential Shopify countdown timer bar to increase sales" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CKG8u6el2IYDEAE=.jpeg?height=720&quality=90&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CKG8u6el2IYDEAE=.jpeg?height=720&quality=90&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CKG8u6el2IYDEAE=.jpeg?height=720&quality=90&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="2"> <img alt="Essential Shopify product page countdown timer to boost sales" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/COb65PXLnoYDEAE=.jpeg?height=720&quality=90&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/COb65PXLnoYDEAE=.jpeg?height=720&quality=90&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/COb65PXLnoYDEAE=.jpeg?height=720&quality=90&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="3"> <img alt="Essential Shopify cart countdown to reduce cart abandonment" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNSw7vXLnoYDEAE=.jpeg?height=720&quality=90&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNSw7vXLnoYDEAE=.jpeg?height=720&quality=90&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNSw7vXLnoYDEAE=.jpeg?height=720&quality=90&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="4"> <img alt="Essential Shopify countdown timer announcement bar banner" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNi2-PXLnoYDEAE=.jpeg?height=720&quality=90&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNi2-PXLnoYDEAE=.jpeg?height=720&quality=90&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNi2-PXLnoYDEAE=.jpeg?height=720&quality=90&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="5"> <img alt="Essential Shopify password page countdown timer bar " srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CM_GgfbLnoYDEAE=.jpeg?height=720&quality=90&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CM_GgfbLnoYDEAE=.jpeg?height=720&quality=90&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CM_GgfbLnoYDEAE=.jpeg?height=720&quality=90&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="6"> <img alt="Essential Shopify email countdown timer for klaviyo and shopify" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CLz4ivbLnoYDEAE=.jpeg?height=720&quality=90&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CLz4ivbLnoYDEAE=.jpeg?height=720&quality=90&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CLz4ivbLnoYDEAE=.jpeg?height=720&quality=90&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="7"> <img alt="Highly costumizable Shopify countdown timer bar" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMH0lfbLnoYDEAE=.jpeg?height=720&quality=90&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMH0lfbLnoYDEAE=.jpeg?height=720&quality=90&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMH0lfbLnoYDEAE=.jpeg?height=720&quality=90&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="8"> <img alt="Mobile friendly and responsive Shopify countdown timer bar" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CNS-n_bLnoYDEAE=.jpeg?height=720&quality=90&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CNS-n_bLnoYDEAE=.jpeg?height=720&quality=90&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CNS-n_bLnoYDEAE=.jpeg?height=720&quality=90&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="9"> <img alt="Essential Shopify countdown timer bar with best support" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMWDqfbLnoYDEAE=.jpeg?height=720&quality=90&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMWDqfbLnoYDEAE=.jpeg?height=720&quality=90&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMWDqfbLnoYDEAE=.jpeg?height=720&quality=90&width=1280" /> </li> </ul> </div> <div class="lightbox-container tw-bg-fg-primary/90 tw-p-0 tw-w-full tw-top-0 tw-left-0 tw-text-center -tw-z-[1] tw-opacity-0 tw-min-h-[100vh]" aria-hidden="true" tabindex="-1"> <div class="lightbox tw-flex tw-flex-col tw-justify-center tw-items-center tw-min-w-[100vw] tw-min-h-[100vh] tw-overflow-hidden tw-ml-auto tw-mr-auto tw-relative tw-text-left" role="dialog" tabindex="-1" aria-labelledby="Lightbox" aria-modal=true> <div class="lightbox__header tw-relative tw-top-0 tw-left-0 tw-w-full tw-z-[1]"> <div class="lightbox__controls tw-min-w-full tw-ml-auto tw-mr-auto tw-pl-xl tw-pr-xl tw-text-right"> <button type="button" class="close_lightbox_button lightbox__close tw-p-[10px] tw-mt-[10px] -tw-mr-[10px] tw-opacity-[0.7] hover:tw-opacity-1"> <img class="tw-block tw-w-full tw-w-[17px] tw-h-[17px] lg:tw-w-[24px] lg:tw-h-[24px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/app_details_page/cancel-d058d581dd19a46a0bb7ce3c37bd784ce2d50919d358e37d088527fd7118d4aa.svg" /> <span class="tw-sr-only">Close</span> </button> </div> </div> <div class="lightbox__content tw-min-w-full tw-flex tw-flex-grow tw-flex-col tw-justify-center tw-items-center"> <div class="lightbox-content-container tw-block tw-w-full lg:tw-max-w-[80%] tw-pb-[54px] lg:tw-px-xl"> <ul class="lightbox-carousel-content tw-relative"> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <iframe src="https://www.youtube-nocookie.com/embed/JOY7cyp5ktI?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Essential Countdown Timer Bar" frameborder="0" allowfullscreen="allowfullscreen" class="tw-aspect-[16/9] tw-w-full " data-app-detail-video="true"></iframe> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Essential Shopify countdown timer bar to increase sales" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CKG8u6el2IYDEAE=.jpeg?height=900&quality=90&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CKG8u6el2IYDEAE=.jpeg?height=1800&quality=90&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CKG8u6el2IYDEAE=.jpeg?height=900&quality=90&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Essential Shopify product page countdown timer to boost sales" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/COb65PXLnoYDEAE=.jpeg?height=900&quality=90&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/COb65PXLnoYDEAE=.jpeg?height=1800&quality=90&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/COb65PXLnoYDEAE=.jpeg?height=900&quality=90&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Essential Shopify cart countdown to reduce cart abandonment" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNSw7vXLnoYDEAE=.jpeg?height=900&quality=90&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNSw7vXLnoYDEAE=.jpeg?height=1800&quality=90&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNSw7vXLnoYDEAE=.jpeg?height=900&quality=90&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Essential Shopify countdown timer announcement bar banner" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNi2-PXLnoYDEAE=.jpeg?height=900&quality=90&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNi2-PXLnoYDEAE=.jpeg?height=1800&quality=90&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CNi2-PXLnoYDEAE=.jpeg?height=900&quality=90&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Essential Shopify password page countdown timer bar " srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CM_GgfbLnoYDEAE=.jpeg?height=900&quality=90&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CM_GgfbLnoYDEAE=.jpeg?height=1800&quality=90&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CM_GgfbLnoYDEAE=.jpeg?height=900&quality=90&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Essential Shopify email countdown timer for klaviyo and shopify" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CLz4ivbLnoYDEAE=.jpeg?height=900&quality=90&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CLz4ivbLnoYDEAE=.jpeg?height=1800&quality=90&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/desktop_screenshot/CLz4ivbLnoYDEAE=.jpeg?height=900&quality=90&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Highly costumizable Shopify countdown timer bar" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMH0lfbLnoYDEAE=.jpeg?height=900&quality=90&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMH0lfbLnoYDEAE=.jpeg?height=1800&quality=90&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMH0lfbLnoYDEAE=.jpeg?height=900&quality=90&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Mobile friendly and responsive Shopify countdown timer bar" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CNS-n_bLnoYDEAE=.jpeg?height=900&quality=90&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CNS-n_bLnoYDEAE=.jpeg?height=1800&quality=90&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CNS-n_bLnoYDEAE=.jpeg?height=900&quality=90&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Essential Shopify countdown timer bar with best support" srcset="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMWDqfbLnoYDEAE=.jpeg?height=900&quality=90&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMWDqfbLnoYDEAE=.jpeg?height=1800&quality=90&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/mobile_screenshot/CMWDqfbLnoYDEAE=.jpeg?height=900&quality=90&width=1600" /> </li> </ul> <div class="lightbox-carousel-navigation"> <button class="lightbox-carousel-action lightbox-carousel-action--prev tw-rounded-md tw-w-[26px] tw-h-xl lg:tw-w-[42px] lg:tw-h-2xl tw-left-xl"> <img class="tw-w-full" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/app_details_page/left-arrow-f4c4cc53bff86d57a53fa21c5e2d5c71d5261937312a9b340ef8e49770e6dc22.svg" /> <span class="tw-sr-only"> Previous </span> </button> <button class="lightbox-carousel-action lightbox-carousel-action--next tw-rounded-md tw-w-[26px] tw-h-xl lg:tw-w-[42px] lg:tw-h-2xl tw-right-xl"> <img class="tw-w-full" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/app_details_page/right-arrow-64534620bae722d9621ffc64705dfb9e573d326c0365448f297022d1178b0e8f.svg" /> <span class="tw-sr-only"> Next </span> </button> </div> </div> </div> </div> </div> </div> </div> <div class="tw-mb-2xl"> <div id="app-details" class="tw-flex tw-flex-col tw-gap-lg"> <h2 class="tw-text-heading-lg tw-text-pretty"> Increase Your Sales with Sale Countdown Timer (when people see a count down timer, they rush to buy) </h2> <p class="tw-hidden lg:tw-block tw-text-body-md tw-text-fg-secondary"> Sale timer is a new secret method to boost your sales! It triggers urgency, scarcity and fomo, driving your customers to Buy NOW, instead of "Buy Later". Wanna sell more? Use this app every day, or use it for specific days (promotion, pre-orders, product launches, flash sale, holidays). Time clock is perfect for the best results during Black Friday, Cyber Monday & beyond. Just click 'Install' and join merchants who use this app to make more money. </p> <div class="lg:tw-hidden tw-text-body-md tw-text-fg-secondary" data-truncate-app-details> <span data-truncate-content-copy> Sale timer is a new secret method to boost your sales! It triggers urgency, scarcity and fomo, driving your customers to Buy NOW, instead of "Buy Later". Wanna sell more? Use this app every day, or use it for specific days (promotion, pre-orders, product launches, flash sale, holidays). Time clock is perfect for the best results during Black Friday, Cyber Monday & beyond. Just click 'Install' and join merchants who use this app to make more money. </span> <span data-truncate-content-toggle class='tw-mt-xs tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-fg-primary tw-hidden tw-text-link-md hover:tw-text-fg-highlight-primary hover:tw-border-transparent'> more </span> </div> <ul class="tw-list-disc tw-pl-lg"> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Boost Storewide Sales: By setting an announcement bar timer (top bar or bottom). </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Increase Conversions: add a product timer, countdown banner or cart countdown. </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Prevent Cart Abandonment: By using a cart timer (checkout timer) in your cart. </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Match Counter Style: Customize text, colors, type, timer schedule & placements. </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Set Any Schedule: To-date, daily recurring, or evergreen fixed-minute countdown. </li> </ul> </div> </div> <div class="lg:tw-hidden"> <dl class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-flex lg:tw-flex-col lg:tw-gap-2xs tw-border-t tw-border-t-stroke-secondary lg:tw-border-0 tw-pt-sm lg:tw-pt-0 tw-mb-lg lg:tw-mb-0 "> <dt class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Highlights </dt> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-gap-xs"> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Popular with businesses in Singapore </span> </dd> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Use directly in Shopify admin </span> </dd> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Works with the latest themes </span> </dd> </div> </dl> </div> <div class="tw-flex tw-flex-col tw-gap-lg lg:tw-gap-2xl"> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <p class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0">Languages</p> <div class="tw-col-span-full sm:tw-col-span-3"> <p class="tw-text-fg-secondary tw-text-body-md">English, French, German, Italian, Spanish, Portuguese (Brazil), and Japanese</p> </div> </div> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-flex tw-pt-sm"> <p class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Works with </p> <span class="tw-col-span-full sm:tw-col-span-3 tw-text-fg-secondary tw-text-body-md"> PageFly Landing Page Builder, Klaviyo: Email Marketing & SMS, Omnisend Email Marketing & SMS, Seguno Email Marketing, Yotpo Email Marketing & SMS </span> </div> </div> <div data-controller="accordion" data-accordion-open-only-one-value="true" class="tw-mt-lg lg:tw-mt-2xl"> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <p class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Categories </p> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-gap-lg"> <div class="tw-group" data-accordion-target="wrapper" > <div class="tw-flex tw-justify-between tw-mb-xl"> <div> <a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer?surface_detail=essential-countdown-timer&surface_type=app_details"> Countdown timer </a> </div> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-sm tw-py-xs tw-text-link-xs tw-bg-canvas-tertiary tw-border-0 tw-block" aria-expanded="false" data-action="click->accordion#toggle" data-accordion-target="button"> <span class="show-button group-[.open]:tw-hidden"> Show features </span> <span class="hide-button tw-hidden group-[.open]:tw-block"> Hide features </span> </button> </div> <div class="tw-overflow-hidden tw-transition-all tw-ease-out tw-duration-500 tw-h-0 group-[.open]:tw-h-auto group-[.open]:!tw-h-[calc-size(auto,size)]"> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Display options </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.display_options.custom_css&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Custom CSS</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.display_options.colors_and_fonts&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Colors and fonts</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.display_options.custom_text&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Custom text</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.display_options.custom_position&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Custom position</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.display_options.announcement_bar&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Announcement bar</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.display_options.sticky_banner&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Sticky banner</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.display_options.animation&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Animation</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.display_options.cart_page&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Cart page</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.display_options.landing_page&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Landing page</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.display_options.product_page&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Product page</a></li> </ul> </div> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Timing options </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timing_options.recurring&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Recurring</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timing_options.scheduled&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Scheduled</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timing_options.date_range&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Date range</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timing_options.event_based&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Event-based</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timing_options.fixed_end_date&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Fixed end date</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timing_options.fixed_minute&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Fixed minute</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timing_options.one_time&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> One-time</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timing_options.session_based&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Session-based</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timing_options.timed_session&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Timed session</a></li> </ul> </div> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Timer type </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timer_type.daily_deals&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Daily deals</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timer_type.flash_sale&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Flash sale</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timer_type.time_limited_promotion&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Time-limited promotion</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timer_type.expiration_date&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Expiration date</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timer_type.special_event&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Special event</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timer_type.pre_order&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Pre-order</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timer_type.product_launch&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Product launch</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timer_type.shipping_cut_off&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Shipping cut-off</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles-countdown-timer/all?feature_handles%5B%5D=countdown_timer.timer_type.store_launch&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Store launch</a></li> </ul> </div> </div> </div> <div class="tw-group" data-accordion-target="wrapper" > <div class="tw-flex tw-justify-between tw-mb-xl"> <div> <a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners?surface_detail=essential-countdown-timer&surface_type=app_details"> Banners </a> </div> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-sm tw-py-xs tw-text-link-xs tw-bg-canvas-tertiary tw-border-0 tw-block" aria-expanded="false" data-action="click->accordion#toggle" data-accordion-target="button"> <span class="show-button group-[.open]:tw-hidden"> Show features </span> <span class="hide-button tw-hidden group-[.open]:tw-block"> Hide features </span> </button> </div> <div class="tw-overflow-hidden tw-transition-all tw-ease-out tw-duration-500 tw-h-0 group-[.open]:tw-h-auto group-[.open]:!tw-h-[calc-size(auto,size)]"> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Banner type </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.banner_type.announcement_bar&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Announcement bar</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.banner_type.product_page&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Product page</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.banner_type.promotional&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Promotional</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.banner_type.countdown&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Countdown</a></li> </ul> </div> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Customization </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.customization.banner_position&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Banner position</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.customization.sticky_display&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Sticky display</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.customization.links_and_buttons&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Links and buttons</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.customization.backgrounds&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Backgrounds</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.customization.color_and_font&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Color and font</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.customization.emojis&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Emojis</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.customization.multi_language&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Multi-language</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.customization.mobile_responsive&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Mobile responsive</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.customization.scheduling&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Scheduling</a></li> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.customization.geo_targeting&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Geo-targeting</a></li> </ul> </div> <div class="tw-pb-lg"> <p class="tw-text-body-md tw-text-fg-secondary tw-mb-2xs sm:tw-mb-xs"> Analytics and reporting </p> <ul class="tw-leading-relaxed"> <li class="tw-inline tw-font-[450] after:tw-content-[','] last:after:tw-content-['']"><a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-notifications-banners/all?feature_handles%5B%5D=banners.analytics_and_reporting.traffic_reports&locale=en&surface_detail=essential-countdown-timer&surface_type=app_details"> Traffic reports</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> <div class="tw-pb-xl md:tw-pb-2xl xl:tw-pb-3xl"> <section id="adp-pricing" class="tw-scroll-my-2xl xl:tw-scroll-my-xl" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="5" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="pricing"> <div class="tw-bg-canvas-secondary tw-py-xl md:tw-py-2xl lg:tw-py-3xl" data-controller="pricing-component"> <div class="tw-container"> <div class="tw-flex tw-items-center"> <h2 class="tw-inline tw-text-heading-xl"> Pricing </h2> </div> </div> <div class="tw-my-md xl:tw-my-xl"> <div class="tw-container tw-pt-sm tw-pb-md tw-flex tw-snap-x tw-overflow-x-auto tw-snap-mandatory lg:tw-grid lg:tw-gap-lg lg:tw-grid-flow-col xl:tw-gap-gutter--desktop lg:tw-auto-cols-fr"> <div class="tw-snap-center tw-flex tw-flex-col tw-justify-between tw-shadow-pricingCard tw-bg-canvas-primary tw-rounded-sm tw-overflow-hidden tw-mr-md last:tw-mr-0 lg:tw-mr-0 tw-mb-2xs lg:tw-mb-0 tw-w-full tw-min-w-[70%] xs:tw-min-w-[45%] sm:tw-min-w-[30%] md:tw-min-w-0"> <div class="app-details-pricing-plan-card tw-px-lg xl:tw-px-xl tw-pt-lg xl:tw-pt-xl tw-pb-md xl:tw-pb-lg"> <div data-pricing-component-target="cardHeading"> <p data-test-id="name" class="tw-pb-sm tw-text-label-md tw-text-fg-secondary"> Free Plan </p> <div data-pricing-component-target="cardHeadingPrice"> <h3 class="app-details-pricing-format-group tw-flex tw-items-end tw-gap-xs tw-overflow-hidden tw-text-ellipsis" aria-label="Free"> <span class="tw-text-heading-2xl lg:tw-text-heading-xl 2xl:tw-text-heading-2xl"> Free </span> </h3> </div> </div> <ul data-test-id="features" class="tw-pt-lg tw-mt-lg tw-border-t tw-border-stroke-secondary"> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Up to 1000 monthly views <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Unlimited product page timers <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Unlimited top bar timers <li> </ul> </div> </div> <div class="tw-snap-center tw-flex tw-flex-col tw-justify-between tw-shadow-pricingCard tw-bg-canvas-primary tw-rounded-sm tw-overflow-hidden tw-mr-md last:tw-mr-0 lg:tw-mr-0 tw-mb-2xs lg:tw-mb-0 tw-w-full tw-min-w-[70%] xs:tw-min-w-[45%] sm:tw-min-w-[30%] md:tw-min-w-0"> <div class="app-details-pricing-plan-card tw-px-lg xl:tw-px-xl tw-pt-lg xl:tw-pt-xl tw-pb-md xl:tw-pb-lg"> <div data-pricing-component-target="cardHeading"> <p data-test-id="name" class="tw-pb-sm tw-text-label-md tw-text-fg-secondary"> Starter </p> <div data-pricing-component-target="cardHeadingPrice"> <h3 class="app-details-pricing-format-group tw-flex tw-items-end tw-gap-xs tw-overflow-hidden tw-text-ellipsis" aria-label="$6.99/month"> <span class="tw-text-heading-2xl lg:tw-text-heading-xl 2xl:tw-text-heading-2xl !tw-leading-none"> $6.99 </span> <span class="tw-text-body-sm tw-text-fg-tertiary"> / month </span> </h3> <p data-test-id="yearly-price" class="tw-text-body-xs tw-text-notifications-success-primary tw-pt-sm"> or $67.08/year and save 20% </p> </div> </div> <ul data-test-id="features" class="tw-pt-lg tw-mt-lg tw-border-t tw-border-stroke-secondary"> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Up to 10 000 monthly timer views <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Everything in Free <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Unlimited landing page timers <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Scheduled timer <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Recurring timer <li> </ul> </div> <p class="tw-text-label-sm tw-text-fg-secondary tw-bg-canvas-tertiary tw-px-lg tw-py-md xl:tw-px-xl xl:tw-py-lg"> 7-day free trial </p> </div> <div class="tw-snap-center tw-flex tw-flex-col tw-justify-between tw-shadow-pricingCard tw-bg-canvas-primary tw-rounded-sm tw-overflow-hidden tw-mr-md last:tw-mr-0 lg:tw-mr-0 tw-mb-2xs lg:tw-mb-0 tw-w-full tw-min-w-[70%] xs:tw-min-w-[45%] sm:tw-min-w-[30%] md:tw-min-w-0"> <div class="app-details-pricing-plan-card tw-px-lg xl:tw-px-xl tw-pt-lg xl:tw-pt-xl tw-pb-md xl:tw-pb-lg"> <div data-pricing-component-target="cardHeading"> <p data-test-id="name" class="tw-pb-sm tw-text-label-md tw-text-fg-secondary"> Essential </p> <div data-pricing-component-target="cardHeadingPrice"> <h3 class="app-details-pricing-format-group tw-flex tw-items-end tw-gap-xs tw-overflow-hidden tw-text-ellipsis" aria-label="$9.99/month"> <span class="tw-text-heading-2xl lg:tw-text-heading-xl 2xl:tw-text-heading-2xl !tw-leading-none"> $9.99 </span> <span class="tw-text-body-sm tw-text-fg-tertiary"> / month </span> </h3> <p data-test-id="yearly-price" class="tw-text-body-xs tw-text-notifications-success-primary tw-pt-sm"> or $95.88/year and save 20% </p> </div> </div> <ul data-test-id="features" class="tw-pt-lg tw-mt-lg tw-border-t tw-border-stroke-secondary"> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Up to 50 000 monthly timer views <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Everything in Starter <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Unlimited cart timers <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Unlimited email timers <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Add timer with tags <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Geo-targeting <li> </ul> </div> <p class="tw-text-label-sm tw-text-fg-secondary tw-bg-canvas-tertiary tw-px-lg tw-py-md xl:tw-px-xl xl:tw-py-lg"> 7-day free trial </p> </div> <div class="tw-snap-center tw-flex tw-flex-col tw-justify-between tw-shadow-pricingCard tw-bg-canvas-primary tw-rounded-sm tw-overflow-hidden tw-mr-md last:tw-mr-0 lg:tw-mr-0 tw-mb-2xs lg:tw-mb-0 tw-w-full tw-min-w-[70%] xs:tw-min-w-[45%] sm:tw-min-w-[30%] md:tw-min-w-0"> <div class="app-details-pricing-plan-card tw-px-lg xl:tw-px-xl tw-pt-lg xl:tw-pt-xl tw-pb-md xl:tw-pb-lg"> <div data-pricing-component-target="cardHeading"> <p data-test-id="name" class="tw-pb-sm tw-text-label-md tw-text-fg-secondary"> Professional </p> <div data-pricing-component-target="cardHeadingPrice"> <h3 class="app-details-pricing-format-group tw-flex tw-items-end tw-gap-xs tw-overflow-hidden tw-text-ellipsis" aria-label="$29.99/month"> <span class="tw-text-heading-2xl lg:tw-text-heading-xl 2xl:tw-text-heading-2xl !tw-leading-none"> $29.99 </span> <span class="tw-text-body-sm tw-text-fg-tertiary"> / month </span> </h3> <p data-test-id="yearly-price" class="tw-text-body-xs tw-text-notifications-success-primary tw-pt-sm"> or $287.88/year and save 20% </p> </div> </div> <ul data-test-id="features" class="tw-pt-lg tw-mt-lg tw-border-t tw-border-stroke-secondary"> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Unlimited timer views <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> Everything in Essential <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> All premium features <li> </ul> </div> <p class="tw-text-label-sm tw-text-fg-secondary tw-bg-canvas-tertiary tw-px-lg tw-py-md xl:tw-px-xl xl:tw-py-lg"> 7-day free trial </p> </div> </div> </div> <div class="tw-container"> <p class="tw-text-fg-tertiary tw-text-body-sm"> All charges are billed in USD. Recurring and usage-based charges are billed every 30 days. </p> </div> </div> </section> <section id="adp-reviews" class="tw-py-xl md:tw-py-2xl lg:tw-py-3xl tw-scroll-my-2xl xl:tw-scroll-my-xl"> <div class="tw-container"> <div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="6" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="reviews-start"> </div> <div class="tw-grid tw-grid-cols-12 tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-items-start"> <div class="tw-col-span-full md:tw-col-span-3 md:tw-sticky md:tw-top-navOffset--desktop tw-mb-xl md:tw-pr-gutter--mobile lg:tw-pr-0"> <h2 class="tw-mb-lg xl:tw-mb-xl"> <span class="tw-text-heading-xl"> Reviews </span> <span class="tw-text-body-md"> (865) </span> </h2> <div class="app-reviews-metrics tw-max-w-[500px]"> <div class="tw-text-heading-md tw-pb-xs lg:tw-pb-sm"> Overall rating </div> <div class="tw-flex tw-items-center tw-text-fg-primary tw-text-heading-2xl tw-pb-sm lg:tw-pb-0"> <div aria-label="4.9 out of 5 stars"> 4.9 </div> <div class="tw-pl-sm" aria-hidden="true"> <div class="tw-flex tw-relative tw-space-x-1 tw-w-5xl tw-h-lg" aria-label="4.9 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> </div> <div class="tw-text-body-md"> <span class="tw-hidden"> Counts per rating level </span> <ul> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 5 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 93% of ratings are 5 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="93%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="804 total reviews" href="/essential-countdown-timer/reviews?ratings%5B%5D=5"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 804 </span> </a> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 4 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 6% of ratings are 4 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="6%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="50 total reviews" href="/essential-countdown-timer/reviews?ratings%5B%5D=4"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 50 </span> </a> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 3 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 1% of ratings are 3 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="1%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="5 total reviews" href="/essential-countdown-timer/reviews?ratings%5B%5D=3"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 5 </span> </a> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 2 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 0% of ratings are 2 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="0%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="1 total reviews" href="/essential-countdown-timer/reviews?ratings%5B%5D=2"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 1 </span> </a> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 1 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 1% of ratings are 1 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="1%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="5 total reviews" href="/essential-countdown-timer/reviews?ratings%5B%5D=1"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 5 </span> </a> </div> </li> </ul> </div> </div> <div class="tw-mt-xl tw-flex tw-flex-wrap tw-gap-sm"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm" data-modal-open="AuthWithDomain"> Write a review </button> <div class="lg:tw-flex lg:tw-justify-center tw-max-w-full"> <div class="tw-flex tw-justify-center md:tw-max-w-fit lg:tw-my-auto"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-w-full tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm" id="view-all-reviews-button" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="app_details_page" data-element="all_reviews_button" data-element-group="adp_reviews" href="/essential-countdown-timer/reviews"> All reviews </a> </div> </div> </div> </div> <div class="tw-col-span-full md:tw-col-span-9 lg:tw-col-span-8 lg:tw-pl-gutter--desktop"> <div class="tw-mb-lg md:tw-mb-2xl" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="7" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="reviews-summary"> <div> <div class="tw-grid tw-grid-cols-[1fr_auto]"> <h5 class="tw-flex tw-items-center tw-gap-2 tw-text-heading-lg"> What merchants think <div data-controller="popover-modal" data-popover-modal-focus-on-open-value="false" data-popover-modal-close-if-click-outside-value="true" data-popover-modal-backdrop-visible-class="max-md:eco-modal-backdrop--visible" data-popover-modal-popover-visible-class="max-md:eco-modal--open" data-action="keydown.esc->popover-modal#close click->popover-modal#nop:stop resize@window->popover-modal#close" class="tw-relative"> <button data-popover-modal-target="activator" data-action="click->popover-modal#toggle" class="tw-w-5 tw-h-5 md:tw-w-7 md:tw-h-7 tw-cursor-pointer hover:tw-scale-[1.1]"> <span role="img" class="tw-flex tw-items-center tw-justify-center"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.43251 2.43991C4.75756 1.85336 5.61114 1.85336 5.93618 2.43991L6.20504 2.92507C6.48814 3.43591 6.91373 3.85593 7.43136 4.13533L7.92295 4.40067C8.51727 4.72146 8.51727 5.56386 7.92295 5.88465L7.43136 6.15C6.91373 6.42939 6.48814 6.84941 6.20504 7.36026L5.93618 7.84542C5.61114 8.43196 4.75756 8.43196 4.43251 7.84542L4.16365 7.36026C3.88055 6.84941 3.45496 6.42939 2.93734 6.15L2.44574 5.88466C1.85142 5.56386 1.85142 4.72146 2.44574 4.40067L2.93734 4.13533C3.45496 3.85593 3.88055 3.43591 4.16365 2.92507L4.43251 2.43991Z" fill="#7945E3"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.3682 7.3607C14.1212 5.78252 11.8288 5.75154 11.5381 7.32246L11.4971 7.54373C11.1062 9.65684 9.4112 11.2991 7.26323 11.6461C5.68737 11.9006 5.65478 14.1258 7.22252 14.4252L7.36639 14.4526C9.46813 14.854 11.1116 16.476 11.5183 18.5502L11.5621 18.7738C11.8827 20.4087 14.2535 20.4087 14.5741 18.7738L14.6083 18.5995C15.02 16.4996 16.6948 14.864 18.8268 14.4798C20.4505 14.1872 20.3615 11.87 18.7293 11.6281C16.4936 11.2966 14.7133 9.56574 14.3682 7.3607ZM13.074 16.6801C13.7707 15.1155 15.0092 13.8464 16.5583 13.0989C14.9841 12.4089 13.701 11.1839 12.9562 9.6505C12.25 11.1368 11.0415 12.3374 9.54467 13.0451C11.1214 13.7965 12.3782 15.0875 13.074 16.6801Z" fill="#7945E3"/> </svg> </span> </button> <div role="dialog" class="md:tw-absolute eco-popover-modal-mobile tw-z-[99999] md:tw-left-0 md:tw-top-0 md:-tw-translate-y-full md:tw-p-4 tw-bg-canvas-primary tw-border tw-border-stroke-secondary tw-hidden tw-shadow-lg tw-rounded-tl-md tw-rounded-tr-md md:tw-rounded-md" tabIndex="-1" data-popover-modal-target="popover"> <div class="max-md:eco-modal-section max-md:eco-modal-section--visible max-md:tw-flex"> <div class="max-md:eco-modal-body tw-pt-4 md:tw-pt-0 max-md:tw-min-h-0 max-md:tw-pt-0"> <p class="md:tw-w-44 tw-text-body-lg md:tw-text-body-xs"> This is generated by Shopify Magic. It's shown when an app has 100+ reviews and a 4.0 overall rating. </p> </div> </div> </div> <div class="eco-modal-backdrop" data-popover-modal-target="backdrop" data-action="click->popover-modal#close:stop"></div> </div> </h5> <div data-controller="review-summary-feedback" data-review-summary-feedback-api-key-value="f84bf9e49eca8bd84c2af7488461363b" data-review-summary-feedback-feedback-submitted-class="tw-row-start-2 tw-col-start-1 md:tw-row-start-1 md:tw-col-start-2" data-review-summary-feedback-feedback-not-submitted-class="tw-col-start-2" class="tw-flex"> <div class="tw-flex" data-review-summary-feedback-target="buttonWrapper"> <div data-controller="popover-modal" data-popover-modal-focus-on-open-value="false" data-popover-modal-close-if-click-outside-value="true" data-popover-modal-backdrop-visible-class="max-md:eco-modal-backdrop--visible" data-popover-modal-popover-visible-class="max-md:eco-modal--open" data-action="keydown.esc->popover-modal#close click->popover-modal#nop:stop resize@window->popover-modal#close" class="tw-relative"> <button aria-label="Feedback" data-popover-modal-target="activator" data-action="click->popover-modal#toggle" class="tw-block tw-h-full tw-text-left tw-w-7"> <span role="img" class="tw-flex tw-items-center tw-justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="4" height="14" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.25 2.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM2.25 7.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM2.25 13.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"/></svg></span> </button> <div role="dialog" class="md:tw-absolute eco-popover-modal-mobile tw-z-[99999] md:tw-right-0 tw-mt-1 md:tw-p-4 tw-bg-canvas-primary tw-border tw-border-stroke-secondary tw-hidden tw-shadow-lg tw-rounded-tl-md tw-rounded-tr-md md:tw-rounded-md" tabIndex="-1" data-popover-modal-target="popover"> <div class="max-md:eco-modal-section max-md:eco-modal-section--visible max-md:tw-flex"> <div class="max-md:eco-modal-body tw-pt-4 md:tw-pt-0 max-md:tw-min-h-0 max-md:tw-pt-0"> <ul class="tw-w-48"> <li> <button name="button" type="button" class="tw-block tw-w-full tw-text-left tw-text-body-lg md:tw-text-body-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary" data-action="click->review-summary-feedback#helpful" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="app_details_page" data-element="helpful" data-element-group="review-summary-feedback">Helpful</button> </li> <li class="tw-mt-2"> <button name="button" type="button" class="tw-block tw-w-full tw-text-left tw-text-body-lg md:tw-text-body-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary" data-action="click->review-summary-feedback#notHelpful" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="app_details_page" data-element="not-helpful" data-element-group="review-summary-feedback">Not helpful</button> </li> </ul> </div> </div> </div> <div class="eco-modal-backdrop" data-popover-modal-target="backdrop" data-action="click->popover-modal#close:stop"></div> </div> </div> <div data-review-summary-feedback-target="submittedWrapper" class="tw-self-center tw-hidden"> <p class="tw-text-body-sm tw-text-notifications-success-primary tw-bg-left tw-bg-no-repeat"> <span role="img"><svg class="tw-inline tw-mr-1" xmlns="http://www.w3.org/2000/svg" width="12" height="9" fill="none"><path fill="#157F3C" fill-rule="evenodd" d="M11.78.22a.75.75 0 0 1 0 1.06L4.53 8.53a.75.75 0 0 1-1.06 0L.22 5.28a.75.75 0 0 1 1.06-1.06L4 6.94 10.72.22a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/></svg></span> Feedback submitted </p> </div> </div> </div> <div data-truncate-app-review-summary class="tw-mt-sm tw-text-body-md tw-text-fg-secondary"> <p data-truncate-content-copy> Merchants appreciate this app for boosting sales by creating urgency, enhancing customer engagement, and increasing conversions. They praise its user-friendly interface, easy setup, and customization options that align with their store's theme. The app is noted for its reliable performance and seamless Shopify integration. Merchants also value the responsive customer support and its effectiveness in various marketing campaigns. </p> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-md link-inline tw-hidden">Show more</button> </div> </div> </div> <div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="8" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="review-0"> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1576552" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="5 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> October 24, 2024 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">Everything went well. When i have a question, i’m getting a repley in a few min. So good!</p> <p class="tw-break-words">Thanks to Samuel because he helped me out in 5 minutes with a difficult job that i had on my store with the countdown timer</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="ISA BONÉ"> ISA BONÉ </div> <div>Netherlands</div> <div>8 months using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full tw-mt-md"> </div> <div class="tw-w-full tw-flex-grow tw-flex tw-flex-col tw-ml-md"> <div id="review-reply-390417" class="tw-border-l tw-border-solid tw-border-fg-disabled"> <div class="tw-ml-md"> <div> <div class="tw-text-body-xs tw-text-fg-tertiary tw-mb-sm"> Essential Apps replied October 29, 2024 </div> </div> <div class="tw-text-body-sm tw-text-fg-tertiary" data-reply-id="390417" data-truncate-review="175"> <div class="tw-space-y-md" data-truncate-content-copy> <p>Thank you for your review, it is always a pleasure to assist our valuable customers! 🫡</p> <p>Samuel</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> </div></div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="9" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="review-1"> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1546257" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="5 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> September 27, 2024 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">Essential Apps are always providing top quality apps for Shopify Stores. In our case we always have the smoothest integration and activation process with their tools and this is no exception. Quick setup, awesome looking out-of-the-box functionality which you can adjust and place on your site according to your needs. The support is timely and at hand. HIGHLY RECOMMENDED to help you BOOST YOUR SALES!! Thank you Essential Apps!!</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="Wain.cr"> Wain.cr </div> <div>Costa Rica</div> <div>3 months using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full tw-mt-md"> </div> <div class="tw-w-full tw-flex-grow tw-flex tw-flex-col tw-ml-md"> <div id="review-reply-381559" class="tw-border-l tw-border-solid tw-border-fg-disabled"> <div class="tw-ml-md"> <div> <div class="tw-text-body-xs tw-text-fg-tertiary tw-mb-sm"> Essential Apps replied October 7, 2024 </div> </div> <div class="tw-text-body-sm tw-text-fg-tertiary" data-reply-id="381559" data-truncate-review="175"> <div class="tw-space-y-md" data-truncate-content-copy> <p>Thank you for your amazing review! 💙 And thank you for recommending it to others! <br /> <br />Zydrunas</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> </div></div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="10" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="review-2"> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1593809" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="5 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> November 8, 2024 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">We've been incredibly satisfied with this countdown timer app on Shopify. It’s straightforward to set up, versatile, and highly effective in creating urgency that enhances customer engagement and conversions. We noticed an immediate improvement in our promotions, thanks to the dynamic countdown feature that’s fully customizable to fit our brand.</p> <p class="tw-break-words">A special shout-out to Samuel from the support team, who went above and beyond to assist us.</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="Candibox"> Candibox </div> <div>France</div> <div>8 months using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full tw-mt-md"> </div> <div class="tw-w-full tw-flex-grow tw-flex tw-flex-col tw-ml-md"> <div id="review-reply-397547" class="tw-border-l tw-border-solid tw-border-fg-disabled"> <div class="tw-ml-md"> <div> <div class="tw-text-body-xs tw-text-fg-tertiary tw-mb-sm"> Essential Apps replied November 19, 2024 </div> </div> <div class="tw-text-body-sm tw-text-fg-tertiary" data-reply-id="397547" data-truncate-review="175"> <div class="tw-space-y-md" data-truncate-content-copy> <p>Thank you for your review! 🫡 It was a pleasure to assist you!</p> <p>Samuel</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> </div></div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> </div> </div> </div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="11" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="reviews-end"> </div> </div> </div> </section> <div class="tw-container tw-grid tw-grid-cols-12 tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-items-start"> <div class="tw-col-span-full lg:tw-col-span-3 lg:tw-sticky lg:tw-top-navOffset--desktop tw-mb-lg lg:tw-mb-0"> <h2 class="tw-text-heading-xl tw-mb-xl"> Support </h2> <p class="tw-mb-lg"> Essential Apps can answer any questions you have about Essential Countdown Timer Bar. </p> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm" data-modal-open="AuthWithDomain" data-auth-intent="support"> Get support </button> </div> <div class="tw-col-span-full tw-flex tw-flex-col lg:tw-col-span-8 lg:tw-pl-gutter--desktop tw-gap-lg lg:tw-gap-2xl"> <section id="adp-developer" class="tw-bg-canvas-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="12" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="developer-details" data-developer-support-email="support@essential-apps.com"> <div class="tw-flex tw-flex-col tw-gap-lg lg:tw-gap-2xl"> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <h3 class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Developer </h3> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-items-start tw-gap-xs"> <a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="/partners/essentials25"> Essential Apps </a> <div> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="http://essential-apps.com/"> Website </a> </div> <p class="tw-text-fg-tertiary tw-text-body-md">Baltupio g. 45 - 27, Vilnius, 08324, LT</p> </div> </div> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <h3 class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Resources </h3> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-items-start tw-gap-xs"> <div> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://essential-apps.com/privacy-policy-2/"> Privacy policy </a> </div> <div> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://essential-apps.com/essential-countdown-timer-application/"> FAQ </a> </div> <div> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://essential-apps.com/category/essential-countdown-timer/"> Tutorial </a> </div> <div> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://essential-apps.com/essential-countdown-timer-bar-reviews/"> App Documentation </a> </div> <div> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://essential-apps.com/support"> Support portal </a> </div> </div> </div> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <p class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Launched </p> <p class="tw-col-span-full sm:tw-col-span-3 tw-text-fg-secondary tw-text-body-md"> February 10, 2022 </p> </div> </div> </section> <section id="adp-permissions" class="tw-bg-canvas-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="13" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="permissions-summary"> </section> </div> </div> <section id="adp-featured-in" class="tw-bg-canvas-secondary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="14" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="featured-in"> <section class="tw-mt-xl tw-mb-3xl lg:tw-my-2xl tw-overflow-hidden tw-py-xl md:tw-py-2xl lg:tw-py-3xl"> <h2 class="tw-text-heading-xl tw-container tw-pb-lg lg:tw-pb-2xl">Featured in</h2> <div class="tw-container tw-flex tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-flex-col md:tw-flex-row"> <div class="tw-rounded-sm tw-overflow-hidden tw-min-h-fit tw-bg-cover tw-bg-center tw-aspect-[4/5] md:tw-aspect-[5/2] xl:tw-aspect-[5/2] tw-basis-full tw-max-h-[400px]"> <a class="tw-relative tw-h-full tw-flex tw-flex-col tw-justify-end tw-group" href="https://apps.shopify.com/stories/guide-homepage-design?surface_detail=story_card&surface_type=app_details_page"> <img class="tw-absolute tw-h-full tw-w-full tw-transition tw-ease-out tw-duration-500 group-hover:tw-scale-[1.025] tw-object-cover" alt="" loading="lazy" decoding="async" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-homepage-design/display-card-0ac9599483d1c06cb9dc1f8bfa530d5eb6ddf32295947f85adf414f0667bb040.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-homepage-design/display-card@2x-f7860c0960503487a9828e827baaa214c2ce3cd90152decd48a3972f48d62e17.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-homepage-design/display-card-0ac9599483d1c06cb9dc1f8bfa530d5eb6ddf32295947f85adf414f0667bb040.webp" /> <div class="tw-relative tw-flex tw-flex-col tw-gap-md lg:tw-gap-lg tw-justify-between tw-w-full tw-pt-3xl tw-pb-xl tw-px-lg xl:tw-pt-5xl xl:tw-pb-2xl xl:tw-px-xl tw-text-fg-inverted-primary tw-bg-gradient-to-t tw-from-canvas-inverted-primary/90 "> <div> <h5 class="tw-text-heading-md tw-pb-xs"> Homepage design </h5> <h3 class="tw-text-heading-xl tw-text-pretty group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">Apps to help you create a hard-hitting homepage.</h3> </div> </div></a></div> </div> </section> </section> <section id="adp-similar-apps" class="tw-bg-canvas-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="15" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="similar-apps"> <div class="tw-container"> <section class="tw-w-full tw-flex tw-gap-gutter--mobile lg:tw-gap-x-gutter--desktop tw-flex-col tw-mt-lg md:tw-mt-xl xl:tw-mt-2xl" data-controller="recommended-apps"> <div class="tw-col-span-full lg:tw-col-span-3 tw-flex tw-flex-col tw-pb-sm md:tw-gap-xs sm:tw-gap-2xs"> <h2 class="tw-text-heading-xl"> More apps like this </h2> </div> <div class="tw-col-span-full lg:tw-col-span-8 lg:tw-col-start-5 xl:tw-col-span-9 xl:tw-col-start-4"> <div class="tw-grid tw-grid-flow-dense tw-gap-gutter--mobile lg:tw-gap-x-gutter--desktop tw-grid-cols-1 md:tw-grid-cols-2 xl:tw-grid-cols-3"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="getsitecontrol-countdown-timer" data-app-card-name-value="GSC Countdown Timer Bar" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/0fc1b40b3c1e4a9fad5442615c5f8da7/icon/CPrS8PKProYDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/getsitecontrol-countdown-timer?surface_detail=essential-countdown-timer&surface_inter_position=1&surface_intra_position=1&surface_type=app_details" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/0fc1b40b3c1e4a9fad5442615c5f8da7/icon/CPrS8PKProYDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/0fc1b40b3c1e4a9fad5442615c5f8da7/icon/CPrS8PKProYDEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/0fc1b40b3c1e4a9fad5442615c5f8da7/icon/CPrS8PKProYDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/getsitecontrol-countdown-timer?surface_detail=essential-countdown-timer&surface_inter_position=1&surface_intra_position=1&surface_type=app_details" class=""> GSC Countdown Timer Bar </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.6 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(62)</span> <span class="tw-sr-only">62 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Add countdown timer bar, large & small countdown banners </div> </div> <div class="tw-border-none "> </div> </div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="profy-promo-bar" data-app-card-name-value="Profy Banner & Countdown Timer" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/863f7db211f186fc2772693d498efb08/icon/COKKiYjE44ADEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/profy-promo-bar?surface_detail=essential-countdown-timer&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/863f7db211f186fc2772693d498efb08/icon/COKKiYjE44ADEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/863f7db211f186fc2772693d498efb08/icon/COKKiYjE44ADEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/863f7db211f186fc2772693d498efb08/icon/COKKiYjE44ADEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/profy-promo-bar?surface_detail=essential-countdown-timer&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" class=""> Profy Banner & Countdown Timer </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 4.9 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(201)</span> <span class="tw-sr-only">201 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Add countdown timer, coupon & scrolling text for Black Friday </div> </div> <div class="tw-border-none "> </div> </div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="yeps-io" data-app-card-name-value="Yeps Announcement Bar, Banners" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/da7b0905df5864a009ab1c7976a4cf47/icon/CNjlgbjstv0CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/yeps-io?surface_detail=essential-countdown-timer&surface_inter_position=1&surface_intra_position=3&surface_type=app_details" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/da7b0905df5864a009ab1c7976a4cf47/icon/CNjlgbjstv0CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/da7b0905df5864a009ab1c7976a4cf47/icon/CNjlgbjstv0CEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/da7b0905df5864a009ab1c7976a4cf47/icon/CNjlgbjstv0CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-primary group-hover:tw-text-fg-highlight-primary "> <a href="https://apps.shopify.com/yeps-io?surface_detail=essential-countdown-timer&surface_inter_position=1&surface_intra_position=3&surface_type=app_details" class=""> Yeps Announcement Bar, Banners </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(195)</span> <span class="tw-sr-only">195 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Countdown timer bar, FREE shipping bar & headers for BFCM </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-accent-bfs tw-text-fg-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-border-none "> </div> </div> </div> </div> </div> </div> </section> </div> </section>  <script> gtag('config', 'G-STQ3QMMJFN'); </script> </div> <div class="tw-pt-lg lg:tw-pt-2xl"> <div class="tw-bg-canvas-inverted-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="category" data-waypoint-waypoint="0" data-waypoint-surface="category" data-waypoint-surface-detail="marketing-and-conversion-upsell-and-bundles"> <div class="tw-container tw-flex tw-flex-col tw-items-center tw-gap-xl tw-py-2xl lg:tw-py-4xl"> <h2 class="tw-text-display-5 tw-text-fg-inverted-primary tw-text-center"> Want to add an app? </h2> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-emphasis tw-px-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full sm:tw-w-auto" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" data-page-type="category" data-element="get-started-btn" data-element-group="signup-free-trial" href="https://accounts.shopify.com/store-create?_s=eec40a2d-1205-474d-8d9d-2c9bbf3f7ec5&_y=ae4a8259-4a7d-4237-aa60-00dc5b2246c5&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fessential-countdown-timer%3Fsurface_detail%3Dmarketing-and-conversion-upsell-and-bundles%26surface_inter_position%3D8%26surface_intra_position%3D7%26surface_type%3Dcategory%26surface_version%3Dredesign&signup_types%5B%5D=paid_trial_experience"> Try Shopify free for 3 days </a> </div> </div> </div> </div> </main> <footer class="tw-py-10 tw-text-body-md tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" data-section-name="footer" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="page_footer" data-waypoint-waypoint="16" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="page_footer"> <div class="tw-container"> <div class="tw-grid tw-grid-cols-2 tw-gap-y-12 lg:tw-grid-cols-5 tw-gap-md"> <div class="tw-col-span-2 lg:tw-col-span-1 tw-h-2xl"> <div class="tw-absolute tw-w-[40px] tw-h-[45px] [mask-image:url(merchant/footer/shopping-bag)] [mask-repeat:space] [mask-position:center] [mask-size:40px] tw-bg-fg-inverted-primary"></div> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> App categories </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/sales-channels"> Sales channels </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/finding-products"> Finding products </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/selling-products"> Selling products </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/orders-and-shipping"> Orders and shipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design"> Store design </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion"> Marketing and conversion </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-management"> Store management </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Top categories </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/finding-products-sourcing-options-dropshipping"> Dropshipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/sales-channels-selling-online-marketplaces"> Marketplaces </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-social-trust-product-reviews"> Product reviews </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles"> Upsell and bundles </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-marketing-email-marketing"> Email marketing </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design-site-optimization-seo"> SEO </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/orders-and-shipping-shipping-solutions-shipping"> Shipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design-internationalization-currency-and-translation"> Currency and translation </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Resources </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://help.shopify.com/en/"> Shopify Help Center </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://shopify.dev/api"> API documentation </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://community.shopify.com/c/shopify-community-en/ct-p/en"> Shopify Community </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://community.shopify.com/c/events/eb-p/events_en"> Community Events </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/blog"> Shopify Blog </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/research/future-of-commerce"> Research </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Shopify </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/about"> About </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/careers"> Careers </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://investors.shopify.com/home/default.aspx"> Investors </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://news.shopify.com/"> Press and media </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/partners"> Partners </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/affiliates"> Affiliates </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal"> Legal </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://shopifystatus.com"> Service status </a> </div> </div> <hr class="tw-my-8"> <div class="tw-flex tw-flex-col-reverse lg:tw-flex-row lg:tw-flex lg:tw-justify-between"> <div class="lg:tw-flex lg:tw-flex-wrap lg:tw-gap-6"> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/?auth=1"> Developer login </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal/terms"> Terms of service </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal/privacy"> Privacy policy </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/sitemap"> Sitemap </a> </span> </div> <div class="tw-pb-md lg:tw-pb-0"> <div class="tw-flex tw-items-center"> <div class="tw-relative tw-w-[28px] tw-h-[28px] tw-mr-sm [mask-image:url(merchant/footer/globe)] [mask-repeat:no-repeat] [mask-position:center] [mask-size:28px] tw-bg-fg-inverted-primary"></div> <form action="https://apps.shopify.com/set_locale" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OIkoQAEgd_y7SruWRlKvZ7Wahjoa3QRPJLZK67LQPiPzpHQb3dZrSGI7IhF1uqZ9DyMfpzqjBfl_Ye1Gea8S1A" autocomplete="off" /> <select name="language" id="language" class="tw-bg-canvas-inverted-primary" aria-label="Change your language" onchange="this.form.submit();"><option value="cs">Čeština</option> <option value="da">Dansk</option> <option value="de">Deutsch</option> <option selected="selected" value="en">English</option> <option value="es">Español</option> <option value="fr">Français</option> <option value="it">Italiano</option> <option value="nl">Nederlands</option> <option value="nb">Norsk (bokmål)</option> <option value="pl">Polski</option> <option value="pt-BR">Português (Brasil)</option> <option value="pt-PT">Português (Portugal)</option> <option value="fi">Suomi</option> <option value="sv">Svenska</option> <option value="tr">Türkçe</option> <option value="th">ภาษาไทย</option> <option value="ja">日本語</option> <option value="zh-CN">简体中文</option> <option value="zh-TW">繁體中文</option> <option value="ko">한국어</option></select> </form></div> </div> </div> <span width="0" height="0" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="page_footer" data-waypoint-waypoint="17" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="end_of_page"></span> </div> </footer> <div id="ModalContainer"> <div id="ModalContents"> <div id="AuthWithDomain" class="eco-modal" data-can-open-from-location="true" role="dialog"> <div class="eco-modal-section" data-section="main"> <div class="eco-modal-header"> <h2 class="eco-modal-title"> Log in to your Shopify store </h2> <button class="eco-modal-close-action " aria-label="close modal"> <img class="tw-block tw-w-full tw-min-w-[16px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/eco/icons/eco-modal-close-b200ad2b4407778f759569d5d832b5c20ed3f1719526941f66cc7444c74711bb.svg" /> </button> </div> <div class="eco-modal-body"> <div class="tw-pt-4 tw-text-body-md tw-text-fg-primary"> <form id="AuthLoginForm" action="/login/initiate_shopify_auth/essential-countdown-timer" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="unKvIpVFOsJNoIPE4gGsg-gt79V1M-tzLxy4WT-VfNBxX_N5SbMmdpTRGkPR6aWZUpR2SFVN6sV0yx_09OpQJw" autocomplete="off" /> <input type="hidden" name="auth_intent" id="auth_intent" value="" autocomplete="off" /> <input type="hidden" name="id" id="id" value="" autocomplete="off" /> <input type="hidden" name="return_to" id="return_to" value="/essential-countdown-timer?surface_detail=marketing-and-conversion-upsell-and-bundles&surface_inter_position=8&surface_intra_position=7&surface_type=category&surface_version=redesign" autocomplete="off" /> <label class="tw-text-label-sm tw-block tw-pb-sm" for="Store URL"> Store URL </label> <input autocomplete="off" type="text" class='tw-input tw-form-input tw-block tw-w-full' id='AuthLoginShopInput' name='shop' placeholder="your-store.myshopify.com"> <p class="tw-text-body-sm tw-text-fg-secondary tw-mt-sm"> Don’t have a store yet? <a class="tw-group tw-text-link-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " href="https://accounts.shopify.com/store-create?_s=eec40a2d-1205-474d-8d9d-2c9bbf3f7ec5&_y=ae4a8259-4a7d-4237-aa60-00dc5b2246c5&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fessential-countdown-timer%3Fsurface_detail%3Dmarketing-and-conversion-upsell-and-bundles%26surface_inter_position%3D8%26surface_intra_position%3D7%26surface_type%3Dcategory%26surface_version%3Dredesign&signup_types%5B%5D=paid_trial_experience"> Sign up</a> </p> </form> </div> </div> <div class="eco-modal-footer"> <div class="eco-modal-actions-container"> <div class="eco-modal-actions"> <div class="eco-modal-action-primary"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-w-full tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md" disabled="disabled"> Log in </button> </div> </div> <div class="eco-modal-action-tertiary"> <a class="tw-group tw-text-link-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " href="https://apps.shopify.com/partner/login?return_path=%2Fessential-countdown-timer%3Fsurface_detail%3Dmarketing-and-conversion-upsell-and-bundles%26surface_inter_position%3D8%26surface_intra_position%3D7%26surface_type%3Dcategory%26surface_version%3Dredesign"> Developer login</a> </div> </div> </div> </div> </div> <div id="IncompatibleInstallModal" class="eco-modal" role="dialog"> <div class="eco-modal-section" data-section="main"> <div class="eco-modal-header"> <h2 class="eco-modal-title"> This app isn’t compatible with your store </h2> <button class="eco-modal-close-action " aria-label="close modal"> <img class="tw-block tw-w-full tw-min-w-[16px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/eco/icons/eco-modal-close-b200ad2b4407778f759569d5d832b5c20ed3f1719526941f66cc7444c74711bb.svg" /> </button> </div> <div class="eco-modal-body"> <div class="tw-pt-4 tw-text-body-md tw-text-fg-secondary"> <p> Essential Countdown Timer Bar is only compatible with stores that: </p> <ul class="tw-list-disc tw-pt-2 tw-pl-6"> </ul> </div> </div> <div class="eco-modal-footer"> <div class="eco-modal-actions-container"> <div class="eco-modal-actions"> <div class="eco-modal-action-primary"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-w-full tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md"> Close </button> </div> <div class="eco-modal-action-secondary"> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 " href="https://help.shopify.com/en/manual/apps/app-compatibility"> Learn about app compatibility</a> </div> </div> </div> </div> </div> </div> </div> <div id="ModalBackdrop" class="eco-modal-backdrop" aria-hidden="true"></div> </div> </body> </html>