CINXE.COM

<!doctype html> <html lang="en"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-TMHDF2L");</script>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Sanity Connect - Build customer loyalty with more expressive storefronts | Shopify App Store</title> <meta name="description" content="Create outstanding shoppable experiences by combining the power of Shopify and Sanity. Bridge commerce and content with the Sanity Connect app to d..."> <link rel="canonical" href="https://apps.shopify.com/sanity-connect"> <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="Sanity Connect - Build customer loyalty with more expressive storefronts | Shopify App Store"><meta property="og:description" content="Create outstanding shoppable experiences by combining the power of Shopify and Sanity. Bridge commerce and content with the Sanity Connect app to d..."><meta property="og:image" content="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/icon/CJzWsPTq_PMCEAE=.png"><meta property="og:url" content="https://apps.shopify.com/sanity-connect"><meta property="twitter:card" content="summary"><meta property="twitter:value1" content="Pricing"><meta property="twitter:data1" content="Free to install"><meta property="twitter:value2" content="Star rating"><meta property="twitter:data2" content="3.5/5"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Sanity Connect","description":"","image":["https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/icon/CJzWsPTq_PMCEAE=.png"],"operatingSystem":"Shopify","applicationCategory":"DeveloperApplication","brand":"Sanity","aggregateRating":{"@type":"AggregateRating","ratingValue":3.5,"ratingCount":6}}</script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="Z_s2NT7MFTSuvxwRnVwKRYBET_A3qHXt0zMkz5ogIbc6S7qykc60PftIKA6XCXxdGPg4g5zJw-Zb4W7AlUJ8pg" /> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect" hreflang="x-default"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect" hreflang="en"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=cs" hreflang="cs"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=da" hreflang="da"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=de" hreflang="de"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=es" hreflang="es"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=fi" hreflang="fi"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=fr" hreflang="fr"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=it" hreflang="it"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=ja" hreflang="ja"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=ko" hreflang="ko"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=nb" hreflang="nb"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=nl" hreflang="nl"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=pl" hreflang="pl"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=sv" hreflang="sv"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=th" hreflang="th"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=tr" hreflang="tr"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?locale=zh-CN" hreflang="zh-CN"> <link rel="alternate" href="https://apps.shopify.com/sanity-connect?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': "sanity-connect", '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":"b092e3bf-968f-4a33-9481-ad78dec286dc","sessionToken":"f5e6d7cc-5bcf-40c9-a917-19c4e9458e94","shopId":null,"locale":"en","clientIp":"8.222.208.146","userAgent":"Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322)","shopPlan":null}"> <script type="text/javascript"> window.I18n = window.I18n || {}; let i18nObjs = [JSON.parse(document.getElementById("i18nData").dataset.i18n)]; window.I18n.data = i18nObjs.reduce(function (accumulator, currentObj) { Object.keys(currentObj).forEach(function (key) { accumulator[key] = currentObj[key]; }); return accumulator; }, {}); window.MonorailVisitorMetadata = JSON.parse(document.getElementById("monorailVisitorMetadata").dataset.monorailVisitorMetadata); </script> <script src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/application_next-5yKB_c6H.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/stimulus-CiiKSaqF.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/decode-7H_ci4_z.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/stimulus-Dd93sZUH.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/client-CaqGOLhX.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/url-helper-B94pzkxz.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/react-BVg_G36Z.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/index-LaIk0l0n.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/BrowserCookieManager-Bfo0rdGW.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/dom-helpers-BHGUo580.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/preload-helper-gXX2zx0f.js" as="script" crossorigin="anonymous"> </head> <body id="AppDetailsShow" class="tw-font-sans tw-antialiased tw-min-w-full tw-min-h-screen tw-flex tw-flex-col">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMHDF2L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header id="AppStoreNavbar" data-section-name="global-nav" class="tw-sticky tw-top-0 tw-h-navHeight--mobile lg:tw-h-navHeight--desktop tw-z-[1000] tw-border-b tw-bg-canvas-primary tw-text-fg-primary tw-border-b-stroke-primary"> <nav class="tw-container tw-h-full tw-mx-auto tw-flex tw-items-center tw-justify-between lg:tw-py-sm tw-bg-[inherit] tw-leading-3"> <div class="tw-grow lg:tw-grow-0"> <a class="tw-block tw-h-[28px] md:tw-h-[32px] xl:tw-h-[36px] tw-w-[175px] md:tw-w-[200px] xl:tw-w-[225px]" aria-label="Shopify App Store logo" href="/"> <span role="img"><svg class="tw-h-full" viewBox="0 0 225 36" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M22.17 35.08zM27.01 6.49c-.13-.01-2.63-.05-2.63-.05s-1.53-1.48-2.1-2.05v30.69l8.9-2.21S27.35 6.96 27.32 6.78c-.02-.16-.15-.27-.31-.29ZM20.15 4.43c-.13-.43-.3-.84-.5-1.24-.75-1.43-1.84-2.18-3.16-2.18-.09 0-.18 0-.27.02-.04-.05-.08-.09-.12-.14-.59-.61-1.33-.91-2.21-.89-1.71.05-3.4 1.28-4.78 3.47-.97 1.54-1.71 3.47-1.92 4.97L3.83 9.48c-.99.31-1.02.34-1.15 1.27-.1.7-2.68 20.71-2.68 20.71l21.46 3.71V4.06c-.11 0-.2.03-.26.04l-1.05.33Zm-3.91 1.21-3.62 1.12c.35-1.34 1.01-2.67 1.83-3.55.3-.33.73-.69 1.23-.9.47.99.57 2.38.56 3.32Zm-2.32-4.5c.4 0 .74.08 1.03.27-.5.27-.95.62-1.32 1.03-1.08 1.16-1.91 2.97-2.24 4.71l-2.97.92c.59-2.74 2.88-6.85 5.52-6.93Zm-3.32 15.6c.11 1.83 4.92 2.22 5.19 6.5.21 3.36-1.78 5.67-4.66 5.85-3.45.22-5.35-1.82-5.35-1.82l.73-3.11s1.91 1.44 3.45 1.35c1-.06 1.36-.88 1.32-1.45-.15-2.38-4.06-2.24-4.31-6.15-.21-3.29 1.95-6.63 6.73-6.93 1.84-.12 2.78.35 2.78.35l-1.09 4.08s-1.22-.55-2.66-.46c-2.12.13-2.14 1.47-2.12 1.8Zm6.78-11.45c-.01-.86-.11-2.07-.52-3.1 1.29.25 1.93 1.71 2.2 2.58-.5.15-1.07.33-1.68.52ZM43.88 20.05c-1.05-.59-1.64-1.08-1.64-1.76 0-.87.8-1.42 2.01-1.42 1.11 0 2.07.31 2.63.59l.99-3.03c-.68-.37-1.92-.71-3.55-.71-3.77 0-6.33 2.13-6.33 5.16 0 1.67 1.21 2.97 2.81 3.89 1.27.74 1.76 1.27 1.76 2.04s-.65 1.45-1.89 1.45c-1.33.03-2.69-.53-3.46-.93l-1.05 3.03c.8.56 2.44 1.02 4.17 1.05 3.86.03 6.61-1.89 6.61-5.28 0-1.82-1.39-3.09-3.06-4.08ZM59.14 13.72c-1.89 0-3.37.9-4.51 2.26l-.06-.03 1.64-8.59h-4.26l-4.14 21.79h4.26l1.42-7.42c.56-2.81 2.01-4.54 3.37-4.54.96 0 1.33.65 1.33 1.58 0 .59-.06 1.27-.19 1.89l-1.61 8.5h4.26l1.67-8.78c.19-.93.31-2.04.31-2.78 0-2.41-1.27-3.86-3.49-3.86ZM72.44 13.72c-5.13 0-8.53 4.64-8.53 9.8 0 3.28 2.04 5.93 5.87 5.93h.03c5.01 0 8.41-4.51 8.41-9.77 0-3.06-1.79-5.96-5.78-5.96Zm-2.1 12.45h-.03c-1.42 0-2.04-1.21-2.04-2.78 0-2.41 1.27-6.4 3.59-6.4 1.51 0 2.01 1.27 2.01 2.57 0 2.6-1.27 6.61-3.52 6.61ZM88.96 13.72c-1.7 0-3.37.93-4.51 2.5h-.06l.25-2.26h-3.77c-.19 1.55-.53 3.86-.87 5.66L77.03 35.2h4.26l1.17-6.3h.09c.49.31 1.45.56 2.5.56 5.01 0 8.28-5.13 8.28-10.32 0-2.84-1.27-5.41-4.39-5.41Zm-4.08 12.51c-.77 0-1.3-.25-1.76-.62l.71-3.99c.49-2.63 1.89-4.39 3.37-4.39 1.3 0 1.7 1.21 1.7 2.35 0 2.75-1.64 6.64-4.02 6.64ZM93.02 29.14h4.27l2.87-15.11H95.9l-2.88 15.11zM98.99 7.57c-1.36 0-2.44 1.08-2.44 2.47 0 1.27.8 2.13 2.01 2.13h.03c1.33 0 2.5-.9 2.5-2.47 0-1.24-.8-2.13-2.1-2.13ZM110.88 14.03h-2.94l.12-.71c.28-1.48 1.11-2.78 2.57-2.78.46 0 .92.07 1.36.22l.8-3.34c-.49-.22-1.27-.37-2.32-.37-1.48 0-3.03.43-4.17 1.42-1.45 1.24-2.13 3.03-2.47 4.85l-.12.71h-1.98l-.62 3.18h1.98l-2.26 11.93h4.26l2.26-11.93h2.94l.59-3.18ZM118.87 20.79c-.62 1.64-.93 2.6-1.27 3.62h-.06c-.06-.99-.19-2.07-.37-3.59l-.68-6.8h-4.48l2.57 13.88c.06.31.03.49-.09.71-.49.96-1.33 1.89-2.32 2.57-.8.59-1.7.96-2.41 1.21l1.17 3.62c.87-.19 2.66-.9 4.17-2.32 1.95-1.82 3.74-4.64 5.59-8.47l5.22-11.19h-4.45l-2.6 6.77ZM141.36 14.43c-.77-.28-1.95-.43-3-.43-5.75 0-9.36 5.87-9.36 10.94 0 2.66 1.36 4.51 3.62 4.51 1.95 0 3.83-1.02 5.53-4.3h.06c-.22 1.67-.4 3.09-.37 3.99h1.3c-.06-1.58.12-3.96.65-6.74l1.58-7.97Zm-2.59 6.4c-.71 3.83-3.43 7.45-5.84 7.45-2.01 0-2.57-1.73-2.53-3.68.03-4.67 3.37-9.43 7.63-9.43.93 0 1.45.09 1.79.22l-1.05 5.44ZM150.97 14c-1.98 0-3.83 1.27-5.16 3.31h-.06l.46-3h-1.27c-.19 1.36-.46 3.15-.83 5.1l-2.97 15.79h1.33l1.17-6.4h.06c.56.31 1.51.65 2.97.65 4.73 0 8.16-5.62 8.16-10.63 0-2.44-1.05-4.82-3.86-4.82Zm-4.17 14.27c-1.21 0-2.19-.31-2.87-.83l.96-5.1c.83-4.48 3.59-7.17 5.69-7.17s2.87 1.98 2.87 3.74c0 3.8-2.72 9.36-6.64 9.36ZM164.82 14c-1.98 0-3.83 1.27-5.16 3.31h-.06l.46-3h-1.27c-.19 1.36-.46 3.15-.83 5.1l-2.97 15.79h1.33l1.17-6.4h.06c.56.31 1.51.65 2.97.65 4.73 0 8.16-5.62 8.16-10.63 0-2.44-1.05-4.82-3.86-4.82Zm-4.17 14.27c-1.21 0-2.19-.31-2.87-.83l.96-5.1c.83-4.48 3.59-7.17 5.69-7.17s2.87 1.98 2.87 3.74c0 3.8-2.72 9.36-6.64 9.36ZM176.53 18.2c0 1.39.8 2.72 2.29 3.68 1.39.9 2.01 1.79 2.01 3.28 0 1.7-1.33 3.09-3.28 3.09-1.08 0-2.07-.43-2.6-.83l-.53 1.11c.49.4 1.67.9 3 .9 2.57 0 4.76-1.64 4.76-4.64 0-1.51-.87-2.87-2.29-3.83-1.21-.83-2.01-1.61-2.01-3 0-1.51 1.21-2.78 3-2.78.87 0 1.64.34 2.1.62l.49-1.14c-.43-.34-1.42-.65-2.44-.65-2.63 0-4.51 1.89-4.51 4.2ZM188.22 28.24c-.93 0-1.33-.53-1.33-1.39 0-.8.12-1.58.31-2.57l1.64-8.84h3.49l.25-1.14h-3.49l.65-3.25-1.48.59-.49 2.66h-2.16l-.22 1.14h2.13l-1.67 8.84c-.25 1.14-.34 1.92-.34 2.72 0 1.24.68 2.41 2.44 2.41.53 0 1.05-.09 1.45-.22l-.09-1.08c-.28.09-.59.12-1.08.12ZM199.65 14c-4.51 0-7.32 5.38-7.32 9.7 0 3.06 1.51 5.75 4.73 5.75h.03c4.79 0 7.29-5.93 7.29-9.74 0-2.69-1.17-5.72-4.73-5.72Zm-2.38 14.27h-.03c-2.32 0-3.52-2.1-3.52-4.7 0-3.8 2.35-8.41 5.81-8.41 2.72 0 3.46 2.6 3.46 4.54 0 3.55-2.35 8.56-5.72 8.56ZM214.12 14.03c-.15 0-.37-.03-.56-.03-1.85 0-3.34 1.58-4.23 3.55h-.06c.16-1.08.29-2.16.4-3.25h-1.21c-.12 1.3-.34 2.97-.71 4.85l-1.89 9.98h1.33l1.42-7.54c.62-3.25 2.78-6.18 4.73-6.18.22 0 .37 0 .49.03l.28-1.42ZM224.16 17.24c0-1.67-1.02-3.25-3.46-3.25-4.23 0-7.23 5.59-7.23 9.86 0 2.84 1.21 5.56 4.67 5.56 1.85 0 3.28-.59 4.05-1.11l-.4-1.05c-.68.4-1.79.99-3.43.99s-2.72-.83-3.25-2.5c-.31-1.08-.28-3.03-.12-3.71 4.85.03 9.18-1.02 9.18-4.79Zm-3.71-2.07c1.39 0 2.32.74 2.32 2.1v.03c0 2.94-3.71 3.59-7.57 3.55.93-3.21 2.97-5.69 5.25-5.69Z"/> </svg> </span> </a> </div> <div class="tw-bg-[inherit] tw-flex tw-flex-grow-0 tw-justify-center tw-items-center lg:tw-px-8 lg:tw-flex-grow"> <div class="search-component tw-w-full tw-max-w-[500px]"> <button name="button" type="submit" class="tw-block tw-w-5 tw-h-full tw-bg-no-repeat tw-bg-center lg:tw-hidden" data-module="ui-search-navbar__activator" aria-label="Search"> <span role="img"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2 8a6 6 0 1 1 12.01.01A6 6 0 0 1 2 8Zm17.7 10.3-5.39-5.4A8 8 0 1 0 0 8a8 8 0 0 0 12.9 6.31l5.4 5.4a1 1 0 1 0 1.4-1.42Z"/></svg> </span> <span class="tw-hidden" aria-hidden="true"> Search </span> </button> <form id="UiSearchInputForm" data-source="autocomplete" class="tw-hidden tw-m-0 tw-relative lg:tw-block" action="/search" accept-charset="UTF-8" method="get"> <div class="tw-absolute tw-top-1/2 -tw-translate-y-1/2 tw-translate-x-lg tw-bg-fg-secondary tw-w-[20px] tw-h-[20px] [mask-image:url(merchant/navbar/search-icon)] [mask-repeat:no-repeat] [mask-position:center] [mask-size:20px] tw-skew-x-0 tw-skew-y-0 tw-rotate-0 tw-scale-x-100 tw-scale-y-100"> </div> <input type="search" name="q" id="q" placeholder="Search apps, guides, and more" class="js-monorail-element-click-tracking tw-w-full tw-max-w-[31.25rem] tw-h-12 tw-border-stroke-primary tw-bg-input-canvas-default tw-border tw-rounded-2xl tw-pl-[44px] tw-pr-14 tw-text-input-default tw-text-fg-primary placeholder:tw-text-fg-tertiary webkit-search-cancel-button:tw-hidden" autocomplete="off" /> </form></div> <div class="tw-bg-[inherit]"> <div class="tw-hidden tw-ml-xl lg:tw-block tw-bg-[inherit]"> <div class="megamenu-component tw-bg-[inherit]"> <button class="tw-group tw-flex tw-whitespace-nowrap tw-items-center tw-text-link-md tw-border-b-2 tw-border-transparent hover:tw-border-[inherit] tw-bg-[inherit] tw-py-2xs" type="button" data-expandable-content data-has-overlay data-open-for-breakpoint="lg" data-content-id="AppStoreMegamenu"> Browse apps <div class="tw-transition-transform tw-origin-center tw-duration-300 tw-rotate-0 tw-ease-out group-[.tw-active]:tw-rotate-180 tw-ml-1.5"> <span role="img"><svg width="10" height="6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.78.22c.3.3.3.77 0 1.06L5.53 5.53c-.3.3-.77.3-1.06 0L.22 1.28A.75.75 0 0 1 1.28.22L5 3.94 8.72.22c.3-.3.77-.3 1.06 0Z"/></svg> </span> </div> </button> <div id="AppStoreMegamenu" class="tw-fixed tw-overflow-hidden tw-left-0 tw-top-[4.5rem] -tw-mt-1 tw-w-full tw-invisible -tw-translate-y-full tw-transition-[visibility,transform] tw-duration-300 tw-ease-out tw-bg-[inherit] tw-z-[-1] [&.tw-active]:tw-visible [&.tw-active]:tw-translate-y-0"> <div class="tw-container tw-flex tw-flex-nowrap tw-pt-xl tw-pb-2xl tw-mx-auto tw-min-h-[350px]"> <div class="tw-w-8/12 tw-pr-xl"> <h2 class="tw-text-body-sm tw-pb-sm tw-opacity-60">Apps by category</h2> <ul class="tw-grid tw-grid-cols-2 tw-grid-flow-row tw-gap-xl"> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" data-page-type="all" data-element="log-in-btn" data-element-group="nav-bar-megamenu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Fsanity-connect%3Fshow_store_picker%3D1&return_to=%2Fsanity-connect"> 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/sanity-connect" data-page-type="all" data-element="get-started-btn" data-element-group="nav-bar-megamenu" href="https://accounts.shopify.com/store-create?_s=f5e6d7cc-5bcf-40c9-a917-19c4e9458e94&_y=b092e3bf-968f-4a33-9481-ad78dec286dc&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fsanity-connect&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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" 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/sanity-connect" data-page-type="all" data-element="get-started-btn" data-element-group="side-menu" href="https://accounts.shopify.com/store-create?_s=f5e6d7cc-5bcf-40c9-a917-19c4e9458e94&_y=b092e3bf-968f-4a33-9481-ad78dec286dc&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fsanity-connect&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/sanity-connect" data-page-type="all" data-element="log-in-btn" data-element-group="side-menu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Fsanity-connect%3Fshow_store_picker%3D1&return_to=%2Fsanity-connect"> Log in </a> </div> </ul> </div> </div> </div> </div> </div> <div data-section-name="global-nav" class="tw-group tw-appstore-side-search tw-w-full tw-h-full tw-bg-canvas-primary tw-bottom-0 tw-overflow-y-auto tw-fixed tw-top-0 tw-right-0 tw-z-[1001] tw-invisible tw-translate-x-full sm:tw-w-96 lg:tw-will-change-auto [&.tw-is-open]:tw-translate-x-0 [&.tw-is-open]:tw-visible sm:tw-w-full sm:tw-h-16 sm:tw-overflow-visible sm:tw-pb-0" role="dialog" aria-label="Main navigation" aria-modal="true"> <div id="UiSearchNavbar" class="tw-h-full tw-container"> <form id="UiSearchSuggestionForm" class="tw-w-full sm:tw-relative tw-flex tw-items-center sm:tw-h-full" action="/search" role="search" data-source="autocomplete"> <input type="hidden" name="st_source" id="st_source" value="" autocomplete="off" /> </form> </div> </div> <main class="tw-grow"> <section id="adp-banners" class="tw-bg-canvas-accent-orange tw-border-stroke-accent-orange" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="1" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="non-compliant-banner"> <div class="tw-container"> </div> </section> <section id="adp-admin-banner" class="tw-bg-canvas-accent-lime tw-border-stroke-accent-lime" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="2" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="admin-banner"> <div class="tw-container"> </div> </section> <div class="tw-container tw-my-xl md:tw-my-2xl lg:tw-my-3xl"> <div class="tw-grid tw-grid-cols-12 tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-items-start"> <div class="tw-col-span-full lg:tw-col-span-3 lg:tw-sticky lg:tw-top-navOffset--desktop tw-mb-lg lg:tw-mb-0"> <section id="adp-hero" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="3" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="hero"> <div class="tw-flex tw-flex-col xs:tw-flex-row lg:tw-flex-col tw-gap-xl"> <div class="tw-grow tw-flex tw-flex-col tw-gap-xl"> <div class="tw-flex tw-flex-col tw-gap-xl"> <div class="tw-flex tw-gap-md tw-items-stretch"> <figure class="tw-overflow-hidden tw-shrink-0 tw-rounded-sm tw-w-3xl tw-h-3xl lg:tw-w-appIcon--sm lg:tw-h-appIcon--sm tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="Sanity Connect" class="tw-rounded-sm tw-block tw-w-full" src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/icon/CJzWsPTq_PMCEAE=.png" /> </figure> <div class="tw-flex tw-flex-col tw-justify-center"> <h1 class="tw-text-heading-lg tw-whitespace-normal tw-hyphens tw-text-balance -tw-my-xs"> Sanity Connect </h1> </div> </div> </div> <dl class="tw-flex lg:tw-flex-col lg:tw-gap-xl lg:tw-border-t lg:tw-border-t-stroke-secondary lg:tw-pt-xl"> <div class="tw-border-r tw-border-r-stroke-secondary lg:tw-border-0 tw-pr-lg md:tw-pr-xl lg:tw-pr-0 tw-mr-lg md:tw-mr-xl lg:tw-mr-0"> <dt class="tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs">Pricing</dt> <dd class="tw-text-body-sm tw-text-fg-secondary"> <div class="tw-hidden sm:tw-block tw-text-pretty"> Free to install. Additional charges may apply. </div> <div class="sm:tw-hidden" aria-hidden="true"> Free to install </div> </dd> </div> <dl class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-flex lg:tw-flex-col lg:tw-gap-2xs tw-border-t tw-border-t-stroke-secondary lg:tw-border-0 tw-pt-sm lg:tw-pt-0 tw-mb-lg lg:tw-mb-0 tw-hidden lg:tw-block"> <dt class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Highlights </dt> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-gap-xs"> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Use directly in Shopify admin </span> </dd> </div> </dl> <div class="tw-border-r tw-border-r-stroke-secondary lg:tw-border-0 tw-pr-lg md:tw-pr-xl lg:tw-pr-0 tw-mr-lg md:tw-mr-xl lg:tw-mr-0"> <dt class="tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs">Rating</dt> <dd class="tw-flex tw-items-center tw-gap-2xs tw-text-body-sm"> <span class="tw-text-fg-secondary">3.5</span> <span class="tw-shrink-0 -tw-mt-2xs"><svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </span> <span> <a class="tw-group tw-text-link-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-whitespace-nowrap tw-font-[450] !tw-border-b" aria-label="6 Reviews" id="reviews-link" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/sanity-connect" data-page-type="app_details_page" data-element="reviews_link" data-element-group="adp_hero" href="#adp-reviews"> (6) </a> </span> </dd> </div> <div> <dt class="tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs">Developer</dt> <dd class="tw-text-body-sm"> <a class="tw-group tw-text-link-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b tw-font-[450] !tw-border-b" href="/partners/sanity2"> Sanity </a> </dd> </div> </dl> </div> <div class="tw-shrink-0"> <div id="ga-viewItem" class="tw-flex tw-flex-col tw-gap-sm"> <form target="_blank" rel="noopener" class="button_to" method="post" action="/login/initiate_shopify_auth_without_shop"><button class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-w-full tw-px-6 tw-py-4 tw-text-link-md md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="14a542f82760ad675a4bc9bfb5cb4696" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="sanity-connect" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="UA-129279-51" data-partner-tracking-label="sanity-connect" data-partner-tracking-value="0" data-partner-tracking-id="634389580" data-partner-tracking-name="Sanity Connect" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="d4hS2wjqUP7xQI5_i6xqHjiKpAZUnYysBVyjs6_N8qUqON5cp-jx96S3umCB-RwGoDbTdf_8OqeNjum8oK-vtA" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="14a542f82760ad675a4bc9bfb5cb4696" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/sanity-connect?show_store_picker=1" autocomplete="off" /><input type="hidden" name="return_to" value="/sanity-connect" autocomplete="off" /></form> <div class="tw-my-md tw-justify-center tw-flex tw-flex-nowrap tw-items-center"> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://hydrogen-sanity-demo.com/?_bt=BAh7BkkiC19yYWlscwY6BkVUewhJIglkYXRhBjsAVEkiHWh5ZHJvZ2VuLXNhbml0eS1kZW1vLmNvbQY7AEZJIghleHAGOwBUSSIdMjAyNC0xMS0yOFQwOTowMzo1NC41NjRaBjsAVEkiCHB1cgY7AFRJIh5wZXJtYW5lbnRfcGFzc3dvcmRfYnlwYXNzBjsARg%3D%3D--588968e67b1d0bfd281a2cffc7f65c6cbb689bcd"> View demo store </a> </div> </div> </div> </div> </section> </div> <div class="tw-col-span-full lg:tw-col-span-8 lg:tw-pl-gutter--desktop"> <section id="adp-details-section" class="tw-scroll-my-2xl xl:tw-scroll-my-xl" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="4" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="details-section"> <div class="tw-h-full tw-mb-xl"> <div class="gallery-component"> <div class="gallery-images--desktop tw-hidden lg:tw-grid lg:tw-grid-cols-[75%_1fr] lg:tw-gap-lg" data-screenshot-count="7"> <h2 class="tw-sr-only">Featured images gallery</h2> <div class="gallery-component__items"> <div class="gallery-component__item tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden tw-cursor-pointer" data-screenshot-index="0" data-tabindex="0"> <iframe src="https://www.youtube-nocookie.com/embed/6An65lF8yRU?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Sanity Connect" frameborder="0" allowfullscreen="allowfullscreen" class="tw-aspect-[16/9] tw-w-full " data-app-detail-video="true"></iframe> </div> </div> <ul class="gallery-component__content gallery-component__items tw-relative tw-flex tw-flex-col tw-justify-between"> <li class="gallery-component__item tw-relative tw-cursor-pointer tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden" data-screenshot-index="1" data-tabindex="0"> <img alt="Enrich and sync product, variant, and collection pages" srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIjrtcLG9_wCEAE=.png?height=360&width=640 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIjrtcLG9_wCEAE=.png?height=360&width=640 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIjrtcLG9_wCEAE=.png?height=360&width=640" /> </li> <li class="gallery-component__item tw-relative tw-cursor-pointer tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden" data-screenshot-index="2" data-tabindex="0"> <img alt="Go beyond templates and create remarkable shopping experiences." srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIyA5ov6wPgCEAE=.png?height=360&width=640 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIyA5ov6wPgCEAE=.png?height=360&width=640 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIyA5ov6wPgCEAE=.png?height=360&width=640" /> </li> <li class="gallery-component__item tw-relative tw-cursor-pointer tw-border tw-border-stroke-primary tw-rounded-sm tw-overflow-hidden" data-screenshot-index="3" data-tabindex="0"> <img alt="Tell unique stories with products in custom storefronts." srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CLTH8Iv6wPgCEAE=.png?height=360&width=640 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CLTH8Iv6wPgCEAE=.png?height=360&width=640 2x" class="tw-w-full tw-opacity-50" src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CLTH8Iv6wPgCEAE=.png?height=360&width=640" /> <div class="tw-absolute tw-text-body-xs tw-w-full tw-h-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-left-0"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm"> + 3 more </button> </div> </li> </ul> </div> <div class="gallery-images--mobile lg:tw-hidden" data-screenshot-count="7"> <ul class="gallery-component__content tw-flex tw-overflow-x-auto tw-snap-x tw-snap-mandatory -tw-mx-lg"> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="0"> <iframe src="https://www.youtube-nocookie.com/embed/6An65lF8yRU?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Sanity Connect" frameborder="0" allowfullscreen="allowfullscreen" class="tw-aspect-[16/9] tw-w-full " data-app-detail-video="true"></iframe> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="1"> <img alt="Enrich and sync product, variant, and collection pages" srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIjrtcLG9_wCEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIjrtcLG9_wCEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIjrtcLG9_wCEAE=.png?height=720&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="2"> <img alt="Go beyond templates and create remarkable shopping experiences." srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIyA5ov6wPgCEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIyA5ov6wPgCEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIyA5ov6wPgCEAE=.png?height=720&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="3"> <img alt="Tell unique stories with products in custom storefronts." srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CLTH8Iv6wPgCEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CLTH8Iv6wPgCEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CLTH8Iv6wPgCEAE=.png?height=720&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="4"> <img alt="Create richer product references in custom storefronts." srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKjI-4v6wPgCEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKjI-4v6wPgCEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKjI-4v6wPgCEAE=.png?height=720&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="5"> <img alt="Create expressive Liquid Online storefronts" srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKzdxMLG9_wCEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKzdxMLG9_wCEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKzdxMLG9_wCEAE=.png?height=720&width=1280" /> </li> <li class="gallery-component__item tw-aspect-[16/9] tw-mr-lg first:tw-ml-lg tw-snap-center tw-cursor-pointer tw-flex tw-justify-center tw-min-w-[80%] tw-border tw-border-stroke-primary tw-rounded-md tw-overflow-hidden" tabindex="0" data-screenshot-index="6"> <img alt="Treat content as data that flows server-side to Shopify." srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CJaz0MLG9_wCEAE=.png?height=720&width=1280 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CJaz0MLG9_wCEAE=.png?height=720&width=1280 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CJaz0MLG9_wCEAE=.png?height=720&width=1280" /> </li> </ul> </div> <div class="lightbox-container tw-bg-fg-primary/90 tw-p-0 tw-w-full tw-top-0 tw-left-0 tw-text-center -tw-z-[1] tw-opacity-0 tw-min-h-[100vh]" aria-hidden="true" tabindex="-1"> <div class="lightbox tw-flex tw-flex-col tw-justify-center tw-items-center tw-min-w-[100vw] tw-min-h-[100vh] tw-overflow-hidden tw-ml-auto tw-mr-auto tw-relative tw-text-left" role="dialog" tabindex="-1" aria-labelledby="Lightbox" aria-modal=true> <div class="lightbox__header tw-relative tw-top-0 tw-left-0 tw-w-full tw-z-[1]"> <div class="lightbox__controls tw-min-w-full tw-ml-auto tw-mr-auto tw-pl-xl tw-pr-xl tw-text-right"> <button type="button" class="close_lightbox_button lightbox__close tw-p-[10px] tw-mt-[10px] -tw-mr-[10px] tw-opacity-[0.7] hover:tw-opacity-1"> <img class="tw-block tw-w-full tw-w-[17px] tw-h-[17px] lg:tw-w-[24px] lg:tw-h-[24px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/app_details_page/cancel-d058d581dd19a46a0bb7ce3c37bd784ce2d50919d358e37d088527fd7118d4aa.svg" /> <span class="tw-sr-only">Close</span> </button> </div> </div> <div class="lightbox__content tw-min-w-full tw-flex tw-flex-grow tw-flex-col tw-justify-center tw-items-center"> <div class="lightbox-content-container tw-block tw-w-full lg:tw-max-w-[80%] tw-pb-[54px] lg:tw-px-xl"> <ul class="lightbox-carousel-content tw-relative"> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <iframe src="https://www.youtube-nocookie.com/embed/6An65lF8yRU?enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fapps.shopify.com&rel=0" title="View the promotional video for Sanity Connect" frameborder="0" allowfullscreen="allowfullscreen" class="tw-aspect-[16/9] tw-w-full " data-app-detail-video="true"></iframe> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Enrich and sync product, variant, and collection pages" srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIjrtcLG9_wCEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIjrtcLG9_wCEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIjrtcLG9_wCEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Go beyond templates and create remarkable shopping experiences." srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIyA5ov6wPgCEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIyA5ov6wPgCEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CIyA5ov6wPgCEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Tell unique stories with products in custom storefronts." srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CLTH8Iv6wPgCEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CLTH8Iv6wPgCEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CLTH8Iv6wPgCEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Create richer product references in custom storefronts." srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKjI-4v6wPgCEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKjI-4v6wPgCEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKjI-4v6wPgCEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Create expressive Liquid Online storefronts" srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKzdxMLG9_wCEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKzdxMLG9_wCEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CKzdxMLG9_wCEAE=.png?height=900&width=1600" /> </li> <li class="lightbox-carousel-item tw-rounded-sm tw-overflow-hidden tw-hidden"> <img alt="Treat content as data that flows server-side to Shopify." srcset="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CJaz0MLG9_wCEAE=.png?height=900&width=1600 1x, https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CJaz0MLG9_wCEAE=.png?height=1800&width=3200 2x" class="tw-w-full " src="https://cdn.shopify.com/app-store/listing_images/14a542f82760ad675a4bc9bfb5cb4696/desktop_screenshot/CJaz0MLG9_wCEAE=.png?height=900&width=1600" /> </li> </ul> <div class="lightbox-carousel-navigation"> <button class="lightbox-carousel-action lightbox-carousel-action--prev tw-rounded-md tw-w-[26px] tw-h-xl lg:tw-w-[42px] lg:tw-h-2xl tw-left-xl"> <img class="tw-w-full" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/app_details_page/left-arrow-f4c4cc53bff86d57a53fa21c5e2d5c71d5261937312a9b340ef8e49770e6dc22.svg" /> <span class="tw-sr-only"> Previous </span> </button> <button class="lightbox-carousel-action lightbox-carousel-action--next tw-rounded-md tw-w-[26px] tw-h-xl lg:tw-w-[42px] lg:tw-h-2xl tw-right-xl"> <img class="tw-w-full" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/app_details_page/right-arrow-64534620bae722d9621ffc64705dfb9e573d326c0365448f297022d1178b0e8f.svg" /> <span class="tw-sr-only"> Next </span> </button> </div> </div> </div> </div> </div> </div> </div> <div class="tw-mb-2xl"> <div id="app-details" class="tw-flex tw-flex-col tw-gap-lg"> <h2 class="tw-text-heading-lg tw-text-pretty"> Create richer online and custom storefronts with customizable content modeling and editing. </h2> <p class="tw-hidden lg:tw-block tw-text-body-md tw-text-fg-secondary"> Create outstanding shoppable experiences by combining the power of Shopify and Sanity. Bridge commerce and content with the Sanity Connect app to delight customers and build greater lifetime value. Sanity offers teams a composable content solution for Liquid-based Online Stores and Custom Storefronts built with Hydrogen (1 or 2). Merchants can work in a deeply customized authoring workspace, the Sanity Studio, and make updates in real-time using our hosted, scalable data store, Content Lake. </p> <div class="lg:tw-hidden tw-text-body-md tw-text-fg-secondary" data-truncate-app-details> <span data-truncate-content-copy> Create outstanding shoppable experiences by combining the power of Shopify and Sanity. Bridge commerce and content with the Sanity Connect app to delight customers and build greater lifetime value. Sanity offers teams a composable content solution for Liquid-based Online Stores and Custom Storefronts built with Hydrogen (1 or 2). Merchants can work in a deeply customized authoring workspace, the Sanity Studio, and make updates in real-time using our hosted, scalable data store, Content Lake. </span> <span data-truncate-content-toggle class='tw-mt-xs tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-fg-primary tw-hidden tw-text-link-md hover:tw-text-fg-highlight-primary hover:tw-border-transparent'> more </span> </div> <ul class="tw-list-disc tw-pl-lg"> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Go beyond templated stores by composing store data into rich content models. </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Sync data between Sanity & Shopify to enrich product, collection, and variants. </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Build a custom content authoring tool that enables creative product expressions. </li> <li class="tw-text-body-md tw-text-fg-secondary tw-mb-xs"> Includes a fully managed, reliable, and compliant, cloud-hosted data store. </li> </ul> </div> </div> <div class="lg:tw-hidden"> <dl class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-flex lg:tw-flex-col lg:tw-gap-2xs tw-border-t tw-border-t-stroke-secondary lg:tw-border-0 tw-pt-sm lg:tw-pt-0 tw-mb-lg lg:tw-mb-0 "> <dt class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Highlights </dt> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-gap-xs"> <dd class="tw-flex tw-items-start tw-gap-xs tw-text-body-md lg:tw-text-body-sm tw-text-fg-secondary"> <span class="tw-hidden lg:tw-inline tw-mt-[7px]" aria-hidden="true"> <span role="img"> <svg width="9" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.03.22a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0L.22 3.53a.75.75 0 1 1 1.06-1.06L3 4.19 6.97.22a.75.75 0 0 1 1.06 0Z" fill="#000"/></svg> </span> </span> <span> Use directly in Shopify admin </span> </dd> </div> </dl> </div> <div class="tw-flex tw-flex-col tw-gap-lg lg:tw-gap-2xl"> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <p class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0">Languages</p> <div class="tw-col-span-full sm:tw-col-span-3"> <p class="tw-text-fg-secondary tw-text-body-md">English</p> </div> </div> </div> <div data-controller="accordion" data-accordion-open-only-one-value="true" class="tw-mt-lg lg:tw-mt-2xl"> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <p class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Categories </p> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-gap-lg"> <div class="tw-group" > <div class="tw-flex tw-justify-between tw-mb-xl"> <div> <a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://apps.shopify.com/categories/store-design-storefronts-page-builder?surface_detail=sanity-connect&surface_type=app_details"> Page builder </a> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> <div class="tw-pb-xl md:tw-pb-2xl xl:tw-pb-3xl"> <section id="adp-pricing" class="tw-scroll-my-2xl xl:tw-scroll-my-xl" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="5" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="pricing"> <div class="tw-bg-canvas-secondary tw-py-xl md:tw-py-2xl lg:tw-py-3xl" data-controller="pricing-component"> <div class="tw-container"> <div class="tw-flex tw-items-center"> <h2 class="tw-inline tw-text-heading-xl"> Pricing </h2> </div> </div> <div class="tw-my-md xl:tw-my-xl"> <div class="tw-container tw-pt-sm tw-pb-md tw-flex tw-snap-x tw-overflow-x-auto tw-snap-mandatory lg:tw-grid lg:tw-gap-lg lg:tw-grid-flow-col xl:tw-gap-gutter--desktop lg:tw-grid-cols-2"> <div class="tw-snap-center tw-flex tw-flex-col tw-justify-between tw-shadow-pricingCard tw-bg-canvas-primary tw-rounded-sm tw-overflow-hidden tw-mr-md last:tw-mr-0 lg:tw-mr-0 tw-mb-2xs lg:tw-mb-0 tw-w-full tw-min-w-[70%] xs:tw-min-w-[45%] sm:tw-min-w-[30%] md:tw-min-w-0"> <div class="app-details-pricing-plan-card tw-px-lg xl:tw-px-xl tw-pt-lg xl:tw-pt-xl tw-pb-md xl:tw-pb-lg"> <div data-pricing-component-target="cardHeading"> <p data-test-id="name" class="tw-pb-sm tw-text-label-md tw-text-fg-secondary"> Free </p> <div data-pricing-component-target="cardHeadingPrice"> <h3 class="app-details-pricing-format-group tw-flex tw-items-end tw-gap-xs tw-overflow-hidden tw-text-ellipsis" aria-label="Free to install"> <span class="tw-text-heading-2xl lg:tw-text-heading-xl 2xl:tw-text-heading-2xl"> Free to install </span> </h3> </div> <p data-test-id="additional-charges" class="tw-text-body-xs tw-text-fg-secondary tw-pt-sm"> Sanity.io pricing applies </p> </div> </div> </div> </div> </div> <div class="tw-container"> <p class="tw-text-fg-tertiary tw-text-body-sm"> All charges are billed in USD. <a class="link-inline" href="https://www.sanity.io/pricing" rel="nofollow noopener" target="_blank" aria-describedby="aria-new-window-desc"> See all pricing options </a> </p> </div> </div> </section> <section id="adp-reviews" class="tw-py-xl md:tw-py-2xl lg:tw-py-3xl tw-scroll-my-2xl xl:tw-scroll-my-xl"> <div class="tw-container"> <div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="6" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="reviews-start"> </div> <div class="tw-grid tw-grid-cols-12 tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-items-start"> <div class="tw-col-span-full md:tw-col-span-3 md:tw-sticky md:tw-top-navOffset--desktop tw-mb-xl md:tw-pr-gutter--mobile lg:tw-pr-0"> <h2 class="tw-mb-lg xl:tw-mb-xl"> <span class="tw-text-heading-xl"> Reviews </span> <span class="tw-text-body-md"> (6) </span> </h2> <div class="app-reviews-metrics tw-max-w-[500px]"> <div class="tw-text-heading-md tw-pb-xs lg:tw-pb-sm"> Overall rating </div> <div class="tw-flex tw-items-center tw-text-fg-primary tw-text-heading-2xl tw-pb-sm lg:tw-pb-0"> <div aria-label="3.5 out of 5 stars"> 3.5 </div> <div class="tw-pl-sm" aria-hidden="true"> <div class="tw-flex tw-relative tw-space-x-1 tw-w-5xl tw-h-lg" aria-label="3.5 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.39621 0.862887C8.27727 0.789014 8.14003 0.74991 8.00001 0.75C7.86 0.74991 7.72276 0.789014 7.60382 0.862887C7.48488 0.93676 7.38899 1.04245 7.32701 1.168L5.44401 4.983L1.23401 5.594C1.09534 5.61397 0.96504 5.67238 0.857868 5.76261C0.750695 5.85284 0.670939 5.97129 0.627636 6.10453C0.584334 6.23777 0.579216 6.38047 0.612864 6.51647C0.646511 6.65247 0.717578 6.77632 0.818012 6.874L3.86601 9.843L3.14601 14.037C3.12252 14.1749 3.13805 14.3165 3.19083 14.446C3.2436 14.5755 3.33154 14.6877 3.44469 14.7699C3.55785 14.852 3.69173 14.9009 3.8312 14.911C3.97068 14.9211 4.1102 14.892 4.23401 14.827L8.00001 12.847L11.766 14.827C11.8899 14.8921 12.0295 14.9212 12.1691 14.9111C12.3087 14.901 12.4427 14.852 12.5559 14.7697C12.6691 14.6874 12.757 14.5751 12.8097 14.4454C12.8624 14.3157 12.8777 14.1739 12.854 14.036L12.135 9.844L15.181 6.874C15.2812 6.77628 15.352 6.6525 15.3854 6.51665C15.4189 6.3808 15.4137 6.23829 15.3704 6.10523C15.3272 5.97218 15.2475 5.85388 15.1405 5.76372C15.0336 5.67355 14.9035 5.61511 14.765 5.595L10.555 4.983L8.67301 1.168C8.61103 1.04245 8.51515 0.93676 8.39621 0.862887ZM8.00001 10.8869C8.00001 11.0874 8.17157 11.2427 8.34901 11.336L11.119 12.792L10.589 9.708C10.5685 9.5881 10.5774 9.46501 10.615 9.34933C10.6527 9.23365 10.7179 9.12886 10.805 9.044L13.045 6.861L9.94901 6.411C9.82883 6.39344 9.71471 6.34695 9.61647 6.27553C9.51822 6.20411 9.4388 6.1099 9.38501 6.001L8.28452 3.77141C8.21427 3.6291 8.00001 3.6791 8.00001 3.8378V10.8869Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-lg tw-h-lg" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 0.25C8.14003 0.24991 8.27727 0.289014 8.39621 0.362887C8.51515 0.43676 8.61103 0.542452 8.67301 0.668L10.555 4.483L14.765 5.095C14.9035 5.11511 15.0336 5.17355 15.1405 5.26372C15.2475 5.35388 15.3272 5.47218 15.3704 5.60523C15.4137 5.73829 15.4189 5.8808 15.3854 6.01665C15.352 6.1525 15.2812 6.27628 15.181 6.374L12.135 9.344L12.854 13.536C12.8777 13.6739 12.8624 13.8157 12.8097 13.9454C12.757 14.0751 12.6691 14.1874 12.5559 14.2697C12.4427 14.352 12.3087 14.401 12.1691 14.4111C12.0295 14.4212 11.8899 14.3921 11.766 14.327L8.00001 12.347L4.23401 14.327C4.1102 14.392 3.97068 14.4211 3.8312 14.411C3.69173 14.4009 3.55785 14.352 3.44469 14.2699C3.33154 14.1877 3.2436 14.0755 3.19083 13.946C3.13805 13.8165 3.12252 13.6749 3.14601 13.537L3.86601 9.343L0.818012 6.374C0.717578 6.27632 0.646511 6.15247 0.612864 6.01647C0.579216 5.88047 0.584334 5.73777 0.627636 5.60453C0.670939 5.47129 0.750695 5.35284 0.857868 5.26261C0.96504 5.17238 1.09534 5.11397 1.23401 5.094L5.44401 4.483L7.32701 0.668C7.38899 0.542452 7.48488 0.43676 7.60382 0.362887C7.72276 0.289014 7.86 0.24991 8.00001 0.25ZM8.00001 2.695L6.61501 5.5C6.56123 5.6089 6.4818 5.70311 6.38356 5.77453C6.28531 5.84595 6.17119 5.89244 6.05101 5.91L2.95401 6.36L5.19401 8.544C5.28116 8.62886 5.34637 8.73365 5.384 8.84933C5.42163 8.96501 5.43056 9.0881 5.41001 9.208L4.88201 12.292L7.65101 10.836C7.75864 10.7794 7.87842 10.7499 8.00001 10.7499C8.12161 10.7499 8.24138 10.7794 8.34901 10.836L11.119 12.292L10.589 9.208C10.5685 9.0881 10.5774 8.96501 10.615 8.84933C10.6527 8.73365 10.7179 8.62886 10.805 8.544L13.045 6.361L9.94901 5.911C9.82883 5.89344 9.71471 5.84695 9.61647 5.77553C9.51822 5.70411 9.4388 5.6099 9.38501 5.501L8.00001 2.694V2.695Z" /> </svg> </div> </div> </div> <div class="tw-text-body-md"> <span class="tw-hidden"> Counts per rating level </span> <ul> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 5 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 50% of ratings are 5 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="50%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="3 total reviews" href="/sanity-connect/reviews?ratings%5B%5D=5"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 3 </span> </a> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 4 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 33% of ratings are 4 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="33%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="2 total reviews" href="/sanity-connect/reviews?ratings%5B%5D=4"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 2 </span> </a> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 3 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 0% of ratings are 3 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="0%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <span aria-hidden="true"> 0 </span> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 2 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 0% of ratings are 2 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="0%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <span aria-hidden="true"> 0 </span> </div> </li> <li class="tw-flex tw-items-center tw-mt-sm tw-relative tw-z-0"> <div class="tw-flex tw-items-center" aria-hidden="true"> <div class="tw-mr-2xs tw-w-md tw-text-fg-primary" aria-hidden="true"> 1 </div> <div class="tw-text-fg-primary tw-w-md tw-h-md" aria-hidden="true"> <svg class="tw-w-md tw-h-md tw-fill-fg-primary" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> </div> <span class="tw-hidden"> 17% of ratings are 1 stars </span> <div class="tw-mx-sm tw-w-full tw-flex-grow tw-relative tw-flex tw-items-center" aria-hidden="true"> <div class="tw-flex tw-w-full tw-items-center tw-absolute tw-z-[1]"> <svg class="tw-h-[6px] tw-w-full tw-max-w-[calc(100%-2rem)]"> <rect rx="4" ry="4" width="17%" height="6" class="tw-fill-fg-primary" /> </svg> </div> <div class="tw-absolute tw-w-full"> <svg class="tw-h-[4px] tw-w-full"> <rect rx="3" ry="3" width="97%" height="4" class="tw-fill-stroke-secondary" /> </svg> </div> </div> <div class="tw-text-fg-primary tw-body-md tw-text-left tw-absolute tw-right-0 tw-bg-canvas-primary tw-pl-xs tw-z-10"> <a class="tw-text-fg-primary tw-body-md" aria-label="1 total reviews" href="/sanity-connect/reviews?ratings%5B%5D=1"> <span class="tw-underline hover:tw-no-underline hover:tw-text-fg-highlight-primary"> 1 </span> </a> </div> </li> </ul> </div> </div> <div class="tw-mt-xl tw-flex tw-flex-wrap tw-gap-sm"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm" data-modal-open="AuthWithDomain"> Write a review </button> <div class="lg:tw-flex lg:tw-justify-center tw-max-w-full"> <div class="tw-flex tw-justify-center md:tw-max-w-fit lg:tw-my-auto"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-w-full tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm" id="view-all-reviews-button" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/sanity-connect" data-page-type="app_details_page" data-element="all_reviews_button" data-element-group="adp_reviews" href="/sanity-connect/reviews"> All reviews </a> </div> </div> </div> </div> <div class="tw-col-span-full md:tw-col-span-9 lg:tw-col-span-8 lg:tw-pl-gutter--desktop"> <div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="7" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="review-0"> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1504177" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="5 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> August 20, 2024 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">This works like a charm, just install and set up in minutes. And magically all products are in Sanity. If you are thinking about implementing a headless Shopify, then this is the way to go. </p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="Kattnakken"> Kattnakken </div> <div>Norway</div> <div>Over 1 year using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full "> </div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="8" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="review-1"> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1367744" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="4 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 0.25C8.14003 0.24991 8.27727 0.289014 8.39621 0.362887C8.51515 0.43676 8.61103 0.542452 8.67301 0.668L10.555 4.483L14.765 5.095C14.9035 5.11511 15.0336 5.17355 15.1405 5.26372C15.2475 5.35388 15.3272 5.47218 15.3704 5.60523C15.4137 5.73829 15.4189 5.8808 15.3854 6.01665C15.352 6.1525 15.2812 6.27628 15.181 6.374L12.135 9.344L12.854 13.536C12.8777 13.6739 12.8624 13.8157 12.8097 13.9454C12.757 14.0751 12.6691 14.1874 12.5559 14.2697C12.4427 14.352 12.3087 14.401 12.1691 14.4111C12.0295 14.4212 11.8899 14.3921 11.766 14.327L8.00001 12.347L4.23401 14.327C4.1102 14.392 3.97068 14.4211 3.8312 14.411C3.69173 14.4009 3.55785 14.352 3.44469 14.2699C3.33154 14.1877 3.2436 14.0755 3.19083 13.946C3.13805 13.8165 3.12252 13.6749 3.14601 13.537L3.86601 9.343L0.818012 6.374C0.717578 6.27632 0.646511 6.15247 0.612864 6.01647C0.579216 5.88047 0.584334 5.73777 0.627636 5.60453C0.670939 5.47129 0.750695 5.35284 0.857868 5.26261C0.96504 5.17238 1.09534 5.11397 1.23401 5.094L5.44401 4.483L7.32701 0.668C7.38899 0.542452 7.48488 0.43676 7.60382 0.362887C7.72276 0.289014 7.86 0.24991 8.00001 0.25ZM8.00001 2.695L6.61501 5.5C6.56123 5.6089 6.4818 5.70311 6.38356 5.77453C6.28531 5.84595 6.17119 5.89244 6.05101 5.91L2.95401 6.36L5.19401 8.544C5.28116 8.62886 5.34637 8.73365 5.384 8.84933C5.42163 8.96501 5.43056 9.0881 5.41001 9.208L4.88201 12.292L7.65101 10.836C7.75864 10.7794 7.87842 10.7499 8.00001 10.7499C8.12161 10.7499 8.24138 10.7794 8.34901 10.836L11.119 12.292L10.589 9.208C10.5685 9.0881 10.5774 8.96501 10.615 8.84933C10.6527 8.73365 10.7179 8.62886 10.805 8.544L13.045 6.361L9.94901 5.911C9.82883 5.89344 9.71471 5.84695 9.61647 5.77553C9.51822 5.70411 9.4388 5.6099 9.38501 5.501L8.00001 2.694V2.695Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> April 6, 2024 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">Works well! But I would like to have the option to sync back my descriptions to the original descriptions field in shopify since many other plugins rely on it (for example Meta facebook / instagram feeds) etc.</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="S·AGA"> S·AGA </div> <div>Sweden</div> <div>Over 1 year using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full "> </div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="9" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="review-2"> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1430140" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="1 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 0.25C8.14003 0.24991 8.27727 0.289014 8.39621 0.362887C8.51515 0.43676 8.61103 0.542452 8.67301 0.668L10.555 4.483L14.765 5.095C14.9035 5.11511 15.0336 5.17355 15.1405 5.26372C15.2475 5.35388 15.3272 5.47218 15.3704 5.60523C15.4137 5.73829 15.4189 5.8808 15.3854 6.01665C15.352 6.1525 15.2812 6.27628 15.181 6.374L12.135 9.344L12.854 13.536C12.8777 13.6739 12.8624 13.8157 12.8097 13.9454C12.757 14.0751 12.6691 14.1874 12.5559 14.2697C12.4427 14.352 12.3087 14.401 12.1691 14.4111C12.0295 14.4212 11.8899 14.3921 11.766 14.327L8.00001 12.347L4.23401 14.327C4.1102 14.392 3.97068 14.4211 3.8312 14.411C3.69173 14.4009 3.55785 14.352 3.44469 14.2699C3.33154 14.1877 3.2436 14.0755 3.19083 13.946C3.13805 13.8165 3.12252 13.6749 3.14601 13.537L3.86601 9.343L0.818012 6.374C0.717578 6.27632 0.646511 6.15247 0.612864 6.01647C0.579216 5.88047 0.584334 5.73777 0.627636 5.60453C0.670939 5.47129 0.750695 5.35284 0.857868 5.26261C0.96504 5.17238 1.09534 5.11397 1.23401 5.094L5.44401 4.483L7.32701 0.668C7.38899 0.542452 7.48488 0.43676 7.60382 0.362887C7.72276 0.289014 7.86 0.24991 8.00001 0.25ZM8.00001 2.695L6.61501 5.5C6.56123 5.6089 6.4818 5.70311 6.38356 5.77453C6.28531 5.84595 6.17119 5.89244 6.05101 5.91L2.95401 6.36L5.19401 8.544C5.28116 8.62886 5.34637 8.73365 5.384 8.84933C5.42163 8.96501 5.43056 9.0881 5.41001 9.208L4.88201 12.292L7.65101 10.836C7.75864 10.7794 7.87842 10.7499 8.00001 10.7499C8.12161 10.7499 8.24138 10.7794 8.34901 10.836L11.119 12.292L10.589 9.208C10.5685 9.0881 10.5774 8.96501 10.615 8.84933C10.6527 8.73365 10.7179 8.62886 10.805 8.544L13.045 6.361L9.94901 5.911C9.82883 5.89344 9.71471 5.84695 9.61647 5.77553C9.51822 5.70411 9.4388 5.6099 9.38501 5.501L8.00001 2.694V2.695Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 0.25C8.14003 0.24991 8.27727 0.289014 8.39621 0.362887C8.51515 0.43676 8.61103 0.542452 8.67301 0.668L10.555 4.483L14.765 5.095C14.9035 5.11511 15.0336 5.17355 15.1405 5.26372C15.2475 5.35388 15.3272 5.47218 15.3704 5.60523C15.4137 5.73829 15.4189 5.8808 15.3854 6.01665C15.352 6.1525 15.2812 6.27628 15.181 6.374L12.135 9.344L12.854 13.536C12.8777 13.6739 12.8624 13.8157 12.8097 13.9454C12.757 14.0751 12.6691 14.1874 12.5559 14.2697C12.4427 14.352 12.3087 14.401 12.1691 14.4111C12.0295 14.4212 11.8899 14.3921 11.766 14.327L8.00001 12.347L4.23401 14.327C4.1102 14.392 3.97068 14.4211 3.8312 14.411C3.69173 14.4009 3.55785 14.352 3.44469 14.2699C3.33154 14.1877 3.2436 14.0755 3.19083 13.946C3.13805 13.8165 3.12252 13.6749 3.14601 13.537L3.86601 9.343L0.818012 6.374C0.717578 6.27632 0.646511 6.15247 0.612864 6.01647C0.579216 5.88047 0.584334 5.73777 0.627636 5.60453C0.670939 5.47129 0.750695 5.35284 0.857868 5.26261C0.96504 5.17238 1.09534 5.11397 1.23401 5.094L5.44401 4.483L7.32701 0.668C7.38899 0.542452 7.48488 0.43676 7.60382 0.362887C7.72276 0.289014 7.86 0.24991 8.00001 0.25ZM8.00001 2.695L6.61501 5.5C6.56123 5.6089 6.4818 5.70311 6.38356 5.77453C6.28531 5.84595 6.17119 5.89244 6.05101 5.91L2.95401 6.36L5.19401 8.544C5.28116 8.62886 5.34637 8.73365 5.384 8.84933C5.42163 8.96501 5.43056 9.0881 5.41001 9.208L4.88201 12.292L7.65101 10.836C7.75864 10.7794 7.87842 10.7499 8.00001 10.7499C8.12161 10.7499 8.24138 10.7794 8.34901 10.836L11.119 12.292L10.589 9.208C10.5685 9.0881 10.5774 8.96501 10.615 8.84933C10.6527 8.73365 10.7179 8.62886 10.805 8.544L13.045 6.361L9.94901 5.911C9.82883 5.89344 9.71471 5.84695 9.61647 5.77553C9.51822 5.70411 9.4388 5.6099 9.38501 5.501L8.00001 2.694V2.695Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 0.25C8.14003 0.24991 8.27727 0.289014 8.39621 0.362887C8.51515 0.43676 8.61103 0.542452 8.67301 0.668L10.555 4.483L14.765 5.095C14.9035 5.11511 15.0336 5.17355 15.1405 5.26372C15.2475 5.35388 15.3272 5.47218 15.3704 5.60523C15.4137 5.73829 15.4189 5.8808 15.3854 6.01665C15.352 6.1525 15.2812 6.27628 15.181 6.374L12.135 9.344L12.854 13.536C12.8777 13.6739 12.8624 13.8157 12.8097 13.9454C12.757 14.0751 12.6691 14.1874 12.5559 14.2697C12.4427 14.352 12.3087 14.401 12.1691 14.4111C12.0295 14.4212 11.8899 14.3921 11.766 14.327L8.00001 12.347L4.23401 14.327C4.1102 14.392 3.97068 14.4211 3.8312 14.411C3.69173 14.4009 3.55785 14.352 3.44469 14.2699C3.33154 14.1877 3.2436 14.0755 3.19083 13.946C3.13805 13.8165 3.12252 13.6749 3.14601 13.537L3.86601 9.343L0.818012 6.374C0.717578 6.27632 0.646511 6.15247 0.612864 6.01647C0.579216 5.88047 0.584334 5.73777 0.627636 5.60453C0.670939 5.47129 0.750695 5.35284 0.857868 5.26261C0.96504 5.17238 1.09534 5.11397 1.23401 5.094L5.44401 4.483L7.32701 0.668C7.38899 0.542452 7.48488 0.43676 7.60382 0.362887C7.72276 0.289014 7.86 0.24991 8.00001 0.25ZM8.00001 2.695L6.61501 5.5C6.56123 5.6089 6.4818 5.70311 6.38356 5.77453C6.28531 5.84595 6.17119 5.89244 6.05101 5.91L2.95401 6.36L5.19401 8.544C5.28116 8.62886 5.34637 8.73365 5.384 8.84933C5.42163 8.96501 5.43056 9.0881 5.41001 9.208L4.88201 12.292L7.65101 10.836C7.75864 10.7794 7.87842 10.7499 8.00001 10.7499C8.12161 10.7499 8.24138 10.7794 8.34901 10.836L11.119 12.292L10.589 9.208C10.5685 9.0881 10.5774 8.96501 10.615 8.84933C10.6527 8.73365 10.7179 8.62886 10.805 8.544L13.045 6.361L9.94901 5.911C9.82883 5.89344 9.71471 5.84695 9.61647 5.77553C9.51822 5.70411 9.4388 5.6099 9.38501 5.501L8.00001 2.694V2.695Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 0.25C8.14003 0.24991 8.27727 0.289014 8.39621 0.362887C8.51515 0.43676 8.61103 0.542452 8.67301 0.668L10.555 4.483L14.765 5.095C14.9035 5.11511 15.0336 5.17355 15.1405 5.26372C15.2475 5.35388 15.3272 5.47218 15.3704 5.60523C15.4137 5.73829 15.4189 5.8808 15.3854 6.01665C15.352 6.1525 15.2812 6.27628 15.181 6.374L12.135 9.344L12.854 13.536C12.8777 13.6739 12.8624 13.8157 12.8097 13.9454C12.757 14.0751 12.6691 14.1874 12.5559 14.2697C12.4427 14.352 12.3087 14.401 12.1691 14.4111C12.0295 14.4212 11.8899 14.3921 11.766 14.327L8.00001 12.347L4.23401 14.327C4.1102 14.392 3.97068 14.4211 3.8312 14.411C3.69173 14.4009 3.55785 14.352 3.44469 14.2699C3.33154 14.1877 3.2436 14.0755 3.19083 13.946C3.13805 13.8165 3.12252 13.6749 3.14601 13.537L3.86601 9.343L0.818012 6.374C0.717578 6.27632 0.646511 6.15247 0.612864 6.01647C0.579216 5.88047 0.584334 5.73777 0.627636 5.60453C0.670939 5.47129 0.750695 5.35284 0.857868 5.26261C0.96504 5.17238 1.09534 5.11397 1.23401 5.094L5.44401 4.483L7.32701 0.668C7.38899 0.542452 7.48488 0.43676 7.60382 0.362887C7.72276 0.289014 7.86 0.24991 8.00001 0.25ZM8.00001 2.695L6.61501 5.5C6.56123 5.6089 6.4818 5.70311 6.38356 5.77453C6.28531 5.84595 6.17119 5.89244 6.05101 5.91L2.95401 6.36L5.19401 8.544C5.28116 8.62886 5.34637 8.73365 5.384 8.84933C5.42163 8.96501 5.43056 9.0881 5.41001 9.208L4.88201 12.292L7.65101 10.836C7.75864 10.7794 7.87842 10.7499 8.00001 10.7499C8.12161 10.7499 8.24138 10.7794 8.34901 10.836L11.119 12.292L10.589 9.208C10.5685 9.0881 10.5774 8.96501 10.615 8.84933C10.6527 8.73365 10.7179 8.62886 10.805 8.544L13.045 6.361L9.94901 5.911C9.82883 5.89344 9.71471 5.84695 9.61647 5.77553C9.51822 5.70411 9.4388 5.6099 9.38501 5.501L8.00001 2.694V2.695Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> June 8, 2024 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">Not able to log in</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="Football cards Memorabilia.store"> Football cards Memorabilia.store </div> <div>Azerbaijan</div> <div>4 days using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full tw-mt-md"> </div> <div class="tw-w-full tw-flex-grow tw-flex tw-flex-col tw-ml-md"> <div id="review-reply-344601" class="tw-border-l tw-border-solid tw-border-fg-disabled"> <div class="tw-ml-md"> <div> <div class="tw-text-body-xs tw-text-fg-tertiary tw-mb-sm"> Sanity replied June 11, 2024 </div> </div> <div class="tw-text-body-sm tw-text-fg-tertiary" data-reply-id="344601" data-truncate-review="175"> <div class="tw-space-y-md" data-truncate-content-copy> <p>Oh no -- I'm sorry you were unable to log in. We have a team available at https://slack.sanity.io/ and a dedicated #shopify channel where we can dive into the details and help you get your store and Sanity data linked up. If you provide a Sanity project ID we can help you troubleshoot.</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> </div></div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1042148" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="4 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 0.25C8.14003 0.24991 8.27727 0.289014 8.39621 0.362887C8.51515 0.43676 8.61103 0.542452 8.67301 0.668L10.555 4.483L14.765 5.095C14.9035 5.11511 15.0336 5.17355 15.1405 5.26372C15.2475 5.35388 15.3272 5.47218 15.3704 5.60523C15.4137 5.73829 15.4189 5.8808 15.3854 6.01665C15.352 6.1525 15.2812 6.27628 15.181 6.374L12.135 9.344L12.854 13.536C12.8777 13.6739 12.8624 13.8157 12.8097 13.9454C12.757 14.0751 12.6691 14.1874 12.5559 14.2697C12.4427 14.352 12.3087 14.401 12.1691 14.4111C12.0295 14.4212 11.8899 14.3921 11.766 14.327L8.00001 12.347L4.23401 14.327C4.1102 14.392 3.97068 14.4211 3.8312 14.411C3.69173 14.4009 3.55785 14.352 3.44469 14.2699C3.33154 14.1877 3.2436 14.0755 3.19083 13.946C3.13805 13.8165 3.12252 13.6749 3.14601 13.537L3.86601 9.343L0.818012 6.374C0.717578 6.27632 0.646511 6.15247 0.612864 6.01647C0.579216 5.88047 0.584334 5.73777 0.627636 5.60453C0.670939 5.47129 0.750695 5.35284 0.857868 5.26261C0.96504 5.17238 1.09534 5.11397 1.23401 5.094L5.44401 4.483L7.32701 0.668C7.38899 0.542452 7.48488 0.43676 7.60382 0.362887C7.72276 0.289014 7.86 0.24991 8.00001 0.25ZM8.00001 2.695L6.61501 5.5C6.56123 5.6089 6.4818 5.70311 6.38356 5.77453C6.28531 5.84595 6.17119 5.89244 6.05101 5.91L2.95401 6.36L5.19401 8.544C5.28116 8.62886 5.34637 8.73365 5.384 8.84933C5.42163 8.96501 5.43056 9.0881 5.41001 9.208L4.88201 12.292L7.65101 10.836C7.75864 10.7794 7.87842 10.7499 8.00001 10.7499C8.12161 10.7499 8.24138 10.7794 8.34901 10.836L11.119 12.292L10.589 9.208C10.5685 9.0881 10.5774 8.96501 10.615 8.84933C10.6527 8.73365 10.7179 8.62886 10.805 8.544L13.045 6.361L9.94901 5.911C9.82883 5.89344 9.71471 5.84695 9.61647 5.77553C9.51822 5.70411 9.4388 5.6099 9.38501 5.501L8.00001 2.694V2.695Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> February 21, 2023 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">Good app, syncs products well with Sanity. <br />A bit un-intuitive was the update to the sync schema, but it was quickly resolved with the support. <br />Really liked the ability to have a custom sync. <br />Recommend.</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="OneVillage"> OneVillage </div> <div>United States</div> <div>About 1 year using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full "> </div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> <div class="tw-pb-md md:tw-pb-lg tw-mb-md md:tw-mb-lg tw-pt-0 last:tw-pb-0 "> <div data-merchant-review="" data-review-content-id="1042928" class="lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-x-gutter--desktop"> <div class="tw-order-1 lg:tw-order-2 lg:tw-col-span-3 tw-overflow-x-auto"> <div class="tw-flex tw-items-center tw-justify-between tw-mb-md"> <div class="tw-flex tw-relative tw-space-x-0.5 tw-w-[88px] tw-h-md" aria-label="5 out of 5 stars" role="img"> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> <svg class="tw-fill-fg-primary tw-w-md tw-h-md" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.75C8.14001 0.74991 8.27725 0.789014 8.39619 0.862887C8.51513 0.93676 8.61102 1.04245 8.673 1.168L10.555 4.983L14.765 5.595C14.9035 5.61511 15.0335 5.67355 15.1405 5.76372C15.2475 5.85388 15.3271 5.97218 15.3704 6.10523C15.4137 6.23829 15.4189 6.3808 15.3854 6.51665C15.3519 6.6525 15.2811 6.77628 15.181 6.874L12.135 9.844L12.854 14.036C12.8777 14.1739 12.8624 14.3157 12.8097 14.4454C12.757 14.5751 12.6691 14.6874 12.5559 14.7697C12.4427 14.852 12.3087 14.901 12.1691 14.9111C12.0295 14.9212 11.8899 14.8921 11.766 14.827L8 12.847L4.234 14.827C4.11018 14.892 3.97066 14.9211 3.83119 14.911C3.69171 14.9009 3.55784 14.852 3.44468 14.7699C3.33152 14.6877 3.24359 14.5755 3.19081 14.446C3.13803 14.3165 3.12251 14.1749 3.146 14.037L3.866 9.843L0.817997 6.874C0.717563 6.77632 0.646496 6.65247 0.612848 6.51647C0.579201 6.38047 0.584318 6.23777 0.627621 6.10453C0.670924 5.97129 0.75068 5.85284 0.857852 5.76261C0.965025 5.67238 1.09533 5.61397 1.234 5.594L5.444 4.983L7.327 1.168C7.38898 1.04245 7.48486 0.93676 7.6038 0.862887C7.72274 0.789014 7.85998 0.74991 8 0.75Z" /> </svg> </div> <div class="tw-text-body-xs tw-text-fg-tertiary"> February 22, 2023 </div> </div> <div class="tw-text-body-md tw-text-fg-secondary" data-truncate-review> <div data-truncate-content-copy class="tw-mb-xs md:tw-mb-sm"> <p class="tw-break-words">Very easy installation and configuration. After that, the products can be used in Sanity Studio and you can enrich them with more data that can be used in the frontend afterwards. </p> <p class="tw-break-words">Anyone who has a setup with Sanity and Shopify should use this app.</p> </div> <button name="button" type="submit" data-truncate-content-toggle="" class="tw-mt-sm tw-text-label-sm tw-text-fg-primary tw-underline tw-underline-offset-4 tw-decoration-2 tw-decoration-fg-primary tw-hidden hover:tw-no-underline hover:tw-text-fg-highlight-primary">Show more</button> </div> </div> <div class="tw-order-2 lg:tw-order-1 lg:tw-row-span-2 tw-mt-md md:tw-mt-0 tw-space-y-1 md:tw-space-y-2 tw-text-fg-tertiary tw-text-body-xs"> <div class="tw-text-heading-xs tw-text-fg-primary tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" title="Tester"> Tester </div> <div>Germany</div> <div>3 months using the app</div> </div> <div class="tw-order-last tw-flex tw-flex-col tw-items-end lg:tw-col-span-3" data-merchant-review-reply> <div class="tw-self-start tw-w-full "> </div> </div> </div> <div class="tw-w-full tw-flex tw-justify-end tw-mt-md tw-gap-sm"> </div> </div> </div> </div> </div> <div class="tw-invisible" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-threshold="0.1" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="10" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="reviews-end"> </div> </div> </div> </section> <div class="tw-container tw-grid tw-grid-cols-12 tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-items-start"> <div class="tw-col-span-full lg:tw-col-span-3 lg:tw-sticky lg:tw-top-navOffset--desktop tw-mb-lg lg:tw-mb-0"> <h2 class="tw-text-heading-xl tw-mb-xl"> Support </h2> <p class="tw-mb-lg"> Sanity can answer any questions you have about Sanity Connect. </p> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-4 tw-py-2 tw-text-link-sm" data-modal-open="AuthWithDomain" data-auth-intent="support"> Get support </button> </div> <div class="tw-col-span-full tw-flex tw-flex-col lg:tw-col-span-8 lg:tw-pl-gutter--desktop tw-gap-lg lg:tw-gap-2xl"> <section id="adp-developer" class="tw-bg-canvas-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="11" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="developer-details" data-developer-support-email="sanityconnectsupport@sanity.io"> <div class="tw-flex tw-flex-col tw-gap-lg lg:tw-gap-2xl"> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <h3 class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Developer </h3> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-items-start tw-gap-xs"> <a class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="/partners/sanity2"> Sanity </a> <div> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://www.sanity.io/richer-store-experiences"> Website </a> </div> <p class="tw-text-fg-tertiary tw-text-body-md">Trondheimsveien 2k, Oslo, 0560, NO</p> </div> </div> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <h3 class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Resources </h3> <div class="tw-col-span-full sm:tw-col-span-3 tw-flex tw-flex-col tw-items-start tw-gap-xs"> <div> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://www.sanity.io/legal/privacy"> Privacy policy </a> </div> <div> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 tw-font-[450] !tw-border-b" href="https://sanity.io/docs/sanity-connect"> App Documentation </a> </div> </div> </div> <div class="tw-grid tw-grid-cols-4 tw-gap-x-gutter--mobile lg:tw-gap-x-gutter--desktop tw-border-t tw-border-t-stroke-secondary tw-pt-sm"> <p class="tw-col-span-full sm:tw-col-span-1 tw-text-heading-sm sm:tw-text-heading-xs tw-mb-xs sm:tw-mb-0"> Launched </p> <p class="tw-col-span-full sm:tw-col-span-3 tw-text-fg-secondary tw-text-body-md"> November 10, 2021 </p> </div> </div> </section> <section id="adp-permissions" class="tw-bg-canvas-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="12" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="permissions-summary"> </section> </div> </div> <section id="adp-featured-in" class="tw-bg-canvas-secondary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="13" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="featured-in"> <section class="tw-mt-xl tw-mb-3xl lg:tw-my-2xl tw-overflow-hidden tw-py-xl md:tw-py-2xl lg:tw-py-3xl"> <h2 class="tw-text-heading-xl tw-container tw-pb-lg lg:tw-pb-2xl">Featured in</h2> <div class="tw-container tw-flex tw-gap-gutter--mobile lg:tw-gap-gutter--desktop tw-snap-x md:tw-snap-none tw-overflow-x-auto tw-snap-mandatory"> <div class="tw-rounded-sm tw-overflow-hidden tw-min-h-fit tw-bg-cover tw-bg-center tw-aspect-[4/5] tw-snap-center tw-shrink-0 md:tw-shrink md:tw-aspect-[auto] tw-basis-4/5 md:tw-basis-2/3 tw-max-h-[400px]"> <a class="tw-relative tw-h-full tw-flex tw-flex-col tw-justify-end tw-group" href="https://apps.shopify.com/stories/guide-plus-certified-apps?surface_detail=story_card&surface_type=app_details_page"> <img class="tw-absolute tw-h-full tw-w-full tw-transition tw-ease-out tw-duration-500 group-hover:tw-scale-[1.025] tw-object-cover" alt="" loading="lazy" decoding="async" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-plus-certified-apps/display-card-37c3fd0d7fd5dfc2dd809f445efb56def4b681f495b70da3752211ee0d995e28.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-plus-certified-apps/display-card@2x-893ab75a4c40240b45a253d81b17a061f034d238987d4c4e8646ab761a40b5ad.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-plus-certified-apps/display-card-37c3fd0d7fd5dfc2dd809f445efb56def4b681f495b70da3752211ee0d995e28.webp" /> <div class="tw-relative tw-flex tw-flex-col tw-gap-md lg:tw-gap-lg tw-justify-between tw-w-full tw-pt-3xl tw-pb-xl tw-px-lg xl:tw-pt-5xl xl:tw-pb-2xl xl:tw-px-xl tw-text-fg-inverted-primary tw-bg-gradient-to-t tw-from-canvas-inverted-primary/90 "> <div> <h5 class="tw-text-heading-md tw-pb-xs"> Find Plus Certified Apps </h5> <h3 class="tw-text-heading-xl tw-text-pretty group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">Find the best-in-class apps built with the Plus merchant tech stack in mind.</h3> </div> </div></a></div> <div class="tw-rounded-sm tw-overflow-hidden tw-min-h-fit tw-bg-cover tw-bg-center tw-aspect-[4/5] tw-snap-center tw-shrink-0 md:tw-shrink tw-basis-4/5 md:tw-basis-1/3 xl:tw-aspect-[1] tw-max-h-[400px]"> <a class="tw-relative tw-h-full tw-flex tw-flex-col tw-justify-end tw-group" href="https://apps.shopify.com/stories/merchant-tech-stack-manors?surface_detail=story_card&surface_type=app_details_page"> <img class="tw-absolute tw-h-full tw-w-full tw-transition tw-ease-out tw-duration-500 group-hover:tw-scale-[1.025] tw-object-cover" alt="" loading="lazy" decoding="async" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-manors/display-card-062bb24bd352483289ca30e82efcedbca3aa205316cb3d064c56198202d0eb81.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-manors/display-card@2x-e02064fed8725b25a4f7e1bcd9ecfb196a2e0c6ad0eacddb5c459461831a0b5a.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-manors/display-card-062bb24bd352483289ca30e82efcedbca3aa205316cb3d064c56198202d0eb81.webp" /> <div class="tw-relative tw-flex tw-flex-col tw-gap-md lg:tw-gap-lg tw-justify-between tw-w-full tw-pt-3xl tw-pb-xl tw-px-lg xl:tw-pt-5xl xl:tw-pb-2xl xl:tw-px-xl tw-text-fg-inverted-primary tw-bg-gradient-to-t tw-from-canvas-inverted-primary/90 "> <div> <h5 class="tw-text-heading-md tw-pb-xs"> Tech stack </h5> <h3 class="tw-text-heading-xl tw-text-pretty group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">Get the apps that golf brand Manors uses to drive success.</h3> </div> </div></a></div> </div> </section> </section> <section id="adp-similar-apps" class="tw-bg-canvas-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="AppDetailsController" data-waypoint-waypoint="14" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="similar-apps"> <div class="tw-container"> <section class="tw-w-full tw-flex tw-gap-gutter--mobile lg:tw-gap-x-gutter--desktop tw-flex-col tw-mt-lg md:tw-mt-xl xl:tw-mt-2xl" data-controller="recommended-apps"> <div class="tw-col-span-full lg:tw-col-span-3 tw-flex tw-flex-col tw-pb-sm md:tw-gap-xs sm:tw-gap-2xs"> <h2 class="tw-text-heading-xl"> More apps like this </h2> </div> <div class="tw-col-span-full lg:tw-col-span-8 lg:tw-col-start-5 xl:tw-col-span-9 xl:tw-col-start-4"> <div class="tw-grid tw-grid-flow-dense tw-gap-gutter--mobile lg:tw-gap-x-gutter--desktop tw-grid-cols-1 md:tw-grid-cols-2 xl:tw-grid-cols-3"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="section-factory" data-app-card-name-value="Section Store: Theme Sections" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/9379d0b061b8a54c2b057c1fa14544c8/icon/COmvw8en_vYCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/section-factory?surface_detail=sanity-connect&surface_inter_position=1&surface_intra_position=1&surface_type=app_details" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/9379d0b061b8a54c2b057c1fa14544c8/icon/COmvw8en_vYCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/9379d0b061b8a54c2b057c1fa14544c8/icon/COmvw8en_vYCEAE=.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/9379d0b061b8a54c2b057c1fa14544c8/icon/COmvw8en_vYCEAE=.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/section-factory?surface_detail=sanity-connect&surface_inter_position=1&surface_intra_position=1&surface_type=app_details" class=""> Section Store: Theme Sections </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,030)</span> <span class="tw-sr-only">1030 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"> Add plug-n-play customisable sections to any theme & page </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-accent-bfs tw-text-fg-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-border-none "> </div> </div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="pagefly" data-app-card-name-value="PageFly Landing Page Builder" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/f85ee597169457da8ee70b6652cae768/icon/CKmsycCOx_YCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/pagefly?surface_detail=sanity-connect&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/f85ee597169457da8ee70b6652cae768/icon/CKmsycCOx_YCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/f85ee597169457da8ee70b6652cae768/icon/CKmsycCOx_YCEAE=.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/f85ee597169457da8ee70b6652cae768/icon/CKmsycCOx_YCEAE=.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/pagefly?surface_detail=sanity-connect&surface_inter_position=1&surface_intra_position=2&surface_type=app_details" class=""> PageFly Landing Page Builder </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">(11,666)</span> <span class="tw-sr-only">11666 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"> Build landing page, product, blog pages & sections with ease </div> </div> <div class="tw-border-none "> </div> </div> </div> </div> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="gempages" data-app-card-name-value="GemPages Landing Page Builder" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/6d72140e25d3f444e352738033321b98/icon/CJCIkdONi_UCEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/gempages?surface_detail=sanity-connect&surface_inter_position=1&surface_intra_position=3&surface_type=app_details" data-app-card-offer-token-value="" data-app-card-intra-position-value="" data-action=" app-comparison-wrapper:compare-mode-on@window->app-card#enableCompareMode app-comparison-wrapper:compare-mode-off@window->app-card#disableCompareMode app-comparison-wrapper:apps-updated@window->app-card#handleAppsUpdated "> <div class=" tw-relative tw-flex tw-gap-md tw-items-start tw-cursor-pointer tw-group [&.dimmed]:tw-opacity-[.5] tw-transition-opacity [&.dimmed]:tw-pointer-events-none tw-text-fg-primary " data-app-card-target="wrapper" data-action=" click->app-card#handleClick keydown->app-card#handleKeyDown " aria-pressed="false" role="button"> <figure class="tw-rounded-sm tw-overflow-hidden tw-shrink-0 tw-relative after:tw-content-[''] after:tw-absolute after:tw-inset-0 after:tw-rounded-sm tw-transition-transform group-hover:tw-scale-[1.025] tw-w-appIcon--sm after:tw-shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/6d72140e25d3f444e352738033321b98/icon/CJCIkdONi_UCEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/6d72140e25d3f444e352738033321b98/icon/CJCIkdONi_UCEAE=.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/6d72140e25d3f444e352738033321b98/icon/CJCIkdONi_UCEAE=.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/gempages?surface_detail=sanity-connect&surface_inter_position=1&surface_intra_position=3&surface_type=app_details" class=""> GemPages Landing Page Builder </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">(4,821)</span> <span class="tw-sr-only">4821 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"> Build high-converting landing page, post-purchase upsell | CRO </div> </div> <div class="tw-border-none "> </div> </div> </div> </div> </div> </div> </section> </div> </section>  <script> gtag('config', 'UA-129279-51'); </script> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 825000602; var google_remarketing_only = true; var google_restricted_data_processing = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/825000602/?value=0&guid=ON&script=0"/> </div> </noscript> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('dataProcessingOptions', ['LDU'], 0, 0); fbq('init', '925764138366285'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=925764138366285&ev=PageView&noscript=1"/> </noscript> </div> <div class="tw-pt-lg lg:tw-pt-2xl"> <div class="tw-bg-canvas-inverted-primary" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="app_details" data-waypoint-waypoint="0" data-waypoint-surface="app_details"> <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/sanity-connect" data-page-type="app_details" data-element="get-started-btn" data-element-group="signup-free-trial" href="https://accounts.shopify.com/store-create?_s=f5e6d7cc-5bcf-40c9-a917-19c4e9458e94&_y=b092e3bf-968f-4a33-9481-ad78dec286dc&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fsanity-connect&signup_types%5B%5D=paid_trial_experience"> Try Shopify free for 3 days </a> </div> </div> </div> </div> </main> <footer class="tw-py-10 tw-text-body-md tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" data-section-name="footer" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="page_footer" data-waypoint-waypoint="15" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="page_footer"> <div class="tw-container"> <div class="tw-grid tw-grid-cols-2 tw-gap-y-12 lg:tw-grid-cols-5 tw-gap-md"> <div class="tw-col-span-2 lg:tw-col-span-1 tw-h-2xl"> <div class="tw-absolute tw-w-[40px] tw-h-[45px] [mask-image:url(merchant/footer/shopping-bag)] [mask-repeat:space] [mask-position:center] [mask-size:40px] tw-bg-fg-inverted-primary"></div> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> App categories </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/sales-channels"> Sales channels </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/finding-products"> Finding products </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/selling-products"> Selling products </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/orders-and-shipping"> Orders and shipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design"> Store design </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion"> Marketing and conversion </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-management"> Store management </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Top categories </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/finding-products-sourcing-options-dropshipping"> Dropshipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/sales-channels-selling-online-marketplaces"> Marketplaces </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-social-trust-product-reviews"> Product reviews </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles"> Upsell and bundles </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-marketing-email-marketing"> Email marketing </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design-site-optimization-seo"> SEO </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/orders-and-shipping-shipping-solutions-shipping"> Shipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design-internationalization-currency-and-translation"> Currency and translation </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Resources </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://help.shopify.com/en/"> Shopify Help Center </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://shopify.dev/api"> API documentation </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://community.shopify.com/c/shopify-community-en/ct-p/en"> Shopify Community </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://community.shopify.com/c/events/eb-p/events_en"> Community Events </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/blog"> Shopify Blog </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/research/future-of-commerce"> Research </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Shopify </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/about"> About </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/careers"> Careers </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://investors.shopify.com/home/default.aspx"> Investors </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://news.shopify.com/"> Press and media </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/partners"> Partners </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/affiliates"> Affiliates </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal"> Legal </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://shopifystatus.com"> Service status </a> </div> </div> <hr class="tw-my-8"> <div class="tw-flex tw-flex-col-reverse lg:tw-flex-row lg:tw-flex lg:tw-justify-between"> <div class="lg:tw-flex lg:tw-flex-wrap lg:tw-gap-6"> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/?auth=1"> Developer login </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal/terms"> Terms of service </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal/privacy"> Privacy policy </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/sitemap"> Sitemap </a> </span> </div> <div class="tw-pb-md lg:tw-pb-0"> <div class="tw-flex tw-items-center"> <div class="tw-relative tw-w-[28px] tw-h-[28px] tw-mr-sm [mask-image:url(merchant/footer/globe)] [mask-repeat:no-repeat] [mask-position:center] [mask-size:28px] tw-bg-fg-inverted-primary"></div> <form action="https://apps.shopify.com/set_locale" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xwslS9xtLn7HSUdTdx_XTOCITcDuc80rbQOpZ7pty_-au6nMc2-Pd5K-c0x9SqFUeDQ6s0USeyDl0eNotQ-W7g" autocomplete="off" /> <select name="language" id="language" class="tw-bg-canvas-inverted-primary" aria-label="Change your language" onchange="this.form.submit();"><option value="cs">Čeština</option> <option value="da">Dansk</option> <option value="de">Deutsch</option> <option selected="selected" value="en">English</option> <option value="es">Español</option> <option value="fr">Français</option> <option value="it">Italiano</option> <option value="nl">Nederlands</option> <option value="nb">Norsk (bokmål)</option> <option value="pl">Polski</option> <option value="pt-BR">Português (Brasil)</option> <option value="pt-PT">Português (Portugal)</option> <option value="fi">Suomi</option> <option value="sv">Svenska</option> <option value="tr">Türkçe</option> <option value="th">ภาษาไทย</option> <option value="ja">日本語</option> <option value="zh-CN">简体中文</option> <option value="zh-TW">繁體中文</option> <option value="ko">한국어</option></select> </form></div> </div> </div> <span width="0" height="0" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="page_footer" data-waypoint-waypoint="16" data-waypoint-surface="app_details" data-waypoint-surface-version="redesign" data-waypoint-surface-detail="end_of_page"></span> </div> </footer> <div id="ModalContainer"> <div id="ModalContents"> <div id="AuthWithDomain" class="eco-modal" data-can-open-from-location="true" role="dialog"> <div class="eco-modal-section" data-section="main"> <div class="eco-modal-header"> <h2 class="eco-modal-title"> Log in to your Shopify store </h2> <button class="eco-modal-close-action " aria-label="close modal"> <img class="tw-block tw-w-full tw-min-w-[16px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/eco/icons/eco-modal-close-b200ad2b4407778f759569d5d832b5c20ed3f1719526941f66cc7444c74711bb.svg" /> </button> </div> <div class="eco-modal-body"> <div class="tw-pt-4 tw-text-body-md tw-text-fg-primary"> <form id="AuthLoginForm" action="/login/initiate_shopify_auth/sanity-connect" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CkrFIG28niFNmpvUuBm4sv0Ul1KBqYHxoNKKE63A6vJX-kmnwr4_KBhtr8uyTM6qZajgISrIN_ooAMAcoqK34w" 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="/sanity-connect" 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=f5e6d7cc-5bcf-40c9-a917-19c4e9458e94&_y=b092e3bf-968f-4a33-9481-ad78dec286dc&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fsanity-connect&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=%2Fsanity-connect"> Developer login</a> </div> </div> </div> </div> </div> <div id="IncompatibleInstallModal" class="eco-modal" role="dialog"> <div class="eco-modal-section" data-section="main"> <div class="eco-modal-header"> <h2 class="eco-modal-title"> This app isn’t compatible with your store </h2> <button class="eco-modal-close-action " aria-label="close modal"> <img class="tw-block tw-w-full tw-min-w-[16px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/eco/icons/eco-modal-close-b200ad2b4407778f759569d5d832b5c20ed3f1719526941f66cc7444c74711bb.svg" /> </button> </div> <div class="eco-modal-body"> <div class="tw-pt-4 tw-text-body-md tw-text-fg-secondary"> <p> Sanity Connect is only compatible with stores that: </p> <ul class="tw-list-disc tw-pt-2 tw-pl-6"> </ul> </div> </div> <div class="eco-modal-footer"> <div class="eco-modal-actions-container"> <div class="eco-modal-actions"> <div class="eco-modal-action-primary"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-w-full tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md"> Close </button> </div> <div class="eco-modal-action-secondary"> <a target="_blank" rel="noopener noreferrer" class="tw-group tw-text-link-md tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 " href="https://help.shopify.com/en/manual/apps/app-compatibility"> Learn about app compatibility</a> </div> </div> </div> </div> </div> </div> </div> <div id="ModalBackdrop" class="eco-modal-backdrop" aria-hidden="true"></div> </div> </body> </html>