CINXE.COM
Customize their order status page | Shopify App Store
<!doctype html> <html lang="en"> <head> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Customize their order status page | Shopify App Store</title> <meta name="description" content="A great order status page not only makes it easy for people to stay on top of their purchases, it also lets you showcase your brand’s personality. Most of all, it’s an opportunity to build a long-lasting relationship with your customers."> <link rel="canonical" href="https://apps.shopify.com/stories/guide-customize-order-status-page"> <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="Customize their order status page | Shopify App Store"> <meta property="og:description" content="A great order status page not only makes it easy for people to stay on top of their purchases, it also lets you showcase your brand’s personality. Most of all, it’s an opportunity to build a long-lasting relationship with your customers."> <meta property="og:image" content="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-customize-order-status-page/guide-customize-order-status-page-social-90885a60fb4cfbd7bccbe6182dc44f60bd8fdc466fc22e6bdf959886ad79e687.png"> <meta property="og:url" content="https://apps.shopify.com/"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta name="robots" content="index"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="mRNmInZudafbFYxO40gyj_4OC9MyoC0s_ElcmUNARoHj8orqh7zF1pcz5QymNQ9KDTOM6pV132gO7d0nNSmBaA" /> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page" hreflang="x-default"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page" hreflang="en"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=cs" hreflang="cs"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=da" hreflang="da"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=de" hreflang="de"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=es" hreflang="es"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=fi" hreflang="fi"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=fr" hreflang="fr"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=it" hreflang="it"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=ja" hreflang="ja"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=ko" hreflang="ko"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=nb" hreflang="nb"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=nl" hreflang="nl"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=pl" hreflang="pl"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=sv" hreflang="sv"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=th" hreflang="th"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=tr" hreflang="tr"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?locale=zh-CN" hreflang="zh-CN"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-customize-order-status-page?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> <!-- Trekkie loader, this needs to be inline --> <script type="text/javascript"> (function() { var config = { 'Trekkie': { 'appName': 'appstore', 'defaultAttributes': { 'shopId': null, 'appHandle': null, 'v2': true }, 'navigationTimingApiMeasurementsEnabled': true, 'navigationTimingApiMeasurementsSampleRate': 0.01, 'isServerSideCookieWritingEnabled': true }, 'Clickstream': { }, 'Optimizely': {} }; var trekkie_version = '2020.07.23.1'; var analytics = window.analytics = window.analytics || []; if (analytics.integrations) { return; } analytics.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; analytics.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); analytics.push(args); return analytics; }; }; for (var i = 0; i < analytics.methods.length; i++) { var key = analytics.methods[i]; analytics[key] = analytics.factory(key); } analytics.load = function(config) { analytics.config = config; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function() { if (window.bugsnagClient) { window.bugsnagClient.notify('Failed to load Trekkie.'); } }; script.async = true; script.src = '//cdn.shopify.com/s/javascripts/tricorder/trekkie.' + config.Trekkie.appName + '.min.js?v=' + trekkie_version; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); }; analytics.load(config); analytics.page(); })(); </script> <!-- Google tag (gtag.js) --> <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-dbd1b584ba6cade1a5c977d602069296ac4e88b52bda1b7dbb87c0b34ce99849.css" integrity="sha256-uke22p1XKAKkedhz9NxET2dpnKy5ncwc6WZMsa4Z96M=" /> <link rel="stylesheet" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/tailwind-ddae40f20a80eb5000367e83d9f61c5065cf24a22d685f186595eaad0bfd457a.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 %{count} star","other":"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. %{count} person found this review helpful.","other":"Mark as helpful. %{count} people found this review helpful."},"helpful_sr_label_not_helpful":{"one":"Mark as not helpful. %{count} person found this review helpful.","other":"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":"4b040cd4-7943-4bbc-b9fa-42981f917279","sessionToken":"ec246a71-2d42-4f5b-bada-7941270f2263","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-B3z7g-43.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/stimulus-D5We1Mvz.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/decode-Bn6vFd8o.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/stimulus-BquUeJi1.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/client-B5j9uJdn.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/url-helper-Dg75x70I.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/react-BPDQ0nvu.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/index-DmnpMxGH.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/BrowserCookieManager-wc3CHHfS.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/dom-helpers-E_jcM3uZ.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="StoriesShow" class="tw-font-sans tw-antialiased tw-min-w-full tw-min-h-screen tw-flex tw-flex-col"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMHDF2L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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-[998] lg:tw-z-[1000] tw-border-b tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary tw-border-b-stroke-inverted-secondary"> <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 link-block--primary" 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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Sales channels" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/sales-channels?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md link-block--primary"> 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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Finding products" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/finding-products?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md link-block--primary"> 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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Selling products" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/selling-products?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md link-block--primary"> 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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Orders and shipping" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/orders-and-shipping?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md link-block--primary"> 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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Store design" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/store-design?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md link-block--primary"> 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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Marketing and conversion" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/marketing-and-conversion?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md link-block--primary"> 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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Store management" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/store-management?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md link-block--primary"> 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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="merchant-tech-stack-nama" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/merchant-tech-stack-nama?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group 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:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-nama/hero-small-32307270047e0d639ddc9ab1ca9618b9afdec19597011a898a3a5e565c35007c.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-nama/hero-small@2x-86f130ea999274c7bf766ce012605bf0ddb14995b1e1dee87a59ac2e98af7cda.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-nama/hero-small-32307270047e0d639ddc9ab1ca9618b9afdec19597011a898a3a5e565c35007c.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Merchant tech stack</div> <span class="tw-text-heading-md link-block--primary">Nama</span> </div> </div> </a> </li> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="spotlight-app-transcy" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/spotlight-app-transcy?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group 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:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-transcy/hero-small-ad3a642d9e373586b57a4a0b08200957747685a4633134dc1b9ed1e82147e9a0.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-transcy/hero-small@2x-5a60cf9cc18fdefe8f6b1a926ddfc93a9021480e4eae6bc044f0a72041e2e9fa.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-transcy/hero-small-ad3a642d9e373586b57a4a0b08200957747685a4633134dc1b9ed1e82147e9a0.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Featured app</div> <span class="tw-text-heading-md link-block--primary">Cross borders with Transcy</span> </div> </div> </a> </li> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="guide-sell-internationally" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/guide-sell-internationally?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group 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:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-sell-internationally/hero-small-ed0634fcfc60f12f581be607c68e46e8950fc7b9a91c9eb1e9b15348411a3a78.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-sell-internationally/hero-small@2x-73ee99fc84514ddb35b5e01a136e832afb7d0ad0a0a53b2f6987e85efb3b8d0a.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-sell-internationally/hero-small-ed0634fcfc60f12f581be607c68e46e8950fc7b9a91c9eb1e9b15348411a3a78.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Guide</div> <span class="tw-text-heading-md link-block--primary">Grow global</span> </div> </div> </a> </li> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="all-app-stories" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories?surface_detail=whats-new&surface_type=navbar"> <span class="tw-text-heading-md link-block--primary"> 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-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-highlight-secondary tw-decoration-stroke-link-inverted js-monorail-element-click-tracking tw-border-transparent hover:tw-text-fg-inverted-primary hover:tw-border-fg-inverted-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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="log-in-btn" data-element-group="nav-bar-megamenu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Fstories%2Fguide-customize-order-status-page%3Fshow_store_picker%3D1%26surface_detail%3Dstore-design%26surface_type%3Dcategory%26surface_version%3Dredesign&return_to=%2Fstories%2Fguide-customize-order-status-page%3Fsurface_detail%3Dstore-design%26surface_type%3Dcategory%26surface_version%3Dredesign">Log in</a> </div> </div> <div class="tw-hidden lg:tw-inline lg:tw-ml-6"> <div class="signup-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-5 tw-py-3 sm:tw-px-6 sm: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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="get-started-btn" data-element-group="nav-bar-megamenu" href="https://accounts.shopify.com/store-create?_s=ec246a71-2d42-4f5b-bada-7941270f2263&_y=4b040cd4-7943-4bbc-b9fa-42981f917279&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fstories%2Fguide-customize-order-status-page%3Fsurface_detail%3Dstore-design%26surface_type%3Dcategory%26surface_version%3Dredesign&signup_types%5B%5D=paid_trial_experience"> Sign up </a> </div> </div> </div> </nav> </header> <div data-section-name="global-nav" class="tw-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-[1000] 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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="close-side-menu" data-element-group="side-menu"></button> </div> <div class="tw-flex tw-flex-col tw-pb-xl tw-grow tw-gap-y-8 tw-justify-between"> <div class="tw-pb-8"> <div aria-hidden="true" class="tw-text-heading-md tw-text-fg-tertiary tw-mb-md"> Apps by category </div> <ul aria-label="Apps by category"> <li class="tw-mb-sm last:tw-mb-0"> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md lg:tw-text-link-lg tw-no-underline hover:tw-underline tw-text-fg-primary hover:tw-text-fg-primary tw-decoration-stroke-fg-primary js-monorail-element-click-tracking !tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Sales channels" data-element-group="side-menu" href="https://apps.shopify.com/categories/sales-channels?surface_detail=navbar-categories&surface_type=navbar"> Sales channels </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md lg:tw-text-link-lg tw-no-underline hover:tw-underline tw-text-fg-primary hover:tw-text-fg-primary tw-decoration-stroke-fg-primary js-monorail-element-click-tracking !tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Finding products" data-element-group="side-menu" href="https://apps.shopify.com/categories/finding-products?surface_detail=navbar-categories&surface_type=navbar"> Finding products </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md lg:tw-text-link-lg tw-no-underline hover:tw-underline tw-text-fg-primary hover:tw-text-fg-primary tw-decoration-stroke-fg-primary js-monorail-element-click-tracking !tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Selling products" data-element-group="side-menu" href="https://apps.shopify.com/categories/selling-products?surface_detail=navbar-categories&surface_type=navbar"> Selling products </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md lg:tw-text-link-lg tw-no-underline hover:tw-underline tw-text-fg-primary hover:tw-text-fg-primary tw-decoration-stroke-fg-primary js-monorail-element-click-tracking !tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Orders and shipping" data-element-group="side-menu" href="https://apps.shopify.com/categories/orders-and-shipping?surface_detail=navbar-categories&surface_type=navbar"> Orders and shipping </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md lg:tw-text-link-lg tw-no-underline hover:tw-underline tw-text-fg-primary hover:tw-text-fg-primary tw-decoration-stroke-fg-primary js-monorail-element-click-tracking !tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Store design" data-element-group="side-menu" href="https://apps.shopify.com/categories/store-design?surface_detail=navbar-categories&surface_type=navbar"> Store design </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md lg:tw-text-link-lg tw-no-underline hover:tw-underline tw-text-fg-primary hover:tw-text-fg-primary tw-decoration-stroke-fg-primary js-monorail-element-click-tracking !tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Marketing and conversion" data-element-group="side-menu" href="https://apps.shopify.com/categories/marketing-and-conversion?surface_detail=navbar-categories&surface_type=navbar"> Marketing and conversion </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md lg:tw-text-link-lg tw-no-underline hover:tw-underline tw-text-fg-primary hover:tw-text-fg-primary tw-decoration-stroke-fg-primary js-monorail-element-click-tracking !tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="Store management" data-element-group="side-menu" href="https://apps.shopify.com/categories/store-management?surface_detail=navbar-categories&surface_type=navbar"> Store management </a> </li> </ul> <div aria-hidden="true" class="tw-text-heading-md tw-text-fg-tertiary tw-mt-xl tw-mb-md"> App stories </div> <ul aria-label="App stories"> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="merchant-tech-stack-nama" data-element-group="side-menu" href="https://apps.shopify.com/stories/merchant-tech-stack-nama?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group 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:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-nama/hero-small-32307270047e0d639ddc9ab1ca9618b9afdec19597011a898a3a5e565c35007c.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-nama/hero-small@2x-86f130ea999274c7bf766ce012605bf0ddb14995b1e1dee87a59ac2e98af7cda.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-nama/hero-small-32307270047e0d639ddc9ab1ca9618b9afdec19597011a898a3a5e565c35007c.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Merchant tech stack</div> <span class="tw-text-heading-md link-block--primary">Nama</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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="spotlight-app-transcy" data-element-group="side-menu" href="https://apps.shopify.com/stories/spotlight-app-transcy?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group 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:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-transcy/hero-small-ad3a642d9e373586b57a4a0b08200957747685a4633134dc1b9ed1e82147e9a0.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-transcy/hero-small@2x-5a60cf9cc18fdefe8f6b1a926ddfc93a9021480e4eae6bc044f0a72041e2e9fa.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-transcy/hero-small-ad3a642d9e373586b57a4a0b08200957747685a4633134dc1b9ed1e82147e9a0.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Featured app</div> <span class="tw-text-heading-md link-block--primary">Cross borders with Transcy</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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="guide-sell-internationally" data-element-group="side-menu" href="https://apps.shopify.com/stories/guide-sell-internationally?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group 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:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-sell-internationally/hero-small-ed0634fcfc60f12f581be607c68e46e8950fc7b9a91c9eb1e9b15348411a3a78.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-sell-internationally/hero-small@2x-73ee99fc84514ddb35b5e01a136e832afb7d0ad0a0a53b2f6987e85efb3b8d0a.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-sell-internationally/hero-small-ed0634fcfc60f12f581be607c68e46e8950fc7b9a91c9eb1e9b15348411a3a78.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Guide</div> <span class="tw-text-heading-md link-block--primary">Grow global</span> </div> </div> </a> </li> <li class="tw-mt-8"> <a class="js-monorail-element-click-tracking tw-text-heading-md link-block--primary" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="all-app-stories" data-element-group="side-menu" href="https://apps.shopify.com/stories?surface_detail=whats-new&surface_type=navbar">All app stories</a> </li> </ul> </div> <div> <ul> <li class="tw-mb-md"> <div class="signup-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-whitespace-nowrap tw-px-5 tw-py-3 sm:tw-px-6 sm: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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="get-started-btn" data-element-group="side-menu" href="https://accounts.shopify.com/store-create?_s=ec246a71-2d42-4f5b-bada-7941270f2263&_y=4b040cd4-7943-4bbc-b9fa-42981f917279&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fstories%2Fguide-customize-order-status-page%3Fsurface_detail%3Dstore-design%26surface_type%3Dcategory%26surface_version%3Dredesign&signup_types%5B%5D=paid_trial_experience"> Sign up </a> </div> </li> <li> <div class="login-logout-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-5 tw-py-3 sm:tw-px-6 sm: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/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="all" data-element="log-in-btn" data-element-group="side-menu" href="/login/initiate_shopify_auth_without_shop?redirect_uri=%2Fstories%2Fguide-customize-order-status-page%3Fshow_store_picker%3D1%26surface_detail%3Dstore-design%26surface_type%3Dcategory%26surface_version%3Dredesign&return_to=%2Fstories%2Fguide-customize-order-status-page%3Fsurface_detail%3Dstore-design%26surface_type%3Dcategory%26surface_version%3Dredesign"> Log in </a> </div> </ul> </div> </div> </div> </div> </div> <div data-section-name="global-nav" class="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-[1000] tw-invisible tw-translate-x-full sm:tw-w-96 lg:tw-will-change-auto [&.tw-is-open]:tw-translate-x-0 [&.tw-is-open]:tw-visible sm:tw-w-full sm:tw-h-16 sm:tw-overflow-visible sm:tw-pb-0" role="dialog" aria-label="Main navigation" aria-modal="true"> <div id="UiSearchNavbar" class="tw-h-full tw-container"> <form id="UiSearchSuggestionForm" class="tw-w-full sm:tw-relative tw-flex tw-items-center sm:tw-h-full" action="/search" role="search" data-source="autocomplete"> <input type="hidden" name="st_source" id="st_source" value="" autocomplete="off" /> </form> </div> </div> <main class="tw-grow"> <section class="modular-page-section"> <div class="tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" style=""> <div class="md:tw-container" style=""> <section class="tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary tw-pb-xl lg:tw-pb-2xl" data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="HeroGuideComponent" data-waypoint-waypoint="1" data-waypoint-surface="story" data-waypoint-surface-detail="guide-customize-order-status-page"> <div class="tw-px-margin--mobile md:tw-px-0 tw-mb-xl lg:tw-mb-3xl"> <section class="tw-bg-canvas-inverted-primary"> <div class=""> <nav aria-label="breadcrumb"> <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="tw-flex tw-gap-sm tw-py-md tw-overflow-auto"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="tw-whitespace-nowrap after:tw-content-['›'] after:tw-pl-sm last:after:tw-content-none tw-text-fg-inverted-primary"> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-body-sm tw-underline hover:tw-no-underline tw-text-fg-inverted-primary hover:tw-text-fg-highlight-secondary tw-decoration-stroke-link-inverted " data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="story" data-element="breadcrumb" data-element-group="All stories" itemprop="item" href="https://apps.shopify.com/stories?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_type=story"> <span itemprop="name"> All stories</span></a> <meta itemprop="position" content="1"> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="tw-whitespace-nowrap after:tw-content-['›'] after:tw-pl-sm last:after:tw-content-none tw-text-fg-inverted-primary"> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-body-sm tw-underline hover:tw-no-underline tw-text-fg-inverted-primary hover:tw-text-fg-highlight-secondary tw-decoration-stroke-link-inverted " data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" data-page-type="story" data-element="breadcrumb" data-element-group="Guides" itemprop="item" href="https://apps.shopify.com/stories?filter=guides&shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_type=story"> <span itemprop="name"> Guides</span></a> <meta itemprop="position" content="2"> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="tw-whitespace-nowrap after:tw-content-['›'] after:tw-pl-sm last:after:tw-content-none tw-text-fg-inverted-primary"> <span itemprop="name" class="tw-text-body-sm" aria-current="page">Customize their order status page</span> <meta itemprop="position" content="3"> </li> </ol> </nav> </div> </section> </div> <div class="tw-px-margin--mobile tw-pb-lg md:tw-p-0"> <h1 class="tw-text-display-5"> <div class="tw-text-fg-inverted-tertiary tw-text-body-3xl">Customize their order status page</div> <span>Create a killer order-tracking experience</span> </h1> </div> <div class="md:tw-pt-xl"> <picture class="tw-aspect-[1] tw-overflow-hidden tw-flex tw-items-center md:tw-rounded-md md:tw-aspect-[1408/450] md:tw-block"> <source media="(min-width: 768px)" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-customize-order-status-page/hero-large-f49b83b23fbeedfecd9939576ace430181d9be5a6c9a1f49b75b395aafe1837f.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-customize-order-status-page/hero-large@2x-69abfd2ea96bc4de9b78052fb49a72a50b5ba6796ff241215b19b2875ceef172.webp 2x"> <img alt="An illustration of a order status page bursting out of a wooden chest. Confetti flies out surrounded by clouds." class="tw-w-full" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-customize-order-status-page/hero-small-b4ea6400f558cdfdfd4faee365a4b8d3c6dda6c9ef666cc1298757b20192425b.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-customize-order-status-page/hero-small@2x-9e2783434ba2074bcb1b35ce003206abc66ce980a63f2be6643f615cdddcb85a.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-customize-order-status-page/hero-small-b4ea6400f558cdfdfd4faee365a4b8d3c6dda6c9ef666cc1298757b20192425b.webp" /> </picture> </div> </section> </div> </div> <div class="tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" style=""> <div class="tw-container" style=""> <section class="tw-pb-xl lg:tw-pb-2xl lg:tw-grid lg:tw-grid-cols-12 lg:tw-gap-gutter--desktop " data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="LedeComponent" data-waypoint-waypoint="2" data-waypoint-surface="story" data-waypoint-surface-detail="guide-customize-order-status-page"> <div class="lg:tw-col-span-10 lg:tw-col-start-2 tw-flex tw-flex-col sm:tw-flex-row tw-gap-gutter--mobile lg:tw-gap-gutter--desktop"> <div class="sm:tw-flex-[3_1_70%] lg:tw-flex-[3_1_80%] tw-flex tw-flex-col tw-gap-lg lg:tw-gap-xl"> <p class="tw-text-heading-3xl tw-text-fg-inverted-primary tw-text-pretty">A great order status page not only makes it easy for people to stay on top of their purchases, it also lets you showcase your brand’s personality. Most of all, it’s an opportunity to build a long-lasting relationship with your customers.</p> </div> </div> </section> </div> </div> <div class="tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" style=""> <div class="tw-container" style=""> <section data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="CollectionCardComponent" data-waypoint-waypoint="6" data-waypoint-surface="story" data-waypoint-surface-detail="guide-customize-order-status-page" class="xl:tw-grid xl:tw-grid-cols-12 lg:tw-gap-gutter--desktop tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary tw-py-md md:tw-py-xl"> <article class="tw-bg-canvas-inverted-secondary tw-border tw-border-stroke-inverted-secondary tw-rounded-sm tw-px-lg tw-py-md md:tw-px-2xl md:tw-py-xl xl:tw-col-span-10 xl:tw-col-start-2"> <h2 id="design_it_your_way" class="tw-text-heading-lg tw-text-canvas-editorial-lime tw-pb-sm tw-scroll-mt-32"> Design it your way </h2> <div class="tw-grid xl:tw-grid-cols-12 lg:tw-gap-gutter--desktop"> <div class="xl:tw-col-span-5 2xl:tw-col-span-6 tw-pb-xl xl:tw-pb-0"> <p class="tw-text-heading-2xl tw-text-fg-inverted-secondary"> Page builder apps give you complete control over the look and feel of your order status page. Add custom fields, apply your own layout, and do it all with a simple drag-and-drop editor. </p> </div> <div class="xl:tw-col-span-7 2xl:tw-col-span-6"> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="beae" data-app-card-name-value="Beae Landing Page Builder" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/3db283686bdf064c04e98e5cf61875ee/icon/CNOHpN3rqYEDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/beae?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=1&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/3db283686bdf064c04e98e5cf61875ee/icon/CNOHpN3rqYEDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/3db283686bdf064c04e98e5cf61875ee/icon/CNOHpN3rqYEDEAE=.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/3db283686bdf064c04e98e5cf61875ee/icon/CNOHpN3rqYEDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/beae?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=1&surface_type=story" class=""> Beae Landing Page Builder </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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,091)</span> <span class="tw-sr-only">1091 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Easily create home, landing, collection, product, blog & more </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="3db283686bdf064c04e98e5cf61875ee" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="beae" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-S0JBBHVBFM" data-partner-meta-pixel-id="3340485226258446" data-partner-tracking-label="beae" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="aREItA8jcNxLJaHi6fsK3aC9mceRbObzlEec7ObxFFMT8OR8_vHArQcDyKCshjcYU4Ae_ja5FLdm4x1SkJjTug" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="3db283686bdf064c04e98e5cf61875ee" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="checkoutplus" data-app-card-name-value="Checkout Plus" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/17729b1d93bcbfb68e0b45d207a72695/icon/CPXJ7Lvg6vkCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/checkoutplus?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=2&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/17729b1d93bcbfb68e0b45d207a72695/icon/CPXJ7Lvg6vkCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/17729b1d93bcbfb68e0b45d207a72695/icon/CPXJ7Lvg6vkCEAE=.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/17729b1d93bcbfb68e0b45d207a72695/icon/CPXJ7Lvg6vkCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/checkoutplus?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=2&surface_type=story" class=""> Checkout Plus </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <span> 4.7 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(33)</span> <span class="tw-sr-only">33 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Customize your Checkout and Thank You pages to Boost Sales </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="17729b1d93bcbfb68e0b45d207a72695" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="checkoutplus" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-3BHKFB5R0K" data-partner-tracking-label="checkoutplus" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="TCxXOLG6N88POmqeDY3H6BYkTyU6PZ1IJpT1rXuREqI2zbvwQGiHvkMcA9xI8Pot5RnIHJ3obwzUMHQTDfjVSw" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="17729b1d93bcbfb68e0b45d207a72695" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="confettify" data-app-card-name-value="Confettify: Thank You Effects" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/a7feaa0e9590407d4d72cff7f77a5874/icon/CKrs7-PK__sCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/confettify?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=3&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/a7feaa0e9590407d4d72cff7f77a5874/icon/CKrs7-PK__sCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/a7feaa0e9590407d4d72cff7f77a5874/icon/CKrs7-PK__sCEAE=.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/a7feaa0e9590407d4d72cff7f77a5874/icon/CKrs7-PK__sCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/confettify?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=3&surface_type=story" class=""> Confettify: Thank You Effects </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <span> 3.3 <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">(8)</span> <span class="tw-sr-only">8 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Add customizable confetti effects on the thank you page! </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="a7feaa0e9590407d4d72cff7f77a5874" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="confettify" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-7SXS3L344Z" data-partner-tracking-label="confettify" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="P_Y-_EUHObZhQz-Nr2FTVeYeiU6LtFDxMmqxs7HYZVhFF9I0tNWJxy1lVs_qHG6QFSMOdyxhorXAzjANx7GisQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="a7feaa0e9590407d4d72cff7f77a5874" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <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?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=4&surface_type=story" 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-inverted-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(255,255,255,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-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/pagefly?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=4&surface_type=story" class=""> PageFly Landing Page Builder </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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,991)</span> <span class="tw-sr-only">11991 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Build landing page, product, blog pages & sections with ease </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="f85ee597169457da8ee70b6652cae768" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="pagefly" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-0BK6F6GXYF" data-partner-meta-pixel-id="271258610768712" data-partner-tracking-label="pagefly" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="qppTaR979hw_NWZtO0WJUTGOHsH1wQIUSK-lheTwSrzQe7-h7qlGbXMTDy9-OLSUwrOZ-FIU8FC6CyQ7kpmNVQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="f85ee597169457da8ee70b6652cae768" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> </div> </div> </article> </section> </div> </div> <div class="tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" style=""> <div class="tw-container" style=""> <section data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="CollectionCardComponent" data-waypoint-waypoint="7" data-waypoint-surface="story" data-waypoint-surface-detail="guide-customize-order-status-page" class="xl:tw-grid xl:tw-grid-cols-12 lg:tw-gap-gutter--desktop tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary tw-py-md md:tw-py-xl"> <article class="tw-bg-canvas-inverted-secondary tw-border tw-border-stroke-inverted-secondary tw-rounded-sm tw-px-lg tw-py-md md:tw-px-2xl md:tw-py-xl xl:tw-col-span-10 xl:tw-col-start-2"> <h2 id="keep_them_in_the_loop" class="tw-text-heading-lg tw-text-canvas-editorial-lime tw-pb-sm tw-scroll-mt-32"> Keep them in the loop </h2> <div class="tw-grid xl:tw-grid-cols-12 lg:tw-gap-gutter--desktop"> <div class="xl:tw-col-span-5 2xl:tw-col-span-6 tw-pb-xl xl:tw-pb-0"> <p class="tw-text-heading-2xl tw-text-fg-inverted-secondary"> Keep customers in the loop with real-time tracking updates. Not only does it ease any worries they might have about their purchase and cuts down on questions, it also increases your chances of repeat business. </p> </div> <div class="xl:tw-col-span-7 2xl:tw-col-span-6"> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="parcelpanel" data-app-card-name-value="Parcel Panel Order Tracking" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/49a7da2f5f1af407d002b15b55189273/icon/CLGmv7T9rYcDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/parcelpanel?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=1&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/49a7da2f5f1af407d002b15b55189273/icon/CLGmv7T9rYcDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/49a7da2f5f1af407d002b15b55189273/icon/CLGmv7T9rYcDEAE=.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/49a7da2f5f1af407d002b15b55189273/icon/CLGmv7T9rYcDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/parcelpanel?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=1&surface_type=story" class=""> Parcel Panel Order Tracking </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(4,944)</span> <span class="tw-sr-only">4944 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Powerful order tracker: track orders to boost CSAT and sales </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="49a7da2f5f1af407d002b15b55189273" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="parcelpanel" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-D9LSSH2CFF" data-partner-tracking-label="parcelpanel" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="Vz034m0wGUObUdYhtRgEHyHTcTdOgFMm3timj7IxCU0t3NsqnOKpMtd3v2PwZTna0u72DulVoWIsfCcxxFjOpA" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="49a7da2f5f1af407d002b15b55189273" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="order-status-pro" data-app-card-name-value="StatusPro ‑ Order Status" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/ddaf6de2e5ed1b3abf470cb167f1fe76/icon/CMuIxLbtyvkCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/order-status-pro?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=2&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/ddaf6de2e5ed1b3abf470cb167f1fe76/icon/CMuIxLbtyvkCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/ddaf6de2e5ed1b3abf470cb167f1fe76/icon/CMuIxLbtyvkCEAE=.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/ddaf6de2e5ed1b3abf470cb167f1fe76/icon/CMuIxLbtyvkCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/order-status-pro?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=2&surface_type=story" class=""> StatusPro ‑ Order Status </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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">(52)</span> <span class="tw-sr-only">52 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Simplify order management with your own custom order statuses </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="ddaf6de2e5ed1b3abf470cb167f1fe76" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="order-status-pro" 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-tracking-label="order-status-pro" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="fdN9mSpFoDWwcobek7YIb4_IUxr9Lro9V86XQuxegoIHMpFR25cQRPxU75zWyzWqfPXUI1r7SHmlahb8mjdFaw" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="ddaf6de2e5ed1b3abf470cb167f1fe76" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="tracktor-2" data-app-card-name-value="Tracktor Order Tracking" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/883a2170d9c5e59d729a197684616dce/icon/CO_H5v_z9IcDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/tracktor-2?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=3&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/883a2170d9c5e59d729a197684616dce/icon/CO_H5v_z9IcDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/883a2170d9c5e59d729a197684616dce/icon/CO_H5v_z9IcDEAE=.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/883a2170d9c5e59d729a197684616dce/icon/CO_H5v_z9IcDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/tracktor-2?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=3&surface_type=story" class=""> Tracktor Order Tracking </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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">(743)</span> <span class="tw-sr-only">743 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Track orders with 1,700+ carriers and custom order statuses </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="883a2170d9c5e59d729a197684616dce" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="tracktor-2" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-EDQYGQG8JN" data-partner-tracking-label="tracktor-2" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="y1lVPEx7mAMSw_u2fFM6HL-PIWJ0pgB3P57QpZ7kweCxuLn0vakocl7lkvQ5LgfZTLKmW9Nz8jPNOlEb6I0GCQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="883a2170d9c5e59d729a197684616dce" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="aftership" data-app-card-name-value="AfterShip Order Tracking" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/2b1e15082bfdc3b29c516461be6bd261/icon/CL6z7PWxkv8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/aftership?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=4&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/2b1e15082bfdc3b29c516461be6bd261/icon/CL6z7PWxkv8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/2b1e15082bfdc3b29c516461be6bd261/icon/CL6z7PWxkv8CEAE=.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/2b1e15082bfdc3b29c516461be6bd261/icon/CL6z7PWxkv8CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/aftership?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=4&surface_type=story" class=""> AfterShip Order Tracking </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <span> 4.7 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(4,778)</span> <span class="tw-sr-only">4778 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Track bulk orders, reduce complaints, optimize delivery </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="2b1e15082bfdc3b29c516461be6bd261" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="aftership" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-9H9TPF4F6L" data-partner-tracking-label="aftership" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="dyefXbgJICWpjjmsaBPAgnjyFZYOvNn5piOyt_TxBsoNxnOVSduQVOWoUO4tbv1Hi8-Sr6lpK71UhzMJgpjBIw" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="2b1e15082bfdc3b29c516461be6bd261" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> </div> </div> </article> </section> </div> </div> <div class="tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" style=""> <div class="tw-container" style=""> <section data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="CollectionCardComponent" data-waypoint-waypoint="8" data-waypoint-surface="story" data-waypoint-surface-detail="guide-customize-order-status-page" class="xl:tw-grid xl:tw-grid-cols-12 lg:tw-gap-gutter--desktop tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary tw-py-md md:tw-py-xl"> <article class="tw-bg-canvas-inverted-secondary tw-border tw-border-stroke-inverted-secondary tw-rounded-sm tw-px-lg tw-py-md md:tw-px-2xl md:tw-py-xl xl:tw-col-span-10 xl:tw-col-start-2"> <h2 id="gather_their_feedback" class="tw-text-heading-lg tw-text-canvas-editorial-lime tw-pb-sm tw-scroll-mt-32"> Gather their feedback </h2> <div class="tw-grid xl:tw-grid-cols-12 lg:tw-gap-gutter--desktop"> <div class="xl:tw-col-span-5 2xl:tw-col-span-6 tw-pb-xl xl:tw-pb-0"> <p class="tw-text-heading-2xl tw-text-fg-inverted-secondary"> Take the opportunity to gather valuable insights from your customers. Add a feedback survey to your order status page and find out exactly what you can do to improve. </p> </div> <div class="xl:tw-col-span-7 2xl:tw-col-span-6"> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="grapevine" data-app-card-name-value="Grapevine Post Purchase Survey" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/46337f5b73c04c72644ce5199c3f8f4a/icon/CP2bp6uL9YoDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/grapevine?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=1&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/46337f5b73c04c72644ce5199c3f8f4a/icon/CP2bp6uL9YoDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/46337f5b73c04c72644ce5199c3f8f4a/icon/CP2bp6uL9YoDEAE=.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/46337f5b73c04c72644ce5199c3f8f4a/icon/CP2bp6uL9YoDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/grapevine?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=1&surface_type=story" class=""> Grapevine Post Purchase Survey </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(181)</span> <span class="tw-sr-only">181 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Gain insights with post purchase, NPS & point of sale surveys </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="46337f5b73c04c72644ce5199c3f8f4a" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="grapevine" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-QQS5C2DDGX" data-partner-tracking-label="grapevine" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="wMRFc9h939PdN9NRwEh2Jfj3kB4ApJ9hk4D-Ag551Fu6Jam7Ka9vopERuhOFNUvgC8oXJ6dxbSVhJH-8eBATsg" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="46337f5b73c04c72644ce5199c3f8f4a" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="loudhippo-post-purchase-survey" data-app-card-name-value="LoudHippo Post Purchase Survey" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/462ef20391215413232a36f8b188df88/icon/CJKpgY-R2PwCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/loudhippo-post-purchase-survey?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=2&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/462ef20391215413232a36f8b188df88/icon/CJKpgY-R2PwCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/462ef20391215413232a36f8b188df88/icon/CJKpgY-R2PwCEAE=.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/462ef20391215413232a36f8b188df88/icon/CJKpgY-R2PwCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/loudhippo-post-purchase-survey?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=2&surface_type=story" class=""> LoudHippo Post Purchase Survey </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(13)</span> <span class="tw-sr-only">13 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Accurate attribution for Facebook, Insta, TikTok & Influencers </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="462ef20391215413232a36f8b188df88" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="loudhippo-post-purchase-survey" 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-252611853-1" data-partner-meta-pixel-id="1393999161350552" data-partner-tracking-label="loudhippo-post-purchase-survey" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="O1WRF4R8XJp-lZEHcE-k8h_c_Ca7hEI5AmwySnj6v-BBtH3fda7s6zKz-EU1Mpk37OF7HxxRsH3wyLP0DpN4CQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="462ef20391215413232a36f8b188df88" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="zigpoll" data-app-card-name-value="Zigpoll Customer Surveys" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/03b0ee31c378e592b1c5c9da3dbe6651/icon/COe44cP9_4oDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/zigpoll?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=3&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/03b0ee31c378e592b1c5c9da3dbe6651/icon/COe44cP9_4oDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/03b0ee31c378e592b1c5c9da3dbe6651/icon/COe44cP9_4oDEAE=.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/03b0ee31c378e592b1c5c9da3dbe6651/icon/COe44cP9_4oDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/zigpoll?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=3&surface_type=story" class=""> Zigpoll Customer Surveys </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(382)</span> <span class="tw-sr-only">382 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Post-purchase & on-site surveys for attribution, NPS, & more </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="03b0ee31c378e592b1c5c9da3dbe6651" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="zigpoll" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-X4E9KMMRB7" data-partner-tracking-label="zigpoll" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="f3ywId2_NXbiMTyb6xZe-tPPhD0hKllJvTnPQ-LEUjwFnVzpLG2FB64XVdmua2M_IPIDBIb_qw1PnU79lK2V1Q" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="03b0ee31c378e592b1c5c9da3dbe6651" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="knocommerce" data-app-card-name-value="KNO Post Purchase Surveys" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/6664ab25bef1cfefc21a682418c4c0f0/icon/CL_3m5Xb2O8CEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/knocommerce?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=4&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/6664ab25bef1cfefc21a682418c4c0f0/icon/CL_3m5Xb2O8CEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/6664ab25bef1cfefc21a682418c4c0f0/icon/CL_3m5Xb2O8CEAE=.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/6664ab25bef1cfefc21a682418c4c0f0/icon/CL_3m5Xb2O8CEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/knocommerce?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=4&surface_type=story" class=""> KNO Post Purchase Surveys </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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">(77)</span> <span class="tw-sr-only">77 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Unlock customer insights to improve retention and drive growth </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="6664ab25bef1cfefc21a682418c4c0f0" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="knocommerce" 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-194150307-1" data-partner-tracking-label="knocommerce" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="EF6Tc_KPtc1uZp6AjcpBYC4G8uJCduqzGCHmAGnbi45qv3-7A10FvCJA98LIt3yl3Tt12-WjGPfqhWe-H7JMZw" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="6664ab25bef1cfefc21a682418c4c0f0" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> </div> </div> </article> </section> </div> </div> <div class="tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" style=""> <div class="tw-container" style=""> <section data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="CollectionCardComponent" data-waypoint-waypoint="9" data-waypoint-surface="story" data-waypoint-surface-detail="guide-customize-order-status-page" class="xl:tw-grid xl:tw-grid-cols-12 lg:tw-gap-gutter--desktop tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary tw-py-md md:tw-py-xl"> <article class="tw-bg-canvas-inverted-secondary tw-border tw-border-stroke-inverted-secondary tw-rounded-sm tw-px-lg tw-py-md md:tw-px-2xl md:tw-py-xl xl:tw-col-span-10 xl:tw-col-start-2"> <h2 id="show_the_love" class="tw-text-heading-lg tw-text-canvas-editorial-lime tw-pb-sm tw-scroll-mt-32"> Show the love </h2> <div class="tw-grid xl:tw-grid-cols-12 lg:tw-gap-gutter--desktop"> <div class="xl:tw-col-span-5 2xl:tw-col-span-6 tw-pb-xl xl:tw-pb-0"> <p class="tw-text-heading-2xl tw-text-fg-inverted-secondary"> Let customers know they made the right choice. Build trust, reassure buyers, and encourage repeat purchases by displaying reviews on your order status page. </p> </div> <div class="xl:tw-col-span-7 2xl:tw-col-span-6"> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="loox" data-app-card-name-value="Loox ‑ Product Reviews App" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/252ae7c55fa0e8a35df7f6ff3c8c1596/icon/CPLp1Kb0lu8CEAE=.jpg" data-app-card-app-link-value="https://apps.shopify.com/loox?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=1&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/252ae7c55fa0e8a35df7f6ff3c8c1596/icon/CPLp1Kb0lu8CEAE=.jpg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/252ae7c55fa0e8a35df7f6ff3c8c1596/icon/CPLp1Kb0lu8CEAE=.jpg?height=144&quality=90&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/252ae7c55fa0e8a35df7f6ff3c8c1596/icon/CPLp1Kb0lu8CEAE=.jpg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/loox?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=1&surface_type=story" class=""> Loox ‑ Product Reviews App </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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">(22,719)</span> <span class="tw-sr-only">22719 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Product reviews with photos and videos, referrals, and upsells </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="252ae7c55fa0e8a35df7f6ff3c8c1596" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="loox" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-TTEBV842GT" data-partner-meta-pixel-id="219276058437792" data-partner-tracking-label="loox" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="wp1aV7SrlY_DLEnhZ4atwpwJnPh1oyJKiEmErddDw_y4fLafRXkl_o8KIKMi-5AHbzQbwdJ20A567QUToSoEFQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="252ae7c55fa0e8a35df7f6ff3c8c1596" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="judgeme" data-app-card-name-value="Judge.me Product Reviews App" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/8cada0f5da411a64e756606bb036f1ed/icon/CJmAj_a-5fQCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/judgeme?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=2&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/8cada0f5da411a64e756606bb036f1ed/icon/CJmAj_a-5fQCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/8cada0f5da411a64e756606bb036f1ed/icon/CJmAj_a-5fQCEAE=.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/8cada0f5da411a64e756606bb036f1ed/icon/CJmAj_a-5fQCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/judgeme?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=2&surface_type=story" class=""> Judge.me Product Reviews App </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(40,530)</span> <span class="tw-sr-only">40530 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Build trust with unlimited product reviews, photos and videos </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="8cada0f5da411a64e756606bb036f1ed" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="judgeme" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-7WHZBJK2HX" data-partner-meta-pixel-id="1751830748184957" data-partner-tracking-label="judgeme" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="zBUI3l5f18L8RPNCdcosnR7mlZ27uHl3R7PKq6pAx4G29OQWr41ns7BimgAwtxFY7dsSpBxtizO1F0sV3CkAaA" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="8cada0f5da411a64e756606bb036f1ed" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="rivyo-product-review" data-app-card-name-value="Rivyo Product Reviews" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/8ffc62c9384b2409ac15e49c6da0f804/icon/CNO46PXNiIsDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/rivyo-product-review?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=3&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/8ffc62c9384b2409ac15e49c6da0f804/icon/CNO46PXNiIsDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/8ffc62c9384b2409ac15e49c6da0f804/icon/CNO46PXNiIsDEAE=.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/8ffc62c9384b2409ac15e49c6da0f804/icon/CNO46PXNiIsDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/rivyo-product-review?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=3&surface_type=story" class=""> Rivyo Product Reviews </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <span> 4.9 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(2,210)</span> <span class="tw-sr-only">2210 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Collect product reviews and Q&A to build trust & boost sales. </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="8ffc62c9384b2409ac15e49c6da0f804" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="rivyo-product-review" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-R3CXMZJWF7" data-partner-meta-pixel-id="3189281284523173" data-partner-tracking-label="rivyo-product-review" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="zxrJqDTxkyuItnmkKmzExQzwIbRus0MbAOGXS0GV9Ya1-yVgxSMjWsSQEOZvEfkA_82mjclmsV_yRRb1N_wybw" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="8ffc62c9384b2409ac15e49c6da0f804" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="yotpo-social-reviews" data-app-card-name-value="Yotpo ‑ Product Reviews App" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/659062da3dcade1068da9e28c3d120c5/icon/CIzTtYS0i4cDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/yotpo-social-reviews?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=4&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/659062da3dcade1068da9e28c3d120c5/icon/CIzTtYS0i4cDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/659062da3dcade1068da9e28c3d120c5/icon/CIzTtYS0i4cDEAE=.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/659062da3dcade1068da9e28c3d120c5/icon/CIzTtYS0i4cDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/yotpo-social-reviews?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=4&surface_type=story" class=""> Yotpo ‑ Product Reviews App </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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">(7,144)</span> <span class="tw-sr-only">7144 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Collect, display, and analyze reviews to boost trust and CVR </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="659062da3dcade1068da9e28c3d120c5" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="yotpo-social-reviews" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-74FQX72GC9" data-partner-meta-pixel-id="458308217671483" data-partner-tracking-label="yotpo-social-reviews" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="3XrGZKRIXhLyw-Rj4ctOE5UeJHsNIrY_ihkSONg3IG2nmyqsVZruY77ljSGktnPWZiOjQqr3RHt4vZOGrl7nhA" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="659062da3dcade1068da9e28c3d120c5" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="product-reviews-addon" data-app-card-name-value="Stamped Product Reviews & UGC" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/00f756e9e94e8c3cfb14266ae483d0f0/icon/CMG-tMyK9_kCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/product-reviews-addon?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=5&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/00f756e9e94e8c3cfb14266ae483d0f0/icon/CMG-tMyK9_kCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/00f756e9e94e8c3cfb14266ae483d0f0/icon/CMG-tMyK9_kCEAE=.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/00f756e9e94e8c3cfb14266ae483d0f0/icon/CMG-tMyK9_kCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/product-reviews-addon?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=5&surface_type=story" class=""> Stamped Product Reviews & UGC </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <span> 4.8 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(6,291)</span> <span class="tw-sr-only">6291 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Build trust, drive acquisition and sales with customer reviews </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="00f756e9e94e8c3cfb14266ae483d0f0" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="product-reviews-addon" 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-12747054-17" data-partner-meta-pixel-id="1638734546427103" data-partner-tracking-label="product-reviews-addon" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="VOY_Sfkh-HrI-RV3ltJqqRGnvmu9v7DIU25SnITawcAuB9OBCPNIC4TffDXTr1ds4po5UhpqQoyhytMi8rMGKQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="00f756e9e94e8c3cfb14266ae483d0f0" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> </div> </div> </article> </section> </div> </div> <div class="tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" style=""> <div class="tw-container" style=""> <section data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="CollectionCardComponent" data-waypoint-waypoint="10" data-waypoint-surface="story" data-waypoint-surface-detail="guide-customize-order-status-page" class="xl:tw-grid xl:tw-grid-cols-12 lg:tw-gap-gutter--desktop tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary tw-py-md md:tw-py-xl"> <article class="tw-bg-canvas-inverted-secondary tw-border tw-border-stroke-inverted-secondary tw-rounded-sm tw-px-lg tw-py-md md:tw-px-2xl md:tw-py-xl xl:tw-col-span-10 xl:tw-col-start-2"> <h2 id="add_to_cart" class="tw-text-heading-lg tw-text-canvas-editorial-lime tw-pb-sm tw-scroll-mt-32"> Add to cart </h2> <div class="tw-grid xl:tw-grid-cols-12 lg:tw-gap-gutter--desktop"> <div class="xl:tw-col-span-5 2xl:tw-col-span-6 tw-pb-xl xl:tw-pb-0"> <p class="tw-text-heading-2xl tw-text-fg-inverted-secondary"> Turn a simple order confirmation into an opportunity for another sale by highlighting related products they might love. </p> </div> <div class="xl:tw-col-span-7 2xl:tw-col-span-6"> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="kaching-post-purchase-upsell" data-app-card-name-value="Kaching Post Purchase Upsell" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/37d150e3533c9ffe873b9e0d0afd6540/icon/CLXWrJetqIQDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/kaching-post-purchase-upsell?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=1&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/37d150e3533c9ffe873b9e0d0afd6540/icon/CLXWrJetqIQDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/37d150e3533c9ffe873b9e0d0afd6540/icon/CLXWrJetqIQDEAE=.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/37d150e3533c9ffe873b9e0d0afd6540/icon/CLXWrJetqIQDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/kaching-post-purchase-upsell?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=1&surface_type=story" class=""> Kaching Post Purchase Upsell </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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">(61)</span> <span class="tw-sr-only">61 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Personalized one-click post purchase upsell to boost your AOV </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="37d150e3533c9ffe873b9e0d0afd6540" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="kaching-post-purchase-upsell" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-VG8GXD9L9H" data-partner-tracking-label="kaching-post-purchase-upsell" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="wun_lCbDxG2V3ZTeUYnWcjBUllrQ1xL1oLWntFUFRTG4CBNc1xF0HNn7_ZwU9Ou3w2kRY3cC4LFSESYKI2yC2A" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="37d150e3533c9ffe873b9e0d0afd6540" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="aftersell" data-app-card-name-value="AfterSell Post Purchase Upsell" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/0a188ac0a2531baa73ee90cffa03529b/icon/CITjwvm8mIMDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/aftersell?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=2&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/0a188ac0a2531baa73ee90cffa03529b/icon/CITjwvm8mIMDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/0a188ac0a2531baa73ee90cffa03529b/icon/CITjwvm8mIMDEAE=.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/0a188ac0a2531baa73ee90cffa03529b/icon/CITjwvm8mIMDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/aftersell?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=2&surface_type=story" class=""> AfterSell Post Purchase Upsell </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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">(987)</span> <span class="tw-sr-only">987 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Lift AOV with 1-Click Checkout Upsells & Thank You Page Offers </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="0a188ac0a2531baa73ee90cffa03529b" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="aftersell" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-SM4MXXZ8Y9" data-partner-meta-pixel-id="895262111044943" data-partner-tracking-label="aftersell" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="9hkeutbpzeoPRpseSJ9xps-5kuI-DyRYA-DBqZLJ1weM-PJyJzt9m0Ng8lwN4kxjPIQV25na1hzxREAX5KAQ7g" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="0a188ac0a2531baa73ee90cffa03529b" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="candyrack" data-app-card-name-value="Candy Rack | All‑in‑One Upsell" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/4053cc5063e1ba6f735695ab645e7b88/icon/CKH10fvejosDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/candyrack?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=3&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/4053cc5063e1ba6f735695ab645e7b88/icon/CKH10fvejosDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/4053cc5063e1ba6f735695ab645e7b88/icon/CKH10fvejosDEAE=.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/4053cc5063e1ba6f735695ab645e7b88/icon/CKH10fvejosDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/candyrack?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=3&surface_type=story" class=""> Candy Rack | All‑in‑One Upsell </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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">(287)</span> <span class="tw-sr-only">287 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free to install</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> One-click upsell and cross-sell app for your cart & checkout. </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="4053cc5063e1ba6f735695ab645e7b88" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="candyrack" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-FJQ4L8RJYL" data-partner-meta-pixel-id="1517008526356980" data-partner-tracking-label="candyrack" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="RklNtMNV9rW3CIkqyJLcsJBIQAfNT2G2WvUV8VZTcAM8qKF8ModGxPsu4GiN7-F1Y3XHPmqak_KoUZRPIDq36g" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="4053cc5063e1ba6f735695ab645e7b88" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="amp-personalization-engine" data-app-card-name-value="Upsell by AMP" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/efaa731e7cc69da1aa6355e365fbfeb0/icon/CL_Isc_1g4EDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/amp-personalization-engine?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=4&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/efaa731e7cc69da1aa6355e365fbfeb0/icon/CL_Isc_1g4EDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/efaa731e7cc69da1aa6355e365fbfeb0/icon/CL_Isc_1g4EDEAE=.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/efaa731e7cc69da1aa6355e365fbfeb0/icon/CL_Isc_1g4EDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/amp-personalization-engine?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=4&surface_type=story" class=""> Upsell by AMP </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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">(72)</span> <span class="tw-sr-only">72 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free trial available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Boost AOV with upsells in cart, checkout & post purchase pages </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="efaa731e7cc69da1aa6355e365fbfeb0" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="amp-personalization-engine" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-SXHWN9N299" data-partner-tracking-label="amp-personalization-engine" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="ITE5DRz3mlP419GuYHBr9bVXnctZmbj68nM8YhSIoPhb0NXF7SUqIrTxuOwlDVYwRmoa8v5MSr4A173cYuFnEQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="efaa731e7cc69da1aa6355e365fbfeb0" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> <div class="tw-pb-xl"> <div class="tw-w-full" data-controller="app-card" data-app-card-handle-value="reconvert-upsell-cross-sell" data-app-card-name-value="ReConvert Upsell & Cross Sell!" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/66d9956edf807b697e7f539e5e9bbaf3/icon/CIuoqfrDj_sCEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/reconvert-upsell-cross-sell?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=5&surface_type=story" 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-inverted-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(255,255,255,0.1)]"> <img alt="" srcset="https://cdn.shopify.com/app-store/listing_images/66d9956edf807b697e7f539e5e9bbaf3/icon/CIuoqfrDj_sCEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/66d9956edf807b697e7f539e5e9bbaf3/icon/CIuoqfrDj_sCEAE=.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/66d9956edf807b697e7f539e5e9bbaf3/icon/CIuoqfrDj_sCEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-grid sm:tw-grid-cols-[auto_auto] sm:tw-justify-between"> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-3xs tw-flex tw-flex-col"> <div class="tw-text-body-sm tw-font-link md:-tw-mt-[0.1em] lg:-tw-mt-[0.2em] tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/reconvert-upsell-cross-sell?shallow_install_type=story&surface_detail=guide-customize-order-status-page&surface_intra_position=5&surface_type=story" class=""> ReConvert Upsell & Cross Sell! </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-fg-inverted-secondary tw-text-body-xs"> <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">(5,391)</span> <span class="tw-sr-only">5391 total reviews</span> <span class="tw-text-fg-inverted-tertiary">•</span> <span class="tw-overflow-hidden tw-whitespace-nowrap tw-text-ellipsis">Free plan available</span> </div> <div class="tw-text-fg-inverted-secondary tw-text-body-xs"> Easy Upselling and Cross Selling. AI Recommendations & Bundles </div> <div class="tw-pt-xs"><span class="tw-inline-flex tw-items-center tw-rounded-xs tw-whitespace-nowrap tw-py-xs tw-px-sm tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary built-for-shopify-badge"> <span role="presentation"><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 class="tw-ml-xs">Built for Shopify</span> </span> </div> </div> <div class="tw-mt-sm tw-self-stretch tw-flex tw-items-center sm:tw-mt-0 sm:tw-pl-lg sm:tw-justify-center"> <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-emphasis tw-w-full tw-px-4 tw-py-2 tw-text-link-sm md:tw-whitespace-normal tw-whitespace-nowrap" data-referrer="" data-api-key="66d9956edf807b697e7f539e5e9bbaf3" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="reconvert-upsell-cross-sell" data-partner-tracking-enabled="true" data-partner-tracking-event="event" data-partner-tracking-category="Shopify App Store" data-partner-tracking-primary-action="Add App button" data-partner-google-analytics-id="G-G002Y9343D" data-partner-meta-pixel-id="614321249219267" data-partner-tracking-label="reconvert-upsell-cross-sell" data-partner-tracking-secondary-action="add_to_cart" data-partner-tracking-currency="USD" data-app-card-target="button" data-component-name="login-to-install-button" type="submit"> Install </button><input type="hidden" name="authenticity_token" value="lbpFTOkH6PHJVCy1b0xvj_kNaqwuDTIsMoSiRbGVGwzvW6mEGNVYgIVyRfcqMVJKCjDtlYnYwGjAICP7x_zc5Q" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="66d9956edf807b697e7f539e5e9bbaf3" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-customize-order-status-page?show_store_picker=1&surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-customize-order-status-page" autocomplete="off" /></form> </div> </div> </div> </div> </div> </div> </div> </article> </section> </div> </div> <div class="md:tw-container" style=""> <section class="tw-mt-xl tw-mb-3xl lg:tw-my-2xl tw-overflow-hidden " data-monorail-waypoint="AppStoreSurfaceWaypoint" data-waypoint-app-grouping-handle="guide-customize-order-status-page" data-waypoint-waypoint="22" data-waypoint-surface="story" data-waypoint-surface-detail="guide-customize-order-status-page"> <h2 class="tw-text-heading-2xl tw-container tw-pb-lg lg:tw-pb-2xl">Helpful how-tos</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="photo-card 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] "> <a target="_blank" rel="noopener noreferrer" class="tw-relative tw-h-full tw-flex tw-flex-col tw-justify-end tw-group" href="https://www.shopify.com/blog/fulfillment-status"> <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/categories/background-images/categories-editorialcards-texture-purple-17621f91179463e239b18b1c50d51adcccb9c89b2927caedf1cb67dee1808215.png 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/categories/background-images/categories-editorialcards-texture-purple@2x-0a16a32f9d03d80c1b39d167883b4bcc99b374143e21f790cab6e716d2e8b2c2.png 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/categories/background-images/categories-editorialcards-texture-purple-17621f91179463e239b18b1c50d51adcccb9c89b2927caedf1cb67dee1808215.png" /> <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"> Blog </h5> <h3 class="tw-text-heading-xl tw-text-pretty link-block--primary">Keep them posted with fulfillment status updates</h3> </div> </div></a></div> <div class="photo-card 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] "> <a target="_blank" rel="noopener noreferrer" class="tw-relative tw-h-full tw-flex tw-flex-col tw-justify-end tw-group" href="https://www.shopify.com/blog/customer-complaints"> <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/categories/background-images/categories-editorialcards-texture-lime-4ca35009be757d2cd9eec5b69cbad65bf89b0aa766a3ce73db85de323c563c60.png 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/categories/background-images/categories-editorialcards-texture-lime@2x-b99380591fc515021b17e261f67c1e360c2bcac647bed6bc8cd618f68061d65a.png 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/categories/background-images/categories-editorialcards-texture-lime-4ca35009be757d2cd9eec5b69cbad65bf89b0aa766a3ce73db85de323c563c60.png" /> <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"> Blog </h5> <h3 class="tw-text-heading-xl tw-text-pretty link-block--primary">Avoid customer complaints before they happen</h3> </div> </div></a></div> <div class="photo-card 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] "> <a target="_blank" rel="noopener noreferrer" class="tw-relative tw-h-full tw-flex tw-flex-col tw-justify-end tw-group" href="https://www.shopify.com/blog/13251973-creative-ways-to-improve-ecommerce-customer-experience-that-also-boost-loyalty-and-sales"> <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/categories/background-images/categories-editorialcards-texture-green-3a84cd989f9eac6424e7ffb6d287f1e161d92ef9c6af41f330b07366c47cb859.png 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/categories/background-images/categories-editorialcards-texture-green@2x-8b6b63b93f1b45d31a87983506d9c2a3968b71e3ce6b0a3754238d72b217c710.png 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/categories/background-images/categories-editorialcards-texture-green-3a84cd989f9eac6424e7ffb6d287f1e161d92ef9c6af41f330b07366c47cb859.png" /> <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"> Blog </h5> <h3 class="tw-text-heading-xl tw-text-pretty link-block--primary">Create a standout customer experience</h3> </div> </div></a></div> </div> </section> </div> <div class="md:tw-container tw-mt-3xl tw-pb-3xl lg:tw-pb-2xl lg:tw-mt-2xl tw-flex tw-justify-center" style=""> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md lg:tw-text-link-lg tw-underline hover:tw-no-underline tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-decoration-stroke-link-default hover:tw-decoration-stroke-link-hover " href="https://apps.shopify.com/stories">All app stories<span aria-hidden="true" class="tw-inline-block tw-pl-[0.375em] group-hover:tw-translate-x-2xs tw-transition-transform tw-will-change-transform"><span role="img"><svg class="tw-h-[0.5em] tw-mb-[0.025em]" viewBox="0 0 6 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.21914 0.220001C0.51914 -0.0799988 0.98914 -0.0799988 1.27914 0.220001L5.52914 4.47C5.82914 4.77 5.82914 5.24 5.52914 5.53L1.27914 9.78C1.13697 9.91248 0.948919 9.9846 0.754618 9.98118C0.560317 9.97775 0.374932 9.89904 0.237519 9.76162C0.100106 9.62421 0.0213938 9.43882 0.0179656 9.24452C0.0145374 9.05022 0.0866606 8.86218 0.219141 8.72L3.93914 5L0.21914 1.28C-0.0808598 0.980001 -0.0808598 0.510001 0.21914 0.220001Z"/></svg> </span></span></a> </div> </section> </main> <footer class="tw-py-10 tw-text-body-md tw-bg-canvas-inverted-primary tw-text-fg-inverted-primary" data-section-name="footer"> <div class="tw-container"> <div class="tw-grid tw-grid-cols-2 tw-gap-y-12 lg:tw-grid-cols-5 tw-gap-md"> <div class="tw-col-span-2 lg:tw-col-span-1 tw-h-2xl"> <div class="tw-absolute tw-w-[40px] tw-h-[45px] [mask-image:url(merchant/footer/shopping-bag)] [mask-repeat:space] [mask-position:center] [mask-size:40px] tw-bg-fg-inverted-primary"></div> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> App categories </h6> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/sales-channels"> Sales channels </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/finding-products"> Finding products </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/selling-products"> Selling products </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/orders-and-shipping"> Orders and shipping </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/store-design"> Store design </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/marketing-and-conversion"> Marketing and conversion </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" 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-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/finding-products-sourcing-options-dropshipping"> Dropshipping </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/sales-channels-selling-online-marketplaces"> Marketplaces </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/marketing-and-conversion-social-trust-product-reviews"> Product reviews </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles"> Upsell and bundles </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/marketing-and-conversion-marketing-email-marketing"> Email marketing </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/store-design-site-optimization-seo"> SEO </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://apps.shopify.com/categories/orders-and-shipping-shipping-solutions-shipping"> Shipping </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" 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-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://help.shopify.com/en/"> Shopify Help Center </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://shopify.dev/api"> API documentation </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://community.shopify.com/c/shopify-community-en/ct-p/en"> Shopify Community </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://community.shopify.com/c/events/eb-p/events_en"> Community Events </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://www.shopify.com/blog"> Shopify Blog </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" 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-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://www.shopify.com/about"> About </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://www.shopify.com/careers"> Careers </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://investors.shopify.com/home/default.aspx"> Investors </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://news.shopify.com/"> Press and media </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://www.shopify.com/partners"> Partners </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://www.shopify.com/affiliates"> Affiliates </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" href="https://www.shopify.com/legal"> Legal </a> <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" 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-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" 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-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" 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-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" 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-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-md tw-no-underline hover:tw-underline tw-text-fg-inverted-primary hover:tw-text-fg-inverted-primary tw-decoration-stroke-link-inverted-default tw-block tw-py-sm tw-text-ellipsis tw-overflow-hidden" 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="KqNM8jKcgjLXjSWXKIaJCQWcgsY6uDcap-wqkRFe9jNQQqA6w04yQ5urTNVt-7TM9qEF_51txV5VSKsvZzcx2g" autocomplete="off" /> <select name="language" id="language" class="tw-bg-canvas-inverted-primary" aria-label="Change your language" onchange="this.form.submit();"><option value="cs">Čeština</option> <option value="da">Dansk</option> <option value="de">Deutsch</option> <option selected="selected" value="en">English</option> <option value="es">Español</option> <option value="fr">Français</option> <option value="it">Italiano</option> <option value="nl">Nederlands</option> <option value="nb">Norsk (bokmål)</option> <option value="pl">Polski</option> <option value="pt-BR">Português (Brasil)</option> <option value="pt-PT">Português (Portugal)</option> <option value="fi">Suomi</option> <option value="sv">Svenska</option> <option value="tr">Türkçe</option> <option value="th">ภาษาไทย</option> <option value="ja">日本語</option> <option value="zh-CN">简体中文</option> <option value="zh-TW">繁體中文</option> <option value="ko">한국어</option></select> </form></div> </div> </div> <span width="0" height="0"></span> </div> </footer> <div id="ModalContainer"> <div id="ModalContents"> <div id="AuthWithDomain" class="eco-modal" data-can-open-from-location="true" role="dialog"> <div class="eco-modal-section" data-section="main"> <div class="eco-modal-header"> <h2 class="eco-modal-title"> Log in to your Shopify store </h2> <button class="eco-modal-close-action " aria-label="close modal"> <img class="tw-block tw-w-full tw-min-w-[16px]" aria-hidden="true" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/eco/icons/eco-modal-close-b200ad2b4407778f759569d5d832b5c20ed3f1719526941f66cc7444c74711bb.svg" /> </button> </div> <div class="eco-modal-body"> <div class="tw-pt-4 tw-text-body-md tw-text-fg-primary"> <form id="AuthLoginForm" action="/login/initiate_shopify_auth" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3scm_0W10LAhUr01BRmcbuzw_GKNRWdMJ6h8BKhWOgKkJso3tGdgwW101HdAZKGrH817WyqQlQjVDP263j_96w" 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="/stories/guide-customize-order-status-page?surface_detail=store-design&surface_type=category&surface_version=redesign" autocomplete="off" /> <label class="tw-text-label-sm tw-block tw-pb-sm" for="Store URL"> Store URL </label> <input autocomplete="off" type="text" class='tw-input tw-form-input tw-block tw-w-full' id='AuthLoginShopInput' name='shop' placeholder="your-store.myshopify.com"> <p class="tw-text-body-sm tw-text-fg-secondary tw-mt-sm"> Don’t have a store yet? <a class="tw-group tw-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-sm tw-underline hover:tw-no-underline tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-decoration-stroke-link-default hover:tw-decoration-stroke-link-hover " href="https://accounts.shopify.com/store-create?_s=ec246a71-2d42-4f5b-bada-7941270f2263&_y=4b040cd4-7943-4bbc-b9fa-42981f917279&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fstories%2Fguide-customize-order-status-page%3Fsurface_detail%3Dstore-design%26surface_type%3Dcategory%26surface_version%3Dredesign&signup_types%5B%5D=paid_trial_experience">Sign up</a> </p> </form> </div> </div> <div class="eco-modal-footer"> <div class="eco-modal-actions-container"> <div class="eco-modal-actions"> <div class="eco-modal-action-primary"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-w-full tw-whitespace-nowrap tw-px-5 tw-py-3 sm:tw-px-6 sm: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-underline-offset-linkOffset tw-decoration-linkWeight tw-text-link-sm tw-underline hover:tw-no-underline tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-decoration-stroke-link-default hover:tw-decoration-stroke-link-hover " href="https://apps.shopify.com/partner/login?return_path=%2Fstories%2Fguide-customize-order-status-page%3Fsurface_detail%3Dstore-design%26surface_type%3Dcategory%26surface_version%3Dredesign">Developer login</a> </div> </div> </div> </div> </div> </div> <div id="ModalBackdrop" class="eco-modal-backdrop" aria-hidden="true"></div> </div> </body> </html>