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>Lucky Orange Heatmaps & Replay - Optimize your online store using Lucky Orange | Shopify App Store</title> <meta name="description" content="Grow your business by seeing exactly what stops people from converting. Watch full session recordings and study heatmaps to learn about visitors."> <link rel="canonical" href="https://apps.shopify.com/lucky-orange"> <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="Lucky Orange Heatmaps & Replay - Optimize your online store using Lucky Orange | Shopify App Store"><meta property="og:description" content="Grow your business by seeing exactly what stops people from converting. Watch full session recordings and study heatmaps to learn about visitors."><meta property="og:image" content="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/icon/CNWK6dflsPACEAE=.png"><meta property="og:url" content="https://apps.shopify.com/lucky-orange"><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.7/5"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Lucky Orange Heatmaps \u0026 Replay","description":"Grow your business by seeing exactly what stops people from converting. Watch full session recordings and study heatmaps to learn about visitors.","image":["https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/icon/CNWK6dflsPACEAE=.png"],"operatingSystem":"Shopify","applicationCategory":"DeveloperApplication","brand":"Lucky Orange LLC","aggregateRating":{"@type":"AggregateRating","ratingValue":4.7,"ratingCount":1390}}</script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="0_NPfJCdGRymUGmltChLMg_2yaz-6UxsVHN0g4Qi5ckFG1SpLyKsK8qbkJeq4ZNeufAa5S3AzSOKN6NpDDFnUg" /> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange" hreflang="x-default"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange" hreflang="en"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=cs" hreflang="cs"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=da" hreflang="da"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=de" hreflang="de"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=es" hreflang="es"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=fi" hreflang="fi"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=fr" hreflang="fr"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=it" hreflang="it"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=ja" hreflang="ja"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=ko" hreflang="ko"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=nb" hreflang="nb"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=nl" hreflang="nl"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=pl" hreflang="pl"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=sv" hreflang="sv"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=th" hreflang="th"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=tr" hreflang="tr"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?locale=zh-CN" hreflang="zh-CN"> <link rel="alternate" href="https://apps.shopify.com/lucky-orange?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': "lucky-orange", '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":"9967110e-9738-40ce-af30-9ada87c747a4","sessionToken":"ab607295-f629-469a-afba-29fdd1666276","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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" data-page-type="all" data-element="log-in-btn" data-element-group="nav-bar-megamenu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Flucky-orange%3Fshow_store_picker%3D1%26surface_detail%3Dvendo%26surface_inter_position%3D1%26surface_intra_position%3D2%26surface_type%3Dapp_details&return_to=%2Flucky-orange%3Fsurface_detail%3Dvendo%26surface_inter_position%3D1%26surface_intra_position%3D2%26surface_type%3Dapp_details"> 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" data-page-type="all" data-element="get-started-btn" data-element-group="nav-bar-megamenu" href="https://accounts.shopify.com/store-create?_s=ab607295-f629-469a-afba-29fdd1666276&_y=9967110e-9738-40ce-af30-9ada87c747a4&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Flucky-orange%3Fsurface_detail%3Dvendo%26surface_inter_position%3D1%26surface_intra_position%3D2%26surface_type%3Dapp_details&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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" data-page-type="all" data-element="get-started-btn" data-element-group="side-menu" href="https://accounts.shopify.com/store-create?_s=ab607295-f629-469a-afba-29fdd1666276&_y=9967110e-9738-40ce-af30-9ada87c747a4&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Flucky-orange%3Fsurface_detail%3Dvendo%26surface_inter_position%3D1%26surface_intra_position%3D2%26surface_type%3Dapp_details&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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" data-page-type="all" data-element="log-in-btn" data-element-group="side-menu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Flucky-orange%3Fshow_store_picker%3D1%26surface_detail%3Dvendo%26surface_inter_position%3D1%26surface_intra_position%3D2%26surface_type%3Dapp_details&return_to=%2Flucky-orange%3Fsurface_detail%3Dvendo%26surface_inter_position%3D1%26surface_intra_position%3D2%26surface_type%3Dapp_details"> 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="Lucky Orange Heatmaps & Replay" class="tw-rounded-sm tw-block tw-w-full" src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/icon/CNWK6dflsPACEAE=.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"> Lucky Orange Heatmaps & Replay </h1> </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 </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> </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.7</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="1390 Reviews" id="reviews-link" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" data-page-type="app_details_page" data-element="reviews_link" data-element-group="adp_hero" href="#adp-reviews"> (1,390) </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/luckyorange"> Lucky Orange LLC </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="6347e264c8d3e24d7b2e8687c58213a8" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="lucky-orange" 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-DDH9DZ2BGF" data-partner-tracking-label="lucky-orange" data-partner-tracking-value="19" data-partner-tracking-id="629923608" data-partner-tracking-name="Lucky Orange Heatmaps & Replay" 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="AVo_u6mbzickFDSzdhpqHgKzX12ox3bs-RvAF9hoG33XsiRuFiR7EEjfzYFo07JytLWMFHvu96MnXxf9UHuZ5g" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="6347e264c8d3e24d7b2e8687c58213a8" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/lucky-orange?show_store_picker=1&surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" autocomplete="off" /><input type="hidden" name="return_to" value="/lucky-orange" autocomplete="off" /></form> <div class="tw-my-md tw-justify-center tw-flex tw-flex-nowrap tw-items-center"> </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="7"> <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/OIWLX6vws6M?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Lucky Orange Heatmaps & Replay" 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="Watch people navigate your website to increase conversions " srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CN3o6qim8PICEAE=.png?height=360&width=640 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CN3o6qim8PICEAE=.png?height=360&width=640 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CN3o6qim8PICEAE=.png?height=360&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="Lucky Orange Dynamic Heatmaps provide an interactive overlay" srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CMbC9qim8PICEAE=.png?height=360&width=640 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CMbC9qim8PICEAE=.png?height=360&width=640 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CMbC9qim8PICEAE=.png?height=360&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="Build announcements that get the right people's attention" srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CPHsp5zn4fUCEAE=.png?height=360&width=640 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CPHsp5zn4fUCEAE=.png?height=360&width=640 2x" class="tw-w-full tw-opacity-50" src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CPHsp5zn4fUCEAE=.png?height=360&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"> + 3 more </button> </div> </li> </ul> </div> <div class="gallery-images--mobile lg:tw-hidden" data-screenshot-count="7"> <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/OIWLX6vws6M?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Lucky Orange Heatmaps & Replay" 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="Watch people navigate your website to increase conversions " srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CN3o6qim8PICEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CN3o6qim8PICEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CN3o6qim8PICEAE=.png?height=720&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="Lucky Orange Dynamic Heatmaps provide an interactive overlay" srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CMbC9qim8PICEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CMbC9qim8PICEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CMbC9qim8PICEAE=.png?height=720&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="Build announcements that get the right people's attention" srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CPHsp5zn4fUCEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CPHsp5zn4fUCEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CPHsp5zn4fUCEAE=.png?height=720&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="See where people abandon their journey on your website " srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CIXPjamm8PICEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CIXPjamm8PICEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CIXPjamm8PICEAE=.png?height=720&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="Deliver real time customer support and use collaboration tools" srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLKk84L0koUDEAE=.jpeg?height=720&quality=90&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLKk84L0koUDEAE=.jpeg?height=720&quality=90&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLKk84L0koUDEAE=.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="Organize key metrics and high-level trends that matter most " srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLT6pamm8PICEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLT6pamm8PICEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLT6pamm8PICEAE=.png?height=720&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/OIWLX6vws6M?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Lucky Orange Heatmaps & Replay" 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="Watch people navigate your website to increase conversions " srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CN3o6qim8PICEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CN3o6qim8PICEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CN3o6qim8PICEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Lucky Orange Dynamic Heatmaps provide an interactive overlay" srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CMbC9qim8PICEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CMbC9qim8PICEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CMbC9qim8PICEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Build announcements that get the right people's attention" srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CPHsp5zn4fUCEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CPHsp5zn4fUCEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CPHsp5zn4fUCEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="See where people abandon their journey on your website " srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CIXPjamm8PICEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CIXPjamm8PICEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CIXPjamm8PICEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Deliver real time customer support and use collaboration tools" srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLKk84L0koUDEAE=.jpeg?height=900&quality=90&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLKk84L0koUDEAE=.jpeg?height=1800&quality=90&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLKk84L0koUDEAE=.jpeg?height=900&quality=90&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Organize key metrics and high-level trends that matter most " srcset="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLT6pamm8PICEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLT6pamm8PICEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/6347e264c8d3e24d7b2e8687c58213a8/desktop_screenshot/CLT6pamm8PICEAE=.png?height=900&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"> Get visual analytics on what customers purchase, products they add to cart and checkout abandonment </h2> <p class="tw-hidden lg:tw-block tw-text-body-md tw-text-fg-secondary"> Get more conversions and sales on your store by seeing what visitors ACTUALLY do. With the click of a button , you can view Session Recordings and live visitors on your site to uncover sources of cart abandonment and lost sales. Heatmaps show you what shoppers find most interesting on your site. Our pre-built Conversion Funnels show you where most visitors drop out of the purchase journey. Also we offer a variety of preloaded checkout events that are pivotal in understanding customer behavior. </p> <div class="lg:tw-hidden tw-text-body-md tw-text-fg-secondary" data-truncate-app-details> <span data-truncate-content-copy> Get more conversions and sales on your store by seeing what visitors ACTUALLY do. With the click of a button , you can view Session Recordings and live visitors on your site to uncover sources of cart abandonment and lost sales. Heatmaps show you what shoppers find most interesting on your site. Our pre-built Conversion Funnels show you where most visitors drop out of the purchase journey. Also we offer a variety of preloaded checkout events that are pivotal in understanding customer behavior. </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"> Recordings & Heatmaps - see what people find most interesting (and not) </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Surveys - why guess what your customers want when you can ask them yourself? </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Conversion Funnels - we pre-built them for you so you can see drop off fast </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Discovery - helps you answer pressing questions about your website visitors </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Checkout Analytics - View events for what people do on your checkout page </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> </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, German, Italian, French, and Spanish</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"> <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/app-groups/extensions/checkout?surface_detail=lucky-orange&surface_type=app_details"> Checkout</a>, HubSpot, Google Analytics, Zapier, Optimizely </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/store-management-operations-analytics?surface_detail=lucky-orange&surface_type=app_details"> Analytics </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"> Customer behavior </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-management-operations-analytics/all?feature_handles%5B%5D=analytics.customer_behavior.real_time_tracking&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Real-time tracking</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.customer_behavior.activity_tracking&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Activity tracking</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.customer_behavior.event_tracking&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Event tracking</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.customer_behavior.session_replay&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Session replay</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.customer_behavior.replay_filtering&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Replay filtering</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.customer_behavior.segmentation&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Segmentation</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.customer_behavior.page_views&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Page views</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"> Marketing and sales </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-management-operations-analytics/all?feature_handles%5B%5D=analytics.marketing_and_sales.marketing_attribution&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Marketing attribution</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.marketing_and_sales.checkout_analytics&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Checkout analytics</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.marketing_and_sales.purchase_tracking&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Purchase tracking</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.marketing_and_sales.funnel_analysis&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Funnel analysis</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.marketing_and_sales.utm_tracking&locale=en&surface_detail=lucky-orange&surface_type=app_details"> UTM tracking</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.marketing_and_sales.abandoned_carts&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Abandoned carts</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"> Visuals and reports </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-management-operations-analytics/all?feature_handles%5B%5D=analytics.visuals_and_reports.heatmaps&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Heatmaps</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.visuals_and_reports.analytics_dashboard&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Analytics dashboard</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.visuals_and_reports.custom_dashboard&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Custom dashboard</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.visuals_and_reports.data_export&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Data export</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.visuals_and_reports.historical_analysis&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Historical analysis</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-management-operations-analytics/all?feature_handles%5B%5D=analytics.visuals_and_reports.notifications&locale=en&surface_detail=lucky-orange&surface_type=app_details"> Notifications</a></li> </ul> </div> </div> </div> <div class="tw-group" > <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-site-optimization-site-optimization-other?surface_detail=lucky-orange&surface_type=app_details"> Site optimization - Other </a> </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 </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"> 100 sessions/month <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> 30 day data storage <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"> Launch </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="$19/month"> <span class="tw-text-heading-2xl lg:tw-text-heading-xl 2xl:tw-text-heading-2xl !tw-leading-none"> $19 </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 $182.40/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"> 500 sessions/month <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> 30 day data storage <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"> Build </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="$39/month"> <span class="tw-text-heading-2xl lg:tw-text-heading-xl 2xl:tw-text-heading-2xl !tw-leading-none"> $39 </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 $374.40/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"> 5,000 sessions/month <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> 60 day data storage <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"> Grow </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="$89/month"> <span class="tw-text-heading-2xl lg:tw-text-heading-xl 2xl:tw-text-heading-2xl !tw-leading-none"> $89 </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 $854.40/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"> 15,000 sessions/month <li> <li class="tw-text-body-xs tw-text-fg-secondary tw-pb-xs"> 60 day data storage <li> </ul> </div> </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. <a class="link-inline" href="https://luckyorange.com/pricing" rel="nofollow noopener" target="_blank" aria-describedby="aria-new-window-desc"> See all pricing options </a> </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"> (1,390) </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.7 out of 5 stars"> 4.7 </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.7 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.39621 0.862887C8.27727 0.789014 8.14003 0.74991 8.00001 0.75C7.86 0.74991 7.72276 0.789014 7.60382 0.862887C7.48488 0.93676 7.38899 1.04245 7.32701 1.168L5.44401 4.983L1.23401 5.594C1.09534 5.61397 0.96504 5.67238 0.857868 5.76261C0.750695 5.85284 0.670939 5.97129 0.627636 6.10453C0.584334 6.23777 0.579216 6.38047 0.612864 6.51647C0.646511 6.65247 0.717578 6.77632 0.818012 6.874L3.86601 9.843L3.14601 14.037C3.12252 14.1749 3.13805 14.3165 3.19083 14.446C3.2436 14.5755 3.33154 14.6877 3.44469 14.7699C3.55785 14.852 3.69173 14.9009 3.8312 14.911C3.97068 14.9211 4.1102 14.892 4.23401 14.827L8.00001 12.847L11.766 14.827C11.8899 14.8921 12.0295 14.9212 12.1691 14.9111C12.3087 14.901 12.4427 14.852 12.5559 14.7697C12.6691 14.6874 12.757 14.5751 12.8097 14.4454C12.8624 14.3157 12.8777 14.1739 12.854 14.036L12.135 9.844L15.181 6.874C15.2812 6.77628 15.352 6.6525 15.3854 6.51665C15.4189 6.3808 15.4137 6.23829 15.3704 6.10523C15.3272 5.97218 15.2475 5.85388 15.1405 5.76372C15.0336 5.67355 14.9035 5.61511 14.765 5.595L10.555 4.983L8.67301 1.168C8.61103 1.04245 8.51515 0.93676 8.39621 0.862887ZM8.00001 10.8869C8.00001 11.0874 8.17157 11.2427 8.34901 11.336L11.119 12.792L10.589 9.708C10.5685 9.5881 10.5774 9.46501 10.615 9.34933C10.6527 9.23365 10.7179 9.12886 10.805 9.044L13.045 6.861L9.94901 6.411C9.82883 6.39344 9.71471 6.34695 9.61647 6.27553C9.51822 6.20411 9.4388 6.1099 9.38501 6.001L8.28452 3.77141C8.21427 3.6291 8.00001 3.6791 8.00001 3.8378V10.8869Z" /> </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"> 86% 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="86%" 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="1194 total reviews" href="/lucky-orange/reviews?ratings%5B%5D=5"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 1.2K </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="83 total reviews" href="/lucky-orange/reviews?ratings%5B%5D=4"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 83 </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"> 2% 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="2%" 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="27 total reviews" href="/lucky-orange/reviews?ratings%5B%5D=3"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 27 </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"> 1% 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="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="18 total reviews" href="/lucky-orange/reviews?ratings%5B%5D=2"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 18 </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"> 5% 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="5%" 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="68 total reviews" href="/lucky-orange/reviews?ratings%5B%5D=1"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 68 </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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" data-page-type="app_details_page" data-element="all_reviews_button" data-element-group="adp_reviews" href="/lucky-orange/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="6347e264c8d3e24d7b2e8687c58213a8" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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 its intuitive interface and effective tracking tools like heatmaps and session recordings, which enhance site usability and boost sales. The app is noted for its seamless Shopify integration, easy installation, and responsive support. It offers a cost-effective pricing structure, including a free plan beneficial for new or small businesses, making it a valuable tool for optimizing website performance. </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="1526495" 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 10, 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">This app is a must-have. It's, probably, one of the top 3 apps a merchant should install. It gives golden information on the customers' journey in, through and out of one's eshop.</p> <p class="tw-break-words">Support is, also, excellent. Every time I needed some answers or help, they were there to answer them quickly and to the point.</p> <p class="tw-break-words">So, I must say that I cannot recommend this app highly enough !</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="COLORADDICTED.COM"> COLORADDICTED.COM </div> <div>Greece</div> <div>Almost 8 years 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-373277" 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"> Lucky Orange LLC replied September 12, 2024 </div> </div> <div class="tw-text-body-sm tw-text-fg-tertiary" data-reply-id="373277" data-truncate-review="175"> <div class="tw-space-y-md" data-truncate-content-copy> <p>Wow! These are words we love to hear. There’s nothing quite like the feeling when you see exactly what’s stopping more visitors from turning into customers. Instead of blindly trying to improve your website, you could isolate the issue and fix it. Thank you for your review and recommendation, and you know we're here to help if you need anything. Happy tracking! </p> <p> Cheers - Emilia from Lucky Orange</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="1552634" 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 3, 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">Excellent app to see exactly where customers are scrolling, clicking, adding to cart, or exiting. The free plan is perfect when you're just starting out. I love to use this when I've made changes to my site to see how things are working (or not working) for my customers. The customer service is outstanding. Quick, friendly, and helpful! Highly recommend Lucky Orange!</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="The Note House"> The Note House </div> <div>United States</div> <div>About 1 year 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-381966" 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"> Lucky Orange LLC replied October 7, 2024 </div> </div> <div class="tw-text-body-sm tw-text-fg-tertiary" data-reply-id="381966" data-truncate-review="175"> <div class="tw-space-y-md" data-truncate-content-copy> <p>Thanks for taking the time to leave us a review! Seeing exactly what your visitors and customers do and experience on your website can make all the difference in improving your website and growing your business. Thanks for your review, and happy tracking! We're just an email away if you need anything! </p> <p>Cheers - Emilia from Lucky Orange</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="1553885" 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 4, 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 always had a rough idea of where our website could improve, but Lucky Orange gave us the visibility we were missing. Being able to watch actual user sessions and see exactly where visitors were getting stuck or dropping off has made it so much easier to make tweaks that matter.</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="IVeinte Terp Vodka"> IVeinte Terp Vodka </div> <div>United States</div> <div>5 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-381969" 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"> Lucky Orange LLC replied October 7, 2024 </div> </div> <div class="tw-text-body-sm tw-text-fg-tertiary" data-reply-id="381969" data-truncate-review="175"> <div class="tw-space-y-md" data-truncate-content-copy> <p>We appreciate your review! It's always amazing how visitor behavior shows you exactly what happened during someone's visit to your website. No more guessing or trying to make sense of data points. When you can actually see them hitting barriers on your website, you know exactly what needs to be changed. Thanks for your review, and we're here if you need anything!</p> <p>Cheers - Jordan from Lucky Orange</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"> Lucky Orange LLC can answer any questions you have about Lucky Orange Heatmaps & Replay. </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@luckyorange.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/luckyorange"> Lucky Orange LLC </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="https://www.luckyorange.com/"> Website </a> </div> <p class="tw-text-fg-tertiary tw-text-body-md">8665 West 96th Street, suite 100, Overland Park, KS, 66212, US</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://www.luckyorange.com/legal/privacy"> 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://help-preview.luckyorange.com/"> FAQ </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"> July 8, 2014 </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-snap-x md:tw-snap-none tw-overflow-x-auto tw-snap-mandatory"> <div class="tw-rounded-sm tw-overflow-hidden tw-min-h-fit tw-bg-cover tw-bg-center tw-aspect-[4/5] tw-snap-center tw-shrink-0 md:tw-shrink tw-basis-4/5 md:tw-basis-1/3 xl:tw-aspect-[1] 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-enhance-the-full-buying-journey?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-enhance-the-full-buying-journey/display-card-0a40509a0fc90833ffc37aec5195c5f1f6884c3df729b9401378745d409f9972.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-enhance-the-full-buying-journey/display-card@2x-b8bd9a37e058143f50082b43836e2a4ba31ebe482d89770d6858b3dfe67d43a4.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-enhance-the-full-buying-journey/display-card-0a40509a0fc90833ffc37aec5195c5f1f6884c3df729b9401378745d409f9972.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"> Personalize the buying journey </h5> <h3 class="tw-text-heading-xl tw-text-pretty group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">Craft unique buying experiences from pre- to post-purchase.</h3> </div> </div></a></div> <div class="tw-rounded-sm tw-overflow-hidden tw-min-h-fit tw-bg-cover tw-bg-center tw-aspect-[4/5] tw-snap-center tw-shrink-0 md:tw-shrink tw-basis-4/5 md:tw-basis-1/3 xl:tw-aspect-[1] 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-web-pixels?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-web-pixels/display-card-84fe94d34c1e1c57f5a6f1d0782327ab765ac090e5f0ae913341d0d5ac669085.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-web-pixels/display-card@2x-fd0be4b53d3b34d43f05bc7785c8cc5b4ba5daaa86c749beb527e3d0b2a768e7.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-web-pixels/display-card-84fe94d34c1e1c57f5a6f1d0782327ab765ac090e5f0ae913341d0d5ac669085.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"> Optimize your marketing </h5> <h3 class="tw-text-heading-xl tw-text-pretty group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">Make the right marketing decisions using web pixel apps.</h3> </div> </div></a></div> <div class="tw-rounded-sm tw-overflow-hidden tw-min-h-fit tw-bg-cover tw-bg-center tw-aspect-[4/5] tw-snap-center tw-shrink-0 md:tw-shrink tw-basis-4/5 md:tw-basis-1/3 xl:tw-aspect-[1] 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-customize-your-checkout?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-customize-your-checkout/display-card-c83635a41a5b692354f1ce43a988120a32e7fcdefa1c12099fc85e8adec205ca.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-customize-your-checkout/display-card@2x-126a5b16879a601b566296a21ac9c7e4258e6bde695a52b69d3ec6ff16f9c8a6.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-customize-your-checkout/display-card-c83635a41a5b692354f1ce43a988120a32e7fcdefa1c12099fc85e8adec205ca.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"> Customize your checkout </h5> <h3 class="tw-text-heading-xl tw-text-pretty group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">Tailor their checkout experience with apps.</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="session-recording-now" data-app-card-name-value="Propel Replay & Session Record" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/4d70c3ddfc421bdfd1bb067d0937b80e/icon/CNKS96D5gvcCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/session-recording-now?surface_detail=lucky-orange&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/4d70c3ddfc421bdfd1bb067d0937b80e/icon/CNKS96D5gvcCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/4d70c3ddfc421bdfd1bb067d0937b80e/icon/CNKS96D5gvcCEAE=.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/4d70c3ddfc421bdfd1bb067d0937b80e/icon/CNKS96D5gvcCEAE=.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/session-recording-now?surface_detail=lucky-orange&surface_inter_position=1&surface_intra_position=1&surface_type=app_details" class=""> Propel Replay & Session Record </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">(580)</span> <span class="tw-sr-only">580 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"> Record shoppers with replay, heatmaps, analytics & surveys </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="mida-session-recording-replay" data-app-card-name-value="MIDA: Heatmap, Record & Replay" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/8343da90e26315eae7a92d0980eedacc/icon/CLnB68bKx_8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/mida-session-recording-replay?surface_detail=lucky-orange&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/8343da90e26315eae7a92d0980eedacc/icon/CLnB68bKx_8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/8343da90e26315eae7a92d0980eedacc/icon/CLnB68bKx_8CEAE=.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/8343da90e26315eae7a92d0980eedacc/icon/CLnB68bKx_8CEAE=.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/mida-session-recording-replay?surface_detail=lucky-orange&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" class=""> MIDA: Heatmap, Record & Replay </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">(144)</span> <span class="tw-sr-only">144 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"> Better replay, session recording & heatmap for buyer analytics </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 class="tw-w-full" data-controller="app-card" data-app-card-handle-value="sirge-3" data-app-card-name-value="Your E‑Comm Sidekick" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/c8cf734c80b44421f9ac1219aa9a07dd/icon/CNOuquyW5YQDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/sirge-3?surface_detail=lucky-orange&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/c8cf734c80b44421f9ac1219aa9a07dd/icon/CNOuquyW5YQDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/c8cf734c80b44421f9ac1219aa9a07dd/icon/CNOuquyW5YQDEAE=.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/c8cf734c80b44421f9ac1219aa9a07dd/icon/CNOuquyW5YQDEAE=.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/sirge-3?surface_detail=lucky-orange&surface_inter_position=1&surface_intra_position=3&surface_type=app_details" class=""> Your E‑Comm Sidekick </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">(43)</span> <span class="tw-sr-only">43 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"> Facebook, Instagram & TikTok ads made easy with accurate data </div> </div> <div class="tw-border-none "> </div> </div> </div> </div> </div> </div> </section> </div> </section>  <script> gtag('config', 'G-DDH9DZ2BGF'); </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="app_details" data-waypoint-waypoint="0" data-waypoint-surface="app_details" data-waypoint-surface-detail="vendo"> <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/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" data-page-type="app_details" data-element="get-started-btn" data-element-group="signup-free-trial" href="https://accounts.shopify.com/store-create?_s=ab607295-f629-469a-afba-29fdd1666276&_y=9967110e-9738-40ce-af30-9ada87c747a4&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Flucky-orange%3Fsurface_detail%3Dvendo%26surface_inter_position%3D1%26surface_intra_position%3D2%26surface_type%3Dapp_details&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="OmKotQiotcCbc-jB9Fj4Z_Tp0YxPPPgwr2aAzQaEcLDsirNgtxcA9_e4EfPqkSALQu8CxZwVeX9xIlcnjpfyKw" 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/lucky-orange" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lrfb6BG8FED3eZlSt3j4dmHMWZrjK1qQPC51Rw5JKHH4X8A9rgOhd5uyYGCpsSAa18qK0zAC29_iaqKthlqq6g" 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="/lucky-orange?surface_detail=vendo&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" 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=ab607295-f629-469a-afba-29fdd1666276&_y=9967110e-9738-40ce-af30-9ada87c747a4&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Flucky-orange%3Fsurface_detail%3Dvendo%26surface_inter_position%3D1%26surface_intra_position%3D2%26surface_type%3Dapp_details&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=%2Flucky-orange%3Fsurface_detail%3Dvendo%26surface_inter_position%3D1%26surface_intra_position%3D2%26surface_type%3Dapp_details"> 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> Lucky Orange Heatmaps & Replay 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>