Best Loyalty and rewards Apps For 2024

<!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>Best Loyalty and rewards Apps For 2024 - Shopify App Store</title> <meta name="description" content="Boost your Shopify store with apps for Loyalty and rewards. Discover the latest free and premium apps on the Shopify App Store."> <link rel="canonical" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all"> <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="Best Loyalty and rewards Apps For 2024 - Shopify App Store"> <meta property="og:description" content="Boost your Shopify store with apps for Loyalty and rewards. Discover the latest free and premium apps on the Shopify App Store."> <meta property="og:image" content="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/shopify-app-store-og-20221205-765680ea3f7fdd83a99d2af93a4d70f8ee338abd3a3fb2ae4be0e114217a4bde.jpg"> <meta property="og:url" content="https://apps.shopify.com/"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta name="robots" content="index"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="RXrUV4xFLIrEyWpb6_5CyIf2UTGbl65kIqiynAMQeMUD-MfI-wqaklU--g0SF2SNwCxPQ2zoTMvUwSWotRdYxA" /> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all" hreflang="x-default"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all" hreflang="en"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=cs" hreflang="cs"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=da" hreflang="da"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=de" hreflang="de"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=es" hreflang="es"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=fi" hreflang="fi"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=fr" hreflang="fr"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=it" hreflang="it"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=ja" hreflang="ja"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=ko" hreflang="ko"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=nb" hreflang="nb"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=nl" hreflang="nl"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=pl" hreflang="pl"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=sv" hreflang="sv"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=th" hreflang="th"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=tr" hreflang="tr"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?locale=zh-CN" hreflang="zh-CN"> <link rel="alternate" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?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': null, '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":"0ffd850c-78c8-4048-ae5b-945a48a710e1","sessionToken":"b1be5d56-e8a3-4b5d-a23b-b83e017b9aaa","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="CategoriesAll" 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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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=%2Fcategories%2Fmarketing-and-conversion-customer-loyalty-loyalty-and-rewards%2Fall%3Ffeature_handles%255B%255D%3Dloyalty_and_rewards.rewards_you_can_offer.membership_perks%26show_store_picker%3D1%26surface_detail%3Dinfluence-io%26surface_type%3Dapp_details&return_to=%2Fcategories%2Fmarketing-and-conversion-customer-loyalty-loyalty-and-rewards%2Fall%3Ffeature_handles%255B%255D%3Dloyalty_and_rewards.rewards_you_can_offer.membership_perks%26surface_detail%3Dinfluence-io%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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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=b1be5d56-e8a3-4b5d-a23b-b83e017b9aaa&_y=0ffd850c-78c8-4048-ae5b-945a48a710e1&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fcategories%2Fmarketing-and-conversion-customer-loyalty-loyalty-and-rewards%2Fall%3Ffeature_handles%255B%255D%3Dloyalty_and_rewards.rewards_you_can_offer.membership_perks%26surface_detail%3Dinfluence-io%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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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=b1be5d56-e8a3-4b5d-a23b-b83e017b9aaa&_y=0ffd850c-78c8-4048-ae5b-945a48a710e1&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fcategories%2Fmarketing-and-conversion-customer-loyalty-loyalty-and-rewards%2Fall%3Ffeature_handles%255B%255D%3Dloyalty_and_rewards.rewards_you_can_offer.membership_perks%26surface_detail%3Dinfluence-io%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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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=%2Fcategories%2Fmarketing-and-conversion-customer-loyalty-loyalty-and-rewards%2Fall%3Ffeature_handles%255B%255D%3Dloyalty_and_rewards.rewards_you_can_offer.membership_perks%26show_store_picker%3D1%26surface_detail%3Dinfluence-io%26surface_type%3Dapp_details&return_to=%2Fcategories%2Fmarketing-and-conversion-customer-loyalty-loyalty-and-rewards%2Fall%3Ffeature_handles%255B%255D%3Dloyalty_and_rewards.rewards_you_can_offer.membership_perks%26surface_detail%3Dinfluence-io%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 class="modular-page-section"> <section class="tw-bg-canvas-primary tw-border-b tw-border-stroke-primary"> <div class="tw-container"> <nav aria-label="breadcrumb"> <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="tw-flex tw-gap-sm tw-py-md tw-overflow-auto"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="tw-whitespace-nowrap after:tw-content-['›'] after:tw-pl-sm last:after:tw-content-none tw-text-fg-primary"> <a class="tw-group tw-text-body-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details" data-page-type="category" data-element="breadcrumb" data-element-group="Marketing and conversion" itemprop="item" href="https://apps.shopify.com/categories/marketing-and-conversion?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_type=category&surface_version=redesign"> <span itemprop="name"> Marketing and conversion</span></a> <meta itemprop="position" content="1"> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="tw-whitespace-nowrap after:tw-content-['›'] after:tw-pl-sm last:after:tw-content-none tw-text-fg-primary"> <a class="tw-group tw-text-body-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details" data-page-type="category" data-element="breadcrumb" data-element-group="Customer loyalty" itemprop="item" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_type=category&surface_version=redesign"> <span itemprop="name"> Customer loyalty</span></a> <meta itemprop="position" content="2"> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="tw-whitespace-nowrap after:tw-content-['›'] after:tw-pl-sm last:after:tw-content-none tw-text-fg-primary"> <span itemprop="name" class="tw-text-body-sm" aria-current="page">Loyalty and rewards</span> <meta itemprop="position" content="3"> </li> </ol> </nav> </div> </section> <section class="tw-bg-canvas-secondary tw-border-stroke-primary tw-border-b tw-py-xl md:tw-py-2xl"> <div class="tw-container"> <div class="lg:tw-w-2/3"> <h1 class="tw-text-heading-xl tw-pb-sm"> Loyalty and reward apps </h1> <h4 class="tw-text-body-xl tw-text-fg-secondary"> Keep members coming back for more with loyalty programs that give out exclusive points and perks. </h4> </div> </div> </section> <div class="tw-container" style=""> <div data-controller="app-comparison-wrapper" data-action=" app-card:selected->app-comparison-wrapper#handleAppCardSelected app-card:deselected->app-comparison-wrapper#handleAppCardDeselected " data-app-comparison-wrapper-tracking-params-value="surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_type=category&surface_version=redesign"> <div data-controller="filter-reload"> <div class="tw-mt-lg tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-flex-wrap tw-gap-m"> <div class="tw-flex tw-flex-row"> <span id="app-count" class="tw-inline tw-self-center tw-text-body-md tw-text-fg-tertiary tw-pr-lg"> 71 apps with </span> <div id="features-filter-button-component"> <div class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm tw-py-xs"> <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-4 tw-py-2 tw-text-link-sm tw-flex tw-items-center tw-px-sm tw-gap-xs data-[selected=true]:tw-bg-canvas-tertiary data-[selected=true]:tw-border-stroke-secondary" href="/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?surface_detail=influence-io&surface_type=app_details" data-selected="true"> <div class="tw-flex tw-items-center"> <span class="tw-inline-block tw-text-label-md tw-text-fg-primary tw-py-xs tw-px-xs tw-pr-2 tw-bg-[left_center] tw-bg-no-repeat tw-bg-[length:12px_8px] md:tw-bg-[length:17px_10px] tw-border-r tw-border-stroke-secondary"> Membership perks </span> <div class="tw-pl-3 tw-flex tw-items-center tw-right-1 tw-h-full tw-pr-3"> <span role="img"><svg class="tw-block tw-w-[9px] tw-h-[9px]" width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.08.58a1.125 1.125 0 0 1 1.59 0L7.5 5.41 12.33.58a1.125 1.125 0 1 1 1.59 1.59L9.09 7l4.83 4.83a1.126 1.126 0 1 1-1.59 1.59L7.5 8.59l-4.83 4.83a1.125 1.125 0 0 1-1.59-1.59L5.91 7 1.08 2.17a1.125 1.125 0 0 1 0-1.59Z" fill="#000000"/> </svg> </span> </div> </div> </a> </div> </div> </div> <div class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm tw-py-xs tw-px-lg -tw-ml-lg sm:tw-p-0 sm:tw-ml-0 tw-overflow-auto sm:tw-overflow-visible"> <div id="filter-button-component"> <div class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm tw-py-xs"> <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-4 tw-py-2 tw-text-link-sm tw-flex tw-items-center tw-px-sm tw-gap-xs data-[selected=true]:tw-bg-canvas-accent-blue data-[selected=true]:tw-border-stroke-accent-blue" href="/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details&programs%5B%5D=built_for_shopify" data-selected="false"> <span class="tw-text-label-md 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> </a> </div> </div> <div id="compare-component"> <span class="tw-group" data-app-comparison-wrapper-target="toggle"> <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 group-[.selected]:tw-bg-canvas-secondary" data-action="click->app-comparison-wrapper#toggleCompareMode"> <span class="tw-inline-block tw-text-label-md tw-text-fg-primary tw-py-xs tw-pl-4 md:tw-pl-[23px] tw-bg-[left_center] tw-bg-no-repeat tw-bg-[length:12px_12px] md:tw-bg-[length:14px_14px]" style="background-image: url(https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/icons/compare-7c58cdd61a3bd3847df6ffb2898ff9c1483eb6a746017a9055d962cf00c12def.svg)"> Compare </span> <span class="tw-hidden group-[.selected]:tw-inline tw-border-l tw-border-stroke-secondary tw-pl-2 tw-ml-1" aria-label="close"> <img class="tw-inline tw-w-[9px] tw-h-[9px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/filter/close-50e35eb3cb7894ea76af06d00d82b736647a25e1b9f1bd7200c7f6fb51b0da00.svg" /> </span> </button></span> </div> </div> </div> <div id="app_grid-loading" class="hide"> <section class="results-skeleton-component tw-mt-xl md:tw-mt-2xl"> <div class="tw-grid tw-grid-cols-1 tw-grid-flow-dense tw-items-start tw-gap-gutter--mobile lg:tw-gap-x-8 md:tw-gap-y-10 tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4"> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> <section class="app-card-skeleton-component tw-flex tw-animate-pulse"> <div class="tw-flex-none tw-w-[48px] tw-h-[48px] tw-mr-xl tw-rounded-sm tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-7xl tw-space-y-sm tw-flex-col"> <div class="tw-w-full tw-flex-basis-64 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-4/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-5/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> <div class="tw-w-2/6 tw-h-md tw-rounded-lg tw-bg-gradient-to-r tw-from-fg-inverted-secondary tw-to-fg-disabled"></div> </div> </section> </div> </section> </div> <div id="app_grid-fallback" class="hide"> <section class="result-error-component tw-w-full tw-content-center tw-justify-center tw-m-auto tw-h-[50vh] tw-flex tw-flex-row tw-space-x-2 tw-items-center tw-text-fg-secondary tw-justify-center tw-text-center tw-py-16 tw-text-body-md"> <span>We are having trouble loading your results.</span> <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 " href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details"> Try again </a></section> </div> <div id="app_grid-content"> <turbo-frame data-deferred-load="true" data-turbo="false" data-autoscroll-behaviour="before-fetch" data-autoscroll-target="app_grid" id="app_grid"> <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 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-my-lg lg:tw-my-2xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="smile-io" data-app-card-name-value="Smile: Loyalty & Rewards" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/439617d93d452f065b8cd6122493ccc3/icon/CPHVlb70lu8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/smile-io?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=1&surface_type=category&surface_version=redesign" 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/439617d93d452f065b8cd6122493ccc3/icon/CPHVlb70lu8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/439617d93d452f065b8cd6122493ccc3/icon/CPHVlb70lu8CEAE=.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/439617d93d452f065b8cd6122493ccc3/icon/CPHVlb70lu8CEAE=.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/smile-io?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=1&surface_type=category&surface_version=redesign" class=""> Smile: Loyalty & Rewards </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.8 <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">(6,550)</span> <span class="tw-sr-only">6550 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Build customer loyalty with points, rewards, referrals, VIP </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 class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="subscriptions-by-appstle" data-app-card-name-value="Appstle℠ Subscriptions App" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/80b36c79c341ba709db28b0a5294fda0/icon/CP7b-sDuuPgCEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/subscriptions-by-appstle?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=2&surface_type=category&surface_version=redesign" 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/80b36c79c341ba709db28b0a5294fda0/icon/CP7b-sDuuPgCEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/80b36c79c341ba709db28b0a5294fda0/icon/CP7b-sDuuPgCEAE=.jpeg?height=144&quality=90&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/80b36c79c341ba709db28b0a5294fda0/icon/CP7b-sDuuPgCEAE=.jpeg" /> </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/subscriptions-by-appstle?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=2&surface_type=category&surface_version=redesign" class=""> Appstle℠ Subscriptions App </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">(3,902)</span> <span class="tw-sr-only">3902 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Retain customers with subscriptions, subscription box, bundles </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 class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="rivo-loyalty" data-app-card-name-value="Rivo Loyalty Rewards Referrals" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/b96869f381aa0371ff39dd2c7aa3cb52/icon/CMXC_YXqmoYDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/rivo-loyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=3&surface_type=category&surface_version=redesign" 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/b96869f381aa0371ff39dd2c7aa3cb52/icon/CMXC_YXqmoYDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/b96869f381aa0371ff39dd2c7aa3cb52/icon/CMXC_YXqmoYDEAE=.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/b96869f381aa0371ff39dd2c7aa3cb52/icon/CMXC_YXqmoYDEAE=.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/rivo-loyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=3&surface_type=category&surface_version=redesign" class=""> Rivo Loyalty Rewards Referrals </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">(2,360)</span> <span class="tw-sr-only">2360 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"> Loyalty program with referrals, rewards & VIP tiers. </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 class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="appstle-memberships" data-app-card-name-value="Appstle℠ Memberships" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/8b7082369736e8cbbbfc46dd11fb1409/icon/CN-F3ZXuuPgCEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/appstle-memberships?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=4&surface_type=category&surface_version=redesign" 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/8b7082369736e8cbbbfc46dd11fb1409/icon/CN-F3ZXuuPgCEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/8b7082369736e8cbbbfc46dd11fb1409/icon/CN-F3ZXuuPgCEAE=.jpeg?height=144&quality=90&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/8b7082369736e8cbbbfc46dd11fb1409/icon/CN-F3ZXuuPgCEAE=.jpeg" /> </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/appstle-memberships?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=4&surface_type=category&surface_version=redesign" class=""> Appstle℠ Memberships </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">(470)</span> <span class="tw-sr-only">470 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> App for membership plans, member perks, and recurring payments </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 class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="appstle-loyalty" data-app-card-name-value="Appstle℠ Loyalty & Rewards" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/96443d68c3eaa36c43a8b7d0afa5eada/icon/COui2tT74fwCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/appstle-loyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=5&surface_type=category&surface_version=redesign" 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/96443d68c3eaa36c43a8b7d0afa5eada/icon/COui2tT74fwCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/96443d68c3eaa36c43a8b7d0afa5eada/icon/COui2tT74fwCEAE=.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/96443d68c3eaa36c43a8b7d0afa5eada/icon/COui2tT74fwCEAE=.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/appstle-loyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=5&surface_type=category&surface_version=redesign" class=""> Appstle℠ Loyalty & Rewards </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">(300)</span> <span class="tw-sr-only">300 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Make loyalty powerful with points, rewards, referrals and more </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 class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="gv" data-app-card-name-value="GV: Gift Cards Loyalty Rewards" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/4f062f55ca200ffaf827a40182818242/icon/CKn18Jbc2ogDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/gv?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=6&surface_type=category&surface_version=redesign" 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/4f062f55ca200ffaf827a40182818242/icon/CKn18Jbc2ogDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/4f062f55ca200ffaf827a40182818242/icon/CKn18Jbc2ogDEAE=.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/4f062f55ca200ffaf827a40182818242/icon/CKn18Jbc2ogDEAE=.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/gv?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=6&surface_type=category&surface_version=redesign" class=""> GV: Gift Cards Loyalty Rewards </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.8 <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">(56)</span> <span class="tw-sr-only">56 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Sell digital gift card, reward store credit & loyalty program </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 class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="swell" data-app-card-name-value="Yotpo: Loyalty & Rewards" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/f693caaaf4c437600611eb42fc8da5d3/icon/CI_cy9bMiocDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/swell?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=7&surface_type=category&surface_version=redesign" 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/f693caaaf4c437600611eb42fc8da5d3/icon/CI_cy9bMiocDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/f693caaaf4c437600611eb42fc8da5d3/icon/CI_cy9bMiocDEAE=.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/f693caaaf4c437600611eb42fc8da5d3/icon/CI_cy9bMiocDEAE=.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/swell?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=7&surface_type=category&surface_version=redesign" class=""> Yotpo: Loyalty & Rewards </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.7 <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">(2,580)</span> <span class="tw-sr-only">2580 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Loyalty, Referrals & Rewards by Yotpo (formerly Swell) </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="bon-loyalty-rewards" data-app-card-name-value="BON: Loyalty Rewards Referrals" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/f367f56199c88dba9296f532dfc5b383/icon/CLS4vPSugoUDEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/bon-loyalty-rewards?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=8&surface_type=category&surface_version=redesign" 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/f367f56199c88dba9296f532dfc5b383/icon/CLS4vPSugoUDEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/f367f56199c88dba9296f532dfc5b383/icon/CLS4vPSugoUDEAE=.jpeg?height=144&quality=90&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/f367f56199c88dba9296f532dfc5b383/icon/CLS4vPSugoUDEAE=.jpeg" /> </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/bon-loyalty-rewards?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=8&surface_type=category&surface_version=redesign" class=""> BON: Loyalty Rewards Referrals </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">(1,755)</span> <span class="tw-sr-only">1755 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"> Loyalty program rewards with points, POS, referrals & VIP tier </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="joyio" data-app-card-name-value="Joy Rewards & Loyalty Program" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/1c76cf8a2c51f2fcf7a52ae3db9b0d6f/icon/CMLGrqSVxYIDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/joyio?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=9&surface_type=category&surface_version=redesign" 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/1c76cf8a2c51f2fcf7a52ae3db9b0d6f/icon/CMLGrqSVxYIDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/1c76cf8a2c51f2fcf7a52ae3db9b0d6f/icon/CMLGrqSVxYIDEAE=.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/1c76cf8a2c51f2fcf7a52ae3db9b0d6f/icon/CMLGrqSVxYIDEAE=.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/joyio?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=9&surface_type=category&surface_version=redesign" class=""> Joy Rewards & Loyalty Program </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">(1,814)</span> <span class="tw-sr-only">1814 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"> Loyalty w/ VIP tiers, point, rewards program for growth brands </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="loloyal" data-app-card-name-value="Loloyal: Loyalty Rewards Popup" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/90c0cbb40b9748b853b2851473234440/icon/COa6y4Xi5IkDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/loloyal?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=10&surface_type=category&surface_version=redesign" 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/90c0cbb40b9748b853b2851473234440/icon/COa6y4Xi5IkDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/90c0cbb40b9748b853b2851473234440/icon/COa6y4Xi5IkDEAE=.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/90c0cbb40b9748b853b2851473234440/icon/COa6y4Xi5IkDEAE=.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/loloyal?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=10&surface_type=category&surface_version=redesign" class=""> Loloyal: Loyalty Rewards Popup </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">(1,108)</span> <span class="tw-sr-only">1108 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"> Loyalty program with referrals, points rewards & VIP tiers. </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="loyaltylion" data-app-card-name-value="LoyaltyLion Rewards & Referral" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/98fe3014a0ddc555aa03aef1fc14d5b2/icon/CPDO9d3KiP8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/loyaltylion?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=11&surface_type=category&surface_version=redesign" 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/98fe3014a0ddc555aa03aef1fc14d5b2/icon/CPDO9d3KiP8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/98fe3014a0ddc555aa03aef1fc14d5b2/icon/CPDO9d3KiP8CEAE=.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/98fe3014a0ddc555aa03aef1fc14d5b2/icon/CPDO9d3KiP8CEAE=.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/loyaltylion?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=11&surface_type=category&surface_version=redesign" class=""> LoyaltyLion Rewards & Referral </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">(624)</span> <span class="tw-sr-only">624 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Increase customer loyalty & referrals with points & rewards </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="cashback-sale-booster" data-app-card-name-value="Webplanex: Cashback Wallet" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/1d9b5cc5eba5b73ae623c3f9e7d6c2c7/icon/CPzp2o273f4CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/cashback-sale-booster?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=12&surface_type=category&surface_version=redesign" 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/1d9b5cc5eba5b73ae623c3f9e7d6c2c7/icon/CPzp2o273f4CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/1d9b5cc5eba5b73ae623c3f9e7d6c2c7/icon/CPzp2o273f4CEAE=.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/1d9b5cc5eba5b73ae623c3f9e7d6c2c7/icon/CPzp2o273f4CEAE=.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/cashback-sale-booster?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=12&surface_type=category&surface_version=redesign" class=""> Webplanex: Cashback Wallet </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.8 <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">(117)</span> <span class="tw-sr-only">117 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"> Increase Sales and Customer Engagements for your store. </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 class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="ako-retargeting" data-app-card-name-value="Ako Loyalty Retargeting CRM" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/950b5f2fbc4e63124712da075f8e78a2/icon/CPnU1LL0lu8CEAE=.jpg" data-app-card-app-link-value="https://apps.shopify.com/ako-retargeting?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=13&surface_type=category&surface_version=redesign" 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/950b5f2fbc4e63124712da075f8e78a2/icon/CPnU1LL0lu8CEAE=.jpg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/950b5f2fbc4e63124712da075f8e78a2/icon/CPnU1LL0lu8CEAE=.jpg?height=144&quality=90&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/950b5f2fbc4e63124712da075f8e78a2/icon/CPnU1LL0lu8CEAE=.jpg" /> </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/ako-retargeting?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=13&surface_type=category&surface_version=redesign" class=""> Ako Loyalty Retargeting CRM </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.8 <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">(200)</span> <span class="tw-sr-only">200 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"> Loyalty Program Retargeting CRM: VIP Tiers, Rewards, Instagram </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 class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="growave" data-app-card-name-value="Growave: Loyalty & Wishlist +" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/59da3ad107e08fd5430db47cc4e0a75c/icon/CKq1o6jxo_MCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/growave?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=14&surface_type=category&surface_version=redesign" 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/59da3ad107e08fd5430db47cc4e0a75c/icon/CKq1o6jxo_MCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/59da3ad107e08fd5430db47cc4e0a75c/icon/CKq1o6jxo_MCEAE=.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/59da3ad107e08fd5430db47cc4e0a75c/icon/CKq1o6jxo_MCEAE=.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/growave?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=14&surface_type=category&surface_version=redesign" class=""> Growave: Loyalty & Wishlist + </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.8 <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">(2,136)</span> <span class="tw-sr-only">2136 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"> Boost sales with Loyalty, Reward, Referrals, Wishlist, Reviews </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="aitrillion" data-app-card-name-value="Ai: Loyalty Membership & Email" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/62474d0965dde71985e43583e390a6fd/icon/CO7m3a7lhfkCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/aitrillion?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=15&surface_type=category&surface_version=redesign" 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/62474d0965dde71985e43583e390a6fd/icon/CO7m3a7lhfkCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/62474d0965dde71985e43583e390a6fd/icon/CO7m3a7lhfkCEAE=.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/62474d0965dde71985e43583e390a6fd/icon/CO7m3a7lhfkCEAE=.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/aitrillion?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=15&surface_type=category&surface_version=redesign" class=""> Ai: Loyalty Membership & Email </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.7 <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">(498)</span> <span class="tw-sr-only">498 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"> Boost Sales: Loyalty Program, Memberships, Email & Affiliate </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="oneloyalty" data-app-card-name-value="OneLoyalty: Loyalty & Rewards" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/2468caa1cbe47067f20c667b0982d036/icon/CLnQitrlu4UDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/oneloyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=16&surface_type=category&surface_version=redesign" 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/2468caa1cbe47067f20c667b0982d036/icon/CLnQitrlu4UDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/2468caa1cbe47067f20c667b0982d036/icon/CLnQitrlu4UDEAE=.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/2468caa1cbe47067f20c667b0982d036/icon/CLnQitrlu4UDEAE=.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/oneloyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=16&surface_type=category&surface_version=redesign" class=""> OneLoyalty: Loyalty & Rewards </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.8 <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">(103)</span> <span class="tw-sr-only">103 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Drive repeat purchase rate with powerful loyalty & rewards </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 class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="themarketer-com" data-app-card-name-value="theMarketer: Email marketing" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/14736861242811dc98c8d7e6d5dd1287/icon/CIKt_MqW1IADEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/themarketer-com?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=17&surface_type=category&surface_version=redesign" 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/14736861242811dc98c8d7e6d5dd1287/icon/CIKt_MqW1IADEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/14736861242811dc98c8d7e6d5dd1287/icon/CIKt_MqW1IADEAE=.jpeg?height=144&quality=90&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/14736861242811dc98c8d7e6d5dd1287/icon/CIKt_MqW1IADEAE=.jpeg" /> </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/themarketer-com?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=17&surface_type=category&surface_version=redesign" class=""> theMarketer: Email marketing </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">(33)</span> <span class="tw-sr-only">33 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Drive sales with email marketing and loyalty programs </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="simplee-memberships" data-app-card-name-value="Simplee Memberships & Rewards" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/bf6102ae2b350dcb3ef529f05e21fa7e/icon/CI77zam--IYDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/simplee-memberships?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=18&surface_type=category&surface_version=redesign" 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/bf6102ae2b350dcb3ef529f05e21fa7e/icon/CI77zam--IYDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/bf6102ae2b350dcb3ef529f05e21fa7e/icon/CI77zam--IYDEAE=.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/bf6102ae2b350dcb3ef529f05e21fa7e/icon/CI77zam--IYDEAE=.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/simplee-memberships?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=18&surface_type=category&surface_version=redesign" class=""> Simplee Memberships & Rewards </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">(97)</span> <span class="tw-sr-only">97 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Membership perks, discounts, restrict member only content </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="super-rewards-and-loyalty" data-app-card-name-value="Super VIP Tiers & Loyalty" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/1d33d1008b86b12ead53243d9ebdf718/icon/CNWArs6i1fECEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/super-rewards-and-loyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=19&surface_type=category&surface_version=redesign" 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/1d33d1008b86b12ead53243d9ebdf718/icon/CNWArs6i1fECEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/1d33d1008b86b12ead53243d9ebdf718/icon/CNWArs6i1fECEAE=.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/1d33d1008b86b12ead53243d9ebdf718/icon/CNWArs6i1fECEAE=.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/super-rewards-and-loyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=19&surface_type=category&surface_version=redesign" class=""> Super VIP Tiers & Loyalty </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.8 <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">(54)</span> <span class="tw-sr-only">54 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> VIP tiers to reward your customers with points & gift cards </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="gameball" data-app-card-name-value="Gameball: Loyalty, Points, VIP" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/7c9749b78c8c492a8b8d929e8d143d82/icon/COm825uF4IcDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/gameball?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=20&surface_type=category&surface_version=redesign" 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/7c9749b78c8c492a8b8d929e8d143d82/icon/COm825uF4IcDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/7c9749b78c8c492a8b8d929e8d143d82/icon/COm825uF4IcDEAE=.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/7c9749b78c8c492a8b8d929e8d143d82/icon/COm825uF4IcDEAE=.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/gameball?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=20&surface_type=category&surface_version=redesign" class=""> Gameball: Loyalty, Points, VIP </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.8 <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">(235)</span> <span class="tw-sr-only">235 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"> Loyalty program w/ cashback, rewards program & store credit </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="gift-card-loyalty-program" data-app-card-name-value="Rise.ai: Gift Cards & Loyalty" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/7040e1b6bfce598796f505cf07f1682f/icon/CNqA5LSEy4EDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/gift-card-loyalty-program?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=21&surface_type=category&surface_version=redesign" 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/7040e1b6bfce598796f505cf07f1682f/icon/CNqA5LSEy4EDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/7040e1b6bfce598796f505cf07f1682f/icon/CNqA5LSEy4EDEAE=.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/7040e1b6bfce598796f505cf07f1682f/icon/CNqA5LSEy4EDEAE=.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/gift-card-loyalty-program?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=21&surface_type=category&surface_version=redesign" class=""> Rise.ai: Gift Cards & Loyalty </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.8 <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">(1,097)</span> <span class="tw-sr-only">1097 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Store Credit Wallet for Cashback, Loyalty & Membership Rewards </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="subscription-10" data-app-card-name-value="Trust Subscriptions App" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/067921f8753c782897378d1b22bc0c0b/icon/CM-6w7j45YcDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/subscription-10?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=22&surface_type=category&surface_version=redesign" 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/067921f8753c782897378d1b22bc0c0b/icon/CM-6w7j45YcDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/067921f8753c782897378d1b22bc0c0b/icon/CM-6w7j45YcDEAE=.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/067921f8753c782897378d1b22bc0c0b/icon/CM-6w7j45YcDEAE=.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/subscription-10?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=22&surface_type=category&surface_version=redesign" class=""> Trust Subscriptions App </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(6)</span> <span class="tw-sr-only">6 total reviews</span> <span class="">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free</span> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> Subscription App for Recurring Payments, Subscription Boxes... </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 class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="nector-rewards-loyalty" data-app-card-name-value="Nector: Loyalty & Rewards" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/a64d48a2d3944c8f6b543bef62d1c663/icon/CNPrpOjsm_oCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/nector-rewards-loyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=23&surface_type=category&surface_version=redesign" 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/a64d48a2d3944c8f6b543bef62d1c663/icon/CNPrpOjsm_oCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/a64d48a2d3944c8f6b543bef62d1c663/icon/CNPrpOjsm_oCEAE=.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/a64d48a2d3944c8f6b543bef62d1c663/icon/CNPrpOjsm_oCEAE=.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/nector-rewards-loyalty?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=23&surface_type=category&surface_version=redesign" class=""> Nector: Loyalty & Rewards </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(53)</span> <span class="tw-sr-only">53 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"> Boost Loyalty, Increase Retention and Build Social Proof! </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="influence-io" data-app-card-name-value="Influence ‑ Loyalty & Referral" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/cb86583523191f302d08390be3c3915a/icon/CNqA_N2myvMCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/influence-io?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=24&surface_type=category&surface_version=redesign" 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/cb86583523191f302d08390be3c3915a/icon/CNqA_N2myvMCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/cb86583523191f302d08390be3c3915a/icon/CNqA_N2myvMCEAE=.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/cb86583523191f302d08390be3c3915a/icon/CNqA_N2myvMCEAE=.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/influence-io?surface_detail=marketing-and-conversion-customer-loyalty-loyalty-and-rewards&surface_inter_position=1&surface_intra_position=24&surface_type=category&surface_version=redesign" class=""> Influence ‑ Loyalty & Referral </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.7 <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">(23)</span> <span class="tw-sr-only">23 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"> Encourage repeat business by rewarding customer loyalty. </div> </div> <div class="tw-border-none "> </div> </div> <div class=" tw-absolute tw-rounded-sm tw-z-[-1] lg:-tw-inset-md tw-inset-[-6px] tw-bg-transparent tw-border tw-border-transparent group-[.selection-enabled]:[@media(hover:hover)]:group-hover:tw-bg-canvas-secondary group-[.selected]:!tw-bg-canvas-tertiary group-[.selected]:!tw-border-stroke-secondary group-[.selected]:!tw-border tw-transition-colors " data-testid="button-backdrop"></div> </div> </div> </div> <turbo-frame id="pagination_controls" target="app_grid"> <div class="tw-flex tw-justify-center tw-py-2xl"> <section class="aria-disabled:tw-opacity-30 aria-disabled:tw-pointer-events-none" data-app-comparison-wrapper-target="pagination"> <section class="tw-block lg:tw-hidden"> <div data-pagination-controls aria-label="pagination" class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm"> <a class=" tw-border tw-rounded-xl tw-inline-block hover:tw-bg-button-canvas-secondary-hover hover:tw-border-button-stroke-secondary-hover active:tw-bg-button-canvas-secondary-active active:tw-border-button-stroke-secondary-active active:tw-border-b tw-px-lg tw-py-2 tw-text-label-md tw-bg-fg-inverted-tertiary tw-border-fg-inverted-tertiary tw-outline-0 tw-pointer-events-none" aria-label="Current Page, Page 1" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details&page=1"> 1 </a> <a class=" tw-border tw-rounded-xl tw-inline-block hover:tw-bg-button-canvas-secondary-hover hover:tw-border-button-stroke-secondary-hover active:tw-bg-button-canvas-secondary-active active:tw-border-button-stroke-secondary-active active:tw-border-b tw-px-lg tw-py-2 tw-text-label-md tw-bg-button-canvas-secondary-default tw-border-button-stroke-secondary-default focus:tw-outline focus:tw-outline-3 focus:tw-outline-button-outline-focus focus:tw-border-button-stroke-secondary-focus focus:tw-outline-offset-0" rel="next" aria-label="Go to Page 2" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details&page=2"> 2 </a> <a class=" tw-border tw-rounded-xl tw-inline-block hover:tw-bg-button-canvas-secondary-hover hover:tw-border-button-stroke-secondary-hover active:tw-bg-button-canvas-secondary-active active:tw-border-button-stroke-secondary-active active:tw-border-btw-hidden lg:tw-inline-block tw-px-lg tw-py-2 tw-text-label-md tw-bg-button-canvas-secondary-default tw-border-button-stroke-secondary-default focus:tw-outline focus:tw-outline-3 focus:tw-outline-button-outline-focus focus:tw-border-button-stroke-secondary-focus focus:tw-outline-offset-0" aria-label="Go to Page 3" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details&page=3"> 3 </a> <a class=" tw-border tw-rounded-xl tw-inline-block hover:tw-bg-button-canvas-secondary-hover hover:tw-border-button-stroke-secondary-hover active:tw-bg-button-canvas-secondary-active active:tw-border-button-stroke-secondary-active active:tw-border-b tw-px-lg tw-py-2 tw-text-label-md tw-bg-button-canvas-secondary-default tw-border-button-stroke-secondary-default focus:tw-outline focus:tw-outline-3 focus:tw-outline-button-outline-focus focus:tw-border-button-stroke-secondary-focus focus:tw-outline-offset-0" rel="next" aria-label="Go to Next Page" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details&page=2"> > </a> </div> </section> <section class="tw-hidden lg:tw-block"> <div data-pagination-controls aria-label="pagination" class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm"> <a class=" tw-border tw-rounded-xl tw-inline-block hover:tw-bg-button-canvas-secondary-hover hover:tw-border-button-stroke-secondary-hover active:tw-bg-button-canvas-secondary-active active:tw-border-button-stroke-secondary-active active:tw-border-b tw-px-xl tw-py-2.5 tw-text-label-lg tw-bg-fg-inverted-tertiary tw-border-fg-inverted-tertiary tw-outline-0 tw-pointer-events-none" aria-label="Current Page, Page 1" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details&page=1"> 1 </a> <a class=" tw-border tw-rounded-xl tw-inline-block hover:tw-bg-button-canvas-secondary-hover hover:tw-border-button-stroke-secondary-hover active:tw-bg-button-canvas-secondary-active active:tw-border-button-stroke-secondary-active active:tw-border-b tw-px-xl tw-py-2.5 tw-text-label-lg tw-bg-button-canvas-secondary-default tw-border-button-stroke-secondary-default focus:tw-outline focus:tw-outline-3 focus:tw-outline-button-outline-focus focus:tw-border-button-stroke-secondary-focus focus:tw-outline-offset-0" rel="next" aria-label="Go to Page 2" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details&page=2"> 2 </a> <a class=" tw-border tw-rounded-xl tw-inline-block hover:tw-bg-button-canvas-secondary-hover hover:tw-border-button-stroke-secondary-hover active:tw-bg-button-canvas-secondary-active active:tw-border-button-stroke-secondary-active active:tw-border-btw-hidden lg:tw-inline-block tw-px-xl tw-py-2.5 tw-text-label-lg tw-bg-button-canvas-secondary-default tw-border-button-stroke-secondary-default focus:tw-outline focus:tw-outline-3 focus:tw-outline-button-outline-focus focus:tw-border-button-stroke-secondary-focus focus:tw-outline-offset-0" aria-label="Go to Page 3" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details&page=3"> 3 </a> <a rel="next" 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-ml-sm" aria-label="Go to Next Page" href="https://apps.shopify.com/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details&page=2"> Next &rsaquo; </a> </div> </section> </section> </div> </turbo-frame> <div class="tw-hidden" data-filter-reload-target="appCount" data-id="app-count"> 71 apps with </div> <div class="tw-hidden" data-filter-reload-target="filterButtonComponent" data-id="filter-button-component"> <div class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm tw-py-xs"> <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-4 tw-py-2 tw-text-link-sm tw-flex tw-items-center tw-px-sm tw-gap-xs data-[selected=true]:tw-bg-canvas-accent-blue data-[selected=true]:tw-border-stroke-accent-blue" href="/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details&programs%5B%5D=built_for_shopify" data-selected="false"> <span class="tw-text-label-md 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> </a> </div> </div> <div class="tw-hidden" data-filter-reload-target="filterButtonComponent" data-id="features-filter-button-component"> <div class="tw-flex tw-items-center tw-gap-xs md:tw-gap-sm tw-py-xs"> <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-4 tw-py-2 tw-text-link-sm tw-flex tw-items-center tw-px-sm tw-gap-xs data-[selected=true]:tw-bg-canvas-tertiary data-[selected=true]:tw-border-stroke-secondary" href="/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?surface_detail=influence-io&surface_type=app_details" data-selected="true"> <div class="tw-flex tw-items-center"> <span class="tw-inline-block tw-text-label-md tw-text-fg-primary tw-py-xs tw-px-xs tw-pr-2 tw-bg-[left_center] tw-bg-no-repeat tw-bg-[length:12px_8px] md:tw-bg-[length:17px_10px] tw-border-r tw-border-stroke-secondary"> Membership perks </span> <div class="tw-pl-3 tw-flex tw-items-center tw-right-1 tw-h-full tw-pr-3"> <span role="img"><svg class="tw-block tw-w-[9px] tw-h-[9px]" width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.08.58a1.125 1.125 0 0 1 1.59 0L7.5 5.41 12.33.58a1.125 1.125 0 1 1 1.59 1.59L9.09 7l4.83 4.83a1.126 1.126 0 1 1-1.59 1.59L7.5 8.59l-4.83 4.83a1.125 1.125 0 0 1-1.59-1.59L5.91 7 1.08 2.17a1.125 1.125 0 0 1 0-1.59Z" fill="#000000"/> </svg> </span> </div> </div> </a> </div> </div> </turbo-frame></div> </div> <dialog class=" tw-fixed tw-z-[1000] tw-bottom-0 tw-w-screen tw-bg-canvas-primary tw-border-t tw-border-stroke-secondary tw-p-xl tw-block tw-translate-y-full open:tw-translate-y-0 tw-transition-transform " data-app-comparison-wrapper-target="toolbar" > <div class="tw-flex tw-items-center"> <div class="tw-grow tw-text-heading-md" data-app-comparison-wrapper-target="prompt"> Select up to 4 apps to compare </div> <div class="tw-grid tw-grid-cols-4 tw-grow tw-hidden" data-app-comparison-wrapper-target="appList"> <div class="tw-group tw-relative tw-col-span-1 tw-mr-md" data-app-comparison-wrapper-target="appThumbnail"> <div class="tw-hidden group-[.selected]:tw-block"> <figure aria-hidden="true" class="tw-rounded-sm tw-overflow-hidden tw-relative tw-w-appIcon--sm tw-float-left tw-mr-md after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] after:tw-rounded-sm group-hover:tw-scale-[1.025]"> <img class="tw-block tw-relative tw-w-appIcon--sm tw-h-appIcon--sm" src="" data-app-comparison-wrapper-target="icon"> </figure> <div class="tw-hidden md:tw-block tw-relative"> <p data-app-comparison-wrapper-target="name" class="tw-max-width-full tw-text-body-sm tw-text-ellipsis tw-whitespace-nowrap tw-overflow-hidden"> </p> <a class="tw-group tw-text-link-sm tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-hidden lg:tw-inline tw-text-fg-secondary" data-action="click->app-comparison-wrapper#handleRemove:prevent" data-app-comparison-wrapper-target="removeLink" href="#"> Remove </a> </div> </div> <div class="tw-border tw-border-dashed tw-border-stroke-secondary tw-rounded-sm tw-block group-[.selected]:tw-hidden tw-w-appIcon--sm tw-h-appIcon--sm" data-test="placeholder"> </div> </div> <div class="tw-group tw-relative tw-col-span-1 tw-mr-md" data-app-comparison-wrapper-target="appThumbnail"> <div class="tw-hidden group-[.selected]:tw-block"> <figure aria-hidden="true" class="tw-rounded-sm tw-overflow-hidden tw-relative tw-w-appIcon--sm tw-float-left tw-mr-md after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] after:tw-rounded-sm group-hover:tw-scale-[1.025]"> <img class="tw-block tw-relative tw-w-appIcon--sm tw-h-appIcon--sm" src="" data-app-comparison-wrapper-target="icon"> </figure> <div class="tw-hidden md:tw-block tw-relative"> <p data-app-comparison-wrapper-target="name" class="tw-max-width-full tw-text-body-sm tw-text-ellipsis tw-whitespace-nowrap tw-overflow-hidden"> </p> <a class="tw-group tw-text-link-sm tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-hidden lg:tw-inline tw-text-fg-secondary" data-action="click->app-comparison-wrapper#handleRemove:prevent" data-app-comparison-wrapper-target="removeLink" href="#"> Remove </a> </div> </div> <div class="tw-border tw-border-dashed tw-border-stroke-secondary tw-rounded-sm tw-block group-[.selected]:tw-hidden tw-w-appIcon--sm tw-h-appIcon--sm" data-test="placeholder"> </div> </div> <div class="tw-group tw-relative tw-col-span-1 tw-mr-md" data-app-comparison-wrapper-target="appThumbnail"> <div class="tw-hidden group-[.selected]:tw-block"> <figure aria-hidden="true" class="tw-rounded-sm tw-overflow-hidden tw-relative tw-w-appIcon--sm tw-float-left tw-mr-md after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] after:tw-rounded-sm group-hover:tw-scale-[1.025]"> <img class="tw-block tw-relative tw-w-appIcon--sm tw-h-appIcon--sm" src="" data-app-comparison-wrapper-target="icon"> </figure> <div class="tw-hidden md:tw-block tw-relative"> <p data-app-comparison-wrapper-target="name" class="tw-max-width-full tw-text-body-sm tw-text-ellipsis tw-whitespace-nowrap tw-overflow-hidden"> </p> <a class="tw-group tw-text-link-sm tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-hidden lg:tw-inline tw-text-fg-secondary" data-action="click->app-comparison-wrapper#handleRemove:prevent" data-app-comparison-wrapper-target="removeLink" href="#"> Remove </a> </div> </div> <div class="tw-border tw-border-dashed tw-border-stroke-secondary tw-rounded-sm tw-block group-[.selected]:tw-hidden tw-w-appIcon--sm tw-h-appIcon--sm" data-test="placeholder"> </div> </div> <div class="tw-group tw-relative tw-col-span-1 tw-mr-md" data-app-comparison-wrapper-target="appThumbnail"> <div class="tw-hidden group-[.selected]:tw-block"> <figure aria-hidden="true" class="tw-rounded-sm tw-overflow-hidden tw-relative tw-w-appIcon--sm tw-float-left tw-mr-md after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] after:tw-rounded-sm group-hover:tw-scale-[1.025]"> <img class="tw-block tw-relative tw-w-appIcon--sm tw-h-appIcon--sm" src="" data-app-comparison-wrapper-target="icon"> </figure> <div class="tw-hidden md:tw-block tw-relative"> <p data-app-comparison-wrapper-target="name" class="tw-max-width-full tw-text-body-sm tw-text-ellipsis tw-whitespace-nowrap tw-overflow-hidden"> </p> <a class="tw-group tw-text-link-sm tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-hidden lg:tw-inline tw-text-fg-secondary" data-action="click->app-comparison-wrapper#handleRemove:prevent" data-app-comparison-wrapper-target="removeLink" href="#"> Remove </a> </div> </div> <div class="tw-border tw-border-dashed tw-border-stroke-secondary tw-rounded-sm tw-block group-[.selected]:tw-hidden tw-w-appIcon--sm tw-h-appIcon--sm" data-test="placeholder"> </div> </div> </div> <div class="tw-shrink-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-6 tw-py-4 tw-text-link-md tw-hidden md:tw-inline-block" data-action="click->app-comparison-wrapper#disableCompareMode"> Cancel </button> <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-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md" disabled="disabled" data-app-comparison-wrapper-target="compareButton" data-action="click->app-comparison-wrapper#handleCompare:prevent"> <span class="tw-hidden md:tw-inline"> Compare apps </span> <span class="tw-inline md:tw-hidden"> Compare </span> </button> </div> </div> </dialog> </div> </div> <div class="tw-pt-lg lg:tw-pt-2xl" style=""> <div class="tw-bg-canvas-inverted-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="category" data-waypoint-waypoint="1" data-waypoint-surface="category" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="marketing-and-conversion-customer-loyalty-loyalty-and-rewards"> <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/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&surface_type=app_details" data-page-type="category" data-element="get-started-btn" data-element-group="signup-free-trial" href="https://accounts.shopify.com/store-create?_s=b1be5d56-e8a3-4b5d-a23b-b83e017b9aaa&_y=0ffd850c-78c8-4048-ae5b-945a48a710e1&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fcategories%2Fmarketing-and-conversion-customer-loyalty-loyalty-and-rewards%2Fall%3Ffeature_handles%255B%255D%3Dloyalty_and_rewards.rewards_you_can_offer.membership_perks%26surface_detail%3Dinfluence-io%26surface_type%3Dapp_details&signup_types%5B%5D=paid_trial_experience"> Try Shopify free for 3 days </a> </div> </div> </div> </div> </section> </main> <footer class="tw-py-10 tw-text-body-md tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" data-section-name="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="CrfDDtMasP4nMemVPOrC27elad1brCa8YBqwP6gJ_-tMNdCRpFUG5rbGecPFA-Se8H93r6zTxBOWcycLHg7f6g" 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"></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" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1sziOtLT7v8KmQfriUTXLOrizTETj30uM2z8qMH66ViQTvGlpZxY55tul71wrfFprTjTQ-Twn4HFBWucd_3JWQ" 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="/categories/marketing-and-conversion-customer-loyalty-loyalty-and-rewards/all?feature_handles%5B%5D=loyalty_and_rewards.rewards_you_can_offer.membership_perks&surface_detail=influence-io&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=b1be5d56-e8a3-4b5d-a23b-b83e017b9aaa&_y=0ffd850c-78c8-4048-ae5b-945a48a710e1&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fcategories%2Fmarketing-and-conversion-customer-loyalty-loyalty-and-rewards%2Fall%3Ffeature_handles%255B%255D%3Dloyalty_and_rewards.rewards_you_can_offer.membership_perks%26surface_detail%3Dinfluence-io%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=%2Fcategories%2Fmarketing-and-conversion-customer-loyalty-loyalty-and-rewards%2Fall%3Ffeature_handles%255B%255D%3Dloyalty_and_rewards.rewards_you_can_offer.membership_perks%26surface_detail%3Dinfluence-io%26surface_type%3Dapp_details"> Developer login</a> </div> </div> </div> </div> </div> </div> <div id="ModalBackdrop" class="eco-modal-backdrop" aria-hidden="true"></div> </div> </body> </html>

CINXE.COM

Best Loyalty and rewards Apps For 2024 - Shopify App Store