CINXE.COM

<!doctype html> <html lang="en"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-TMHDF2L");</script>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Drive demand for new products | Shopify App Store</title> <meta name="description" content="Offering pre-orders lets you secure the sale before your product even hits the shelf. Not only does it pull in extra revenue, it helps you get a bead on customer interest so you don't overstock. With the right combination of apps, you can manage the whole pre-order process, including keeping customers engaged while they wait for their products to arrive—all in one smooth experience."> <link rel="canonical" href="https://apps.shopify.com/stories/guide-pre-orders"> <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="Drive demand for new products | Shopify App Store"> <meta property="og:description" content="Offering pre-orders lets you secure the sale before your product even hits the shelf. Not only does it pull in extra revenue, it helps you get a bead on customer interest so you don't overstock. With the right combination of apps, you can manage the whole pre-order process, including keeping customers engaged while they wait for their products to arrive—all in one smooth experience."> <meta property="og:image" content="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/guide-pre-orders-social-e8cd2b0e99743c29c8956af324b29435efced2b25bfd0ec4f92666cbd1acabda.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="SAKZ36Zgp6Z2KwxpmfQb4hEtxiuvTfuUNcxvgrZD-8gvfeomu-C3J0CHXJmtRcptVl_eNP2Zgcdmgp9hftwinw" /> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders" hreflang="x-default"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders" hreflang="en"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=cs" hreflang="cs"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=da" hreflang="da"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=de" hreflang="de"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=es" hreflang="es"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=fi" hreflang="fi"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=fr" hreflang="fr"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=it" hreflang="it"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=ja" hreflang="ja"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=ko" hreflang="ko"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=nb" hreflang="nb"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=nl" hreflang="nl"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=pl" hreflang="pl"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=sv" hreflang="sv"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=th" hreflang="th"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=tr" hreflang="tr"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=zh-CN" hreflang="zh-CN"> <link rel="alternate" href="https://apps.shopify.com/stories/guide-pre-orders?locale=zh-TW" hreflang="zh-TW"> <script> window.bugsnagApiKey = 'e6295e2834074504b103aaaf32d1afcd'; </script> <script type="text/javascript" id="dux-data" data-mode=production> (function () { function getData(key) { const dux_info = document.getElementById('dux-data'); if (dux_info && dux_info.dataset && dux_info.dataset[key]) { return dux_info.dataset[key]; } return; } function loadScript(src) { const promise = new Promise(function(resolve, reject){ const script = document.createElement('script'); script.src = src; script.async = true; script.onload = () => { resolve(true); }; script.onerror = () => { reject(false); }; document.head.appendChild(script); }); return promise; } loadScript(`https://cdn.shopify.com/shopifycloud/dux/dux-3.4.1.min.js`).then(() => { Dux.init({ service: 'appstore', mode: getData('mode') || 'development', eventHandlerEndpoint: 'https://apps.shopify.com/.well-known/dux', emitTrekkiePageViewEvent: true, enableGtm: true, enableGtmLoader: false, enableActiveConsent: false, shopId: getData('shop_id'), identityUuid: getData('identity_uuid'), }) }); })(); </script>  <script type="text/javascript"> (function() { var config = { 'Trekkie': { 'appName': 'appstore', 'defaultAttributes': { 'shopId': null, 'appHandle': null, 'v2': true }, 'navigationTimingApiMeasurementsEnabled': true, 'navigationTimingApiMeasurementsSampleRate': 0.01, 'isServerSideCookieWritingEnabled': true }, 'Clickstream': { }, 'Optimizely': {} }; var trekkie_version = '2020.07.23.1'; var analytics = window.analytics = window.analytics || []; if (analytics.integrations) { return; } analytics.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; analytics.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); analytics.push(args); return analytics; }; }; for (var i = 0; i < analytics.methods.length; i++) { var key = analytics.methods[i]; analytics[key] = analytics.factory(key); } analytics.load = function(config) { analytics.config = config; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function() { if (window.bugsnagClient) { window.bugsnagClient.notify('Failed to load Trekkie.'); } }; script.async = true; script.src = '//cdn.shopify.com/s/javascripts/tricorder/trekkie.' + config.Trekkie.appName + '.min.js?v=' + trekkie_version; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); }; analytics.load(config); analytics.page(); })(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?l=partnersDataLayer"></script> <script> window.partnersDataLayer = window.partnersDataLayer || []; function gtag(){partnersDataLayer.push(arguments);} gtag('js', new Date()); </script> <link rel="stylesheet" crossorigin="anonymous" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant-e2d47fcb011410afd978aec2c3ba07c9e895f857e7d87a68d1f48f0f9c4cf986.css" integrity="sha256-vOaOSupCc+FyJV6THnF5oVCyemHNuyanWRX5uGMEHho=" /> <link rel="stylesheet" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/tailwind-85c1cd5745718dca057a7b46df64a4cdd8b37df3ea8e3345a44c601bc0d3f3af.css" data-turbo-track="reload" /> <link rel="stylesheet" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/inter-font-7a30f1aa5d0f997bc5f993c436cf84ad0f46c641565f03872359951c99d9fab6.css" data-turbo-track="reload" /> <meta id="i18nData" data-i18n="{"frontend":{"search_suggestions":{"label":"Search","placeholder":"Search apps","search_placeholder":"Search apps, guides, and more","collections_header":"Recommended collections","categories_header":"Categories","taxonomy_and_category_features":"Categories and features","guides_header":"Guides","suggestions_available":"Suggestions are available. Use up and down arrows to select a suggestion and enter key to use it.","instructions":"As you start typing, we might suggest common search terms. Use up and down arrow keys to select a search term.","taxonomy_header":"Categories and collections","ask_about_header":"Ask about apps","clear_search_suggestions":"Clear","mobile_close_button":"Close search","delete_icon":"Delete recent search"},"carousel":{"aria_label":"App carousel","live_region":"Slide %{slide_number} of %{total_slides}"},"lightbox":{"play":"Play carousel","pause":"Pause carousel","carousel_aria_roledescription":"Carousel","slide_nav_aria_label":"Choose slide","slide_aria_roledescription":"Slide","slide_aria_label":"%{currentSlide} of %{totalSlide}"},"review_modal":{"modal_should_close":"Your review will be lost."},"reply_review_modal":{"confirm_should_close":"Your reply will be lost.","confirm_delete":"Delete reply? This can't be undone.","create_title":"Reply to review","create_action":"Submit reply","update_title":"Edit reply","update_action":"Edit reply","errors":{"duplicate":"This review already has a reply.","create":"You can't reply to this review.","update":"This reply is no longer available.","validate":"You can't update this reply because at least one field in the original reply is no longer valid.","general":"Something went wrong. Please try submitting your reply again."}},"helpers":{"toggle":{"expand":"Show more","collapse":"Show less","more":"more","more_html":"+%{count} more"}},"reviews":{"rated_x_stars":{"one":"Rated 1 star","other":"Rated %{count} stars","few":"Rated %{count} stars","many":"Rated %{count} stars"},"listing_cancel_on_create_text":"Your review will be lost.","listing_cancel_on_update_text":"This will delete all edits you made to the review.","listing_delete_review_header":"Delete review?","listing_delete_review_text":"Deleting your review means others will no longer be able to view it and learn from your experience with this app. Consider updating your review with new information instead of deleting it.","review_listing":{"show_full_review":"Show full review","show_full_reply":"Show full reply","show_less":"Show less","helpful_sr_label_helpful":{"one":"Mark as helpful. One person found this review helpful.","other":"Mark as helpful. %{count} people found this review helpful.","few":"Mark as helpful. %{count} people found this review helpful.","many":"Mark as helpful. %{count} people found this review helpful."},"helpful_sr_label_not_helpful":{"one":"Mark as not helpful. One person found this review helpful.","other":"Mark as not helpful. %{count} people found this review helpful.","few":"Mark as not helpful. %{count} people found this review helpful.","many":"Mark as not helpful. %{count} people found this review helpful."},"helpful_auth_to_rate":"Log in to vote this review as helpful.","helpful_feedback_flash_message":"Thank you for your feedback"},"review_create_error":"To leave a review, the app must be currently installed or have been uninstalled within the past 45 days. Also, you must be on a paid Shopify plan and in good standing.","review_update_error":"This review is no longer available.","review_validate_error":"You can’t update this review because at least one field in the original review is no longer valid.","review_general_error":"Something went wrong. Please try submitting your review again later.","review_account_type_error":"Partners can’t leave reviews on the Shopify App Store. Doing so violates our Partner Program Agreement and Acceptable Use Policy.","review_conflict_error":"We removed your previous review to protect the quality of reviews on our marketplace. You can't leave another review for this app."},"replies":{"modal_create_header":"Reply to review","modal_create_body_label":"Provide some guidance to help the reviewer resolve any problems they are having with your app.","modal_create_primary_action":"Submit reply","modal_update_header":"Update reply","modal_update_body_label":"Update your posted reply. The reviewer will be notified of the new content.","modal_update_primary_action":"Update reply","errors":{"duplicate":"This review already has a reply.","create":"You can’t reply to this review.","update":"This reply is no longer available.","validate":"You can’t update this reply because at least one field in the original reply is no longer valid.","general":"Something went wrong. Please try submitting your reply again.","open_from_hash":"The review you’re looking for couldn’t be found."},"cancel_on_create_text":"Your reply will be lost.","cancel_on_update_text":"This will delete all edits you made to the reply.","delete_header":"Delete reply?","delete_text":"Deleting your reply means others will no longer be able to view it. Consider updating your reply with new information instead of deleting it."},"support_interactions":{"feedback_cancel_text":"Your feedback will be lost.","modal_ok_action":"Ok","close":"Close"},"contact_support":{"modal_close_text":"Are you sure?"}}}"> <meta id="monorailVisitorMetadata" data-monorail-visitor-metadata="{"userToken":"3726d86c-f634-4003-adbc-b9e113511d91","sessionToken":"7565b098-7265-4b22-8580-58d9b25682e9","shopId":null,"locale":"en","clientIp":"8.222.208.146","userAgent":"Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322)","shopPlan":null}"> <script type="text/javascript"> window.I18n = window.I18n || {}; let i18nObjs = [JSON.parse(document.getElementById("i18nData").dataset.i18n)]; window.I18n.data = i18nObjs.reduce(function (accumulator, currentObj) { Object.keys(currentObj).forEach(function (key) { accumulator[key] = currentObj[key]; }); return accumulator; }, {}); window.MonorailVisitorMetadata = JSON.parse(document.getElementById("monorailVisitorMetadata").dataset.monorailVisitorMetadata); </script> <script src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/application_next-5yKB_c6H.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/stimulus-CiiKSaqF.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/decode-7H_ci4_z.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/stimulus-Dd93sZUH.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/client-CaqGOLhX.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/url-helper-B94pzkxz.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/react-BVg_G36Z.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/index-LaIk0l0n.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/BrowserCookieManager-Bfo0rdGW.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/dom-helpers-BHGUo580.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/bundles/assets/preload-helper-gXX2zx0f.js" as="script" crossorigin="anonymous"> </head> <body id="StoriesShow" class="tw-font-sans tw-antialiased tw-min-w-full tw-min-h-screen tw-flex tw-flex-col">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMHDF2L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header id="AppStoreNavbar" data-section-name="global-nav" class="tw-sticky tw-top-0 tw-h-navHeight--mobile lg:tw-h-navHeight--desktop tw-z-[1000] tw-border-b tw-bg-canvas-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 tw-border-b-2 tw-border-transparent hover:tw-border-[inherit] tw-bg-[inherit] tw-py-2xs" type="button" data-expandable-content data-has-overlay data-open-for-breakpoint="lg" data-content-id="AppStoreMegamenu"> Browse apps <div class="tw-transition-transform tw-origin-center tw-duration-300 tw-rotate-0 tw-ease-out group-[.tw-active]:tw-rotate-180 tw-ml-1.5"> <span role="img"><svg width="10" height="6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.78.22c.3.3.3.77 0 1.06L5.53 5.53c-.3.3-.77.3-1.06 0L.22 1.28A.75.75 0 0 1 1.28.22L5 3.94 8.72.22c.3-.3.77-.3 1.06 0Z"/></svg> </span> </div> </button> <div id="AppStoreMegamenu" class="tw-fixed tw-overflow-hidden tw-left-0 tw-top-[4.5rem] -tw-mt-1 tw-w-full tw-invisible -tw-translate-y-full tw-transition-[visibility,transform] tw-duration-300 tw-ease-out tw-bg-[inherit] tw-z-[-1] [&.tw-active]:tw-visible [&.tw-active]:tw-translate-y-0"> <div class="tw-container tw-flex tw-flex-nowrap tw-pt-xl tw-pb-2xl tw-mx-auto tw-min-h-[350px]"> <div class="tw-w-8/12 tw-pr-xl"> <h2 class="tw-text-body-sm tw-pb-sm tw-opacity-60">Apps by category</h2> <ul class="tw-grid tw-grid-cols-2 tw-grid-flow-row tw-gap-xl"> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Sales channels" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/sales-channels?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Sales channels </span> <p class="tw-text-body-sm tw-opacity-60"> Sync products with marketplaces, product feeds, data backup, point of sale, retail </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Finding products" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/finding-products?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Finding products </span> <p class="tw-text-body-sm tw-opacity-60"> Source products with dropshipping, print on demand, wholesale, suppliers </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Selling products" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/selling-products?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Selling products </span> <p class="tw-text-body-sm tw-opacity-60"> Sell more with subscriptions, digital downloads, payments, COD, product options </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Orders and shipping" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/orders-and-shipping?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Orders and shipping </span> <p class="tw-text-body-sm tw-opacity-60"> Handle fulfillment with order tracking, invoices, order printers, shipping labels </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Store design" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/store-design?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Store design </span> <p class="tw-text-body-sm tw-opacity-60"> Customize storefronts with SEO, translation, currency converters, trust badges </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Marketing and conversion" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/marketing-and-conversion?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Marketing and conversion </span> <p class="tw-text-body-sm tw-opacity-60"> Get customers with reviews, bundles, upsells, checkout, email marketing </p> </a> </li> <li class="tw-group"> <a class="js-monorail-element-click-tracking tw-block tw-max-w-[340px]" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Store management" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/categories/store-management?surface_detail=navbar-categories&surface_type=navbar"> <span class="tw-text-heading-md group-hover:tw-border-b group-hover:tw-pb-2xs"> Store management </span> <p class="tw-text-body-sm tw-opacity-60"> Scale up with support, chat, FAQs, analytics, workflow automation </p> </a> </li> </ul> </div> <div class="tw-w-4/12 tw-pl-xl tw-relative before:tw-content-[''] before:tw-absolute before:tw-top-0 before:tw-left-0 before:tw-h-full before:tw-border-l before:tw-border-solid before:tw-border-[inherit] before:tw-opacity-20"> <ul class="tw-grid tw-gap-xl"> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="merchant-tech-stack-country-life-foods" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/merchant-tech-stack-country-life-foods?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small@2x-42372e08e9b91f994b24057ca2a2e5e709172b8ab65bed19b0d03ae6fda04c3f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Merchant tech stack</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Country Life Foods</span> </div> </div> </a> </li> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="spotlight-app-loox" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/spotlight-app-loox?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small@2x-acf08800c5ba0fd708a066607ce1adc7df1990c2d3889d878d5d169c9589497f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Featured app</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Turn happy customers into advocates with Loox</span> </div> </div> </a> </li> <li> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="guide-pre-orders" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small@2x-8656333e60aace4c136f23e08fe5731fc2928ebbfa67b67443bc7e1b44818fc4.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Guide</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Drive demand for new products</span> </div> </div> </a> </li> <li class="tw-group/app-stories"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="all-app-stories" data-element-group="nav-bar-megamenu" href="https://apps.shopify.com/stories?surface_detail=whats-new&surface_type=navbar"> <span class="tw-text-heading-md group-hover/app-stories:tw-border-b group-hover/app-stories:tw-pb-2xs"> All app stories </span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="tw-flex tw-flex-nowrap tw-flex-row tw-items-center"> <button class="tw-nav-hamburger tw-block tw-w-5 tw-h-5 tw-bg-no-repeat tw-bg-center tw-ml-lg lg:tw-hidden" type="button" aria-label="Menu"> <span role="img"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16"><path d="M19 9H1a1 1 0 0 1 0-2h18a1 1 0 1 1 0 2Zm0-7H1a1 1 0 0 1 0-2h18a1 1 0 1 1 0 2Zm0 14H1a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2Z"/></svg> </span> </button> <div class="tw-hidden lg:tw-inline"> <div class="login-logout-component"> <a class="tw-group tw-text-link-md tw-text-fg-inverted-primary hover:tw-text-fg-highlight-secondary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 js-monorail-element-click-tracking tw-border-transparent hover:tw-text-fg-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-pre-orders?surface_detail=whats-new&surface_type=navbar" 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-pre-orders%3Fshow_store_picker%3D1%26surface_detail%3Dwhats-new%26surface_type%3Dnavbar&return_to=%2Fstories%2Fguide-pre-orders%3Fsurface_detail%3Dwhats-new%26surface_type%3Dnavbar"> 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-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="get-started-btn" data-element-group="nav-bar-megamenu" href="https://accounts.shopify.com/store-create?_s=7565b098-7265-4b22-8580-58d9b25682e9&_y=3726d86c-f634-4003-adbc-b9e113511d91&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fstories%2Fguide-pre-orders%3Fsurface_detail%3Dwhats-new%26surface_type%3Dnavbar&signup_types%5B%5D=paid_trial_experience"> Sign up </a> </div> </div> </div> </nav> </header> <div data-section-name="global-nav" class="tw-group tw-appstore-side-navbar tw-w-full tw-h-full tw-bg-canvas-primary tw-bottom-0 tw-overflow-y-auto tw-fixed tw-top-0 tw-right-0 tw-z-[1001] tw-invisible tw-translate-x-full sm:tw-w-96 lg:tw-will-change-auto [&.tw-is-open]:tw-translate-x-0 [&.tw-is-open]:tw-visible" role="dialog" aria-label="Main navigation" aria-modal="true"> <div class="side-menu-component tw-h-full tw-container"> <div class="tw-min-h-full tw-flex tw-flex-col"> <div class="tw-flex tw-justify-end tw-h-navHeight--mobile tw-items-center tw-shrink-0"> <button name="button" type="button" class="tw-appstore-side-menu__close-button tw-bg-no-repeat tw-bg-center tw-box-content tw-h-5 tw-w-5" style="background-image: url(https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/navbar/close-d8135512b5f5d89ef5d4c8ae94041d79fcc8addea0e1b4adf07547db4197b4b8.svg); background-size: 1.25rem" aria-label="close" data-ga-event="Main Nav" data-ga-action="close navigation" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="close-side-menu" data-element-group="side-menu"></button> </div> <div class="tw-flex tw-flex-col tw-pb-xl tw-grow tw-gap-y-8 tw-justify-between"> <div class="tw-pb-8"> <div aria-hidden="true" class="tw-text-heading-md tw-text-fg-tertiary tw-mb-md"> Apps by category </div> <ul aria-label="Apps by category"> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Sales channels" data-element-group="side-menu" href="https://apps.shopify.com/categories/sales-channels?surface_detail=navbar-categories&surface_type=navbar">Sales channels</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Finding products" data-element-group="side-menu" href="https://apps.shopify.com/categories/finding-products?surface_detail=navbar-categories&surface_type=navbar">Finding products</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Selling products" data-element-group="side-menu" href="https://apps.shopify.com/categories/selling-products?surface_detail=navbar-categories&surface_type=navbar">Selling products</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Orders and shipping" data-element-group="side-menu" href="https://apps.shopify.com/categories/orders-and-shipping?surface_detail=navbar-categories&surface_type=navbar">Orders and shipping</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Store design" data-element-group="side-menu" href="https://apps.shopify.com/categories/store-design?surface_detail=navbar-categories&surface_type=navbar">Store design</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="Marketing and conversion" data-element-group="side-menu" href="https://apps.shopify.com/categories/marketing-and-conversion?surface_detail=navbar-categories&surface_type=navbar">Marketing and conversion</a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking hover:tw-border-b hover:tw-pb-2xs tw-text-heading-lg" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" 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-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="merchant-tech-stack-country-life-foods" data-element-group="side-menu" href="https://apps.shopify.com/stories/merchant-tech-stack-country-life-foods?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small@2x-42372e08e9b91f994b24057ca2a2e5e709172b8ab65bed19b0d03ae6fda04c3f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/merchant-tech-stack-country-life-foods/hero-small-070105eca48b8185c50b3c65ee2a49a2b7bd8632dc148fe0e11d58df8c6b0224.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Merchant tech stack</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Country Life Foods</span> </div> </div> </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="spotlight-app-loox" data-element-group="side-menu" href="https://apps.shopify.com/stories/spotlight-app-loox?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small@2x-acf08800c5ba0fd708a066607ce1adc7df1990c2d3889d878d5d169c9589497f.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/spotlight-app-loox/hero-small-5ec2b52e4057584d7361792364b45f735a73964a69fa739978d9006515d094c0.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Featured app</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Turn happy customers into advocates with Loox</span> </div> </div> </a> </li> <li class="tw-mb-sm last:tw-mb-0"> <a class="js-monorail-element-click-tracking" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="guide-pre-orders" data-element-group="side-menu" href="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar"> <div class="tw-group/app-story tw-flex tw-gap-md"> <picture class="tw-w-appIcon--lg tw-h-appIcon--lg tw-bg-canvas-tertiary tw-rounded-xs tw-overflow-hidden tw-shrink-0"> <img alt="" class="tw-transition tw-ease-out tw-duration-500 group-hover/app-story:tw-scale-[1.025]" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small@2x-8656333e60aace4c136f23e08fe5731fc2928ebbfa67b67443bc7e1b44818fc4.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp" /> </picture> <div> <div class="tw-text-body-sm tw-opacity-60">Guide</div> <span class="tw-text-heading-md tw-pb-2xs group-hover/app-story:tw-border-b">Drive demand for new products</span> </div> </div> </a> </li> <li class="tw-mt-8"> <a class="js-monorail-element-click-tracking tw-text-heading-md hover:tw-border-b hover:tw-pb-2xs" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="all-app-stories" data-element-group="side-menu" href="https://apps.shopify.com/stories?surface_detail=whats-new&surface_type=navbar">All app stories</a> </li> </ul> </div> <div> <ul> <li class="tw-mb-md"> <div class="signup-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" data-page-type="all" data-element="get-started-btn" data-element-group="side-menu" href="https://accounts.shopify.com/store-create?_s=7565b098-7265-4b22-8580-58d9b25682e9&_y=3726d86c-f634-4003-adbc-b9e113511d91&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fstories%2Fguide-pre-orders%3Fsurface_detail%3Dwhats-new%26surface_type%3Dnavbar&signup_types%5B%5D=paid_trial_experience"> Sign up </a> </div> </li> <li> <div class="login-logout-component"> <a class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-secondary tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md js-monorail-element-click-tracking tw-w-full" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in" data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" 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-pre-orders%3Fshow_store_picker%3D1%26surface_detail%3Dwhats-new%26surface_type%3Dnavbar&return_to=%2Fstories%2Fguide-pre-orders%3Fsurface_detail%3Dwhats-new%26surface_type%3Dnavbar"> Log in </a> </div> </ul> </div> </div> </div> </div> </div> <div data-section-name="global-nav" class="tw-group tw-appstore-side-search tw-w-full tw-h-full tw-bg-canvas-primary tw-bottom-0 tw-overflow-y-auto tw-fixed tw-top-0 tw-right-0 tw-z-[1001] tw-invisible tw-translate-x-full sm:tw-w-96 lg:tw-will-change-auto [&.tw-is-open]:tw-translate-x-0 [&.tw-is-open]:tw-visible sm:tw-w-full sm:tw-h-16 sm:tw-overflow-visible sm:tw-pb-0" role="dialog" aria-label="Main navigation" aria-modal="true"> <div id="UiSearchNavbar" class="tw-h-full tw-container"> <form id="UiSearchSuggestionForm" class="tw-w-full sm:tw-relative tw-flex tw-items-center sm:tw-h-full" action="/search" role="search" data-source="autocomplete"> <input type="hidden" name="st_source" id="st_source" value="" autocomplete="off" /> </form> </div> </div> <main class="tw-grow"> <section class="modular-page-section"> <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-pre-orders"> <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-text-body-sm tw-text-fg-inverted-primary hover:tw-text-fg-highlight-secondary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" 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-pre-orders&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-text-body-sm tw-text-fg-inverted-primary hover:tw-text-fg-highlight-secondary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " data-monorail-click="AppStoreElementClick" data-page-url="https://apps.shopify.com/stories/guide-pre-orders?surface_detail=whats-new&surface_type=navbar" 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-pre-orders&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">Drive demand for new products</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">Apps for pre-orders</div> <span>Drive demand for new products</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-pre-orders/hero-large-969725e61f2496fea509413de856f87a40ab6734cc4778d57fb1a238fb03ad10.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-large@2x-71b48ffee829d790f01fa45feac1a8c7dcc61b54cbf40fd74e8750c205996c16.webp 2x"> <img alt="" class="tw-w-full" srcset="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp 1x, https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small@2x-8656333e60aace4c136f23e08fe5731fc2928ebbfa67b67443bc7e1b44818fc4.webp 2x" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/merchant/story-pages/guide-pre-orders/hero-small-3a80f161522ec11f3b70553cd3ca3b9e1e42a7294ea31836fc55f3c25fcb1f75.webp" /> </picture> </div> </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-pre-orders"> <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">Offering pre-orders lets you secure the sale before your product even hits the shelf. Not only does it pull in extra revenue, it helps you get a bead on customer interest so you don't overstock. With the right combination of apps, you can manage the whole pre-order process, including keeping customers engaged while they wait for their products to arrive—all in one smooth experience.</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="TechStackCollectionListComponent" data-waypoint-waypoint="6" data-waypoint-surface="story" data-waypoint-surface-detail="tech-stack-collection"> <section 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_cash_flowing" class="tw-text-heading-lg tw-text-canvas-editorial-lime tw-pb-sm tw-scroll-mt-32"> Keep cash flowing </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"> Earn revenue from out-of-stock or upcoming products by accepting pre-orders with partial payments or deposits. Do it all by simply swapping your add-to-cart button with a pre-order button. </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="back-in-stock-restock-alerts" data-app-card-name-value="Preorder, Back In Stock ‑ Stoq" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/2e4782c30cee9b0872fc602b8727f356/icon/CMbhpoDZrIADEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/back-in-stock-restock-alerts?shallow_install_type=story&surface_detail=guide-pre-orders&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/2e4782c30cee9b0872fc602b8727f356/icon/CMbhpoDZrIADEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/2e4782c30cee9b0872fc602b8727f356/icon/CMbhpoDZrIADEAE=.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/2e4782c30cee9b0872fc602b8727f356/icon/CMbhpoDZrIADEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/back-in-stock-restock-alerts?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=1&surface_type=story" class=""> Preorder, Back In Stock ‑ Stoq </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(1,130)</span> <span class="tw-sr-only">1130 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-body-xs tw-text-fg-inverted-tertiary"> Preorder, notify me & restock alert on out of stock waitlist </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="2e4782c30cee9b0872fc602b8727f356" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="back-in-stock-restock-alerts" 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-BPGWFTR40S" data-partner-tracking-label="back-in-stock-restock-alerts" 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="hVed-u8nNRTCRf7XJqeAx2Ir_XVaZwBEuzptXVaPSfTiKO4D8qcllfTpricSFlFIJVnlagizehfodJ2-nhCQow" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="2e4782c30cee9b0872fc602b8727f356" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="downpay" data-app-card-name-value="Downpay: Deposits made simple" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/383cca69a32468f8e766a7fda71edbcf/icon/COC10OPPxf8CEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/downpay?shallow_install_type=story&surface_detail=guide-pre-orders&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/383cca69a32468f8e766a7fda71edbcf/icon/COC10OPPxf8CEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/383cca69a32468f8e766a7fda71edbcf/icon/COC10OPPxf8CEAE=.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/383cca69a32468f8e766a7fda71edbcf/icon/COC10OPPxf8CEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/downpay?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=2&surface_type=story" class=""> Downpay: Deposits made simple </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(71)</span> <span class="tw-sr-only">71 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-body-xs tw-text-fg-inverted-tertiary"> Drive sales with partial payments and deposits for preorders </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="383cca69a32468f8e766a7fda71edbcf" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="downpay" 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-TXHSSF3T08" data-partner-tracking-label="downpay" 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="qsxoaNPoXSaXSe7ZXEKNkPEz-QRUtSkornLYS0ffktrNsxuRzmhNp6Hlvilo81wftkHhGwZhU3v9PCioj0BLjQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="383cca69a32468f8e766a7fda71edbcf" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="pre-order-pro" data-app-card-name-value="PreOrder Globo | Back in Stock" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/013eeff511faec7fee11c7081dea3abe/icon/COn1-7v0lu8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/pre-order-pro?shallow_install_type=story&surface_detail=guide-pre-orders&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/013eeff511faec7fee11c7081dea3abe/icon/COn1-7v0lu8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/013eeff511faec7fee11c7081dea3abe/icon/COn1-7v0lu8CEAE=.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/013eeff511faec7fee11c7081dea3abe/icon/COn1-7v0lu8CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/pre-order-pro?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=3&surface_type=story" class=""> PreOrder Globo | Back in Stock </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.9 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(1,389)</span> <span class="tw-sr-only">1389 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-body-xs tw-text-fg-inverted-tertiary"> Drive sales with Pre-order and Restock Alert </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="013eeff511faec7fee11c7081dea3abe" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="pre-order-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-google-analytics-id="G-GWGH9JLTCD" data-partner-tracking-label="pre-order-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="5xp3dJKsU8ulEe0M9vS0FrwAYelFnTX9V9tKFU2m4ByAZQSNjyxDSpO9vfzCRWWZ-3J59hdJT64Elbr2hTk5Sw" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="013eeff511faec7fee11c7081dea3abe" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="preorder-back-in-stock" data-app-card-name-value="Notify! Back in Stock|PreOrder" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/9216cd5dd17ab1a38de2641bae109159/icon/COas3diss4gDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/preorder-back-in-stock?shallow_install_type=story&surface_detail=guide-pre-orders&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/9216cd5dd17ab1a38de2641bae109159/icon/COas3diss4gDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/9216cd5dd17ab1a38de2641bae109159/icon/COas3diss4gDEAE=.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/9216cd5dd17ab1a38de2641bae109159/icon/COas3diss4gDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/preorder-back-in-stock?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=4&surface_type=story" class=""> Notify! Back in Stock|PreOrder </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(2,084)</span> <span class="tw-sr-only">2084 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-body-xs tw-text-fg-inverted-tertiary"> Make pre order waitlists with back in stock notifications </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="9216cd5dd17ab1a38de2641bae109159" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="preorder-back-in-stock" 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-RKMD3KX2DZ" data-partner-tracking-label="preorder-back-in-stock" 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="VQJBLUxihQGQzXP3coXrdDk-TOFKt_bUyA86TNzol-kyfTLUUeKVgKZhIwdGNDr7fkxU_hhjjIebQcqvFHdOvg" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="9216cd5dd17ab1a38de2641bae109159" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="preorder-manager-1" data-app-card-name-value="Preorder Wolf | Pre order now" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/9c2f01d88283f2aa4bae84aa55302aff/icon/CNH_k8rWyIUDEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/preorder-manager-1?shallow_install_type=story&surface_detail=guide-pre-orders&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/9c2f01d88283f2aa4bae84aa55302aff/icon/CNH_k8rWyIUDEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/9c2f01d88283f2aa4bae84aa55302aff/icon/CNH_k8rWyIUDEAE=.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/9c2f01d88283f2aa4bae84aa55302aff/icon/CNH_k8rWyIUDEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/preorder-manager-1?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=5&surface_type=story" class=""> Preorder Wolf | Pre order now </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.8 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(718)</span> <span class="tw-sr-only">718 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-body-xs tw-text-fg-inverted-tertiary"> Preorder, Backorder, Coming soon product setup in 2 minutes. </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="9c2f01d88283f2aa4bae84aa55302aff" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="preorder-manager-1" 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-02BQSBEDZG" data-partner-tracking-label="preorder-manager-1" 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="pYPtse67GuI8lzYT8ABtEkdoLilWm4f9Mr9e1BUUvYjC_J5I8zsKYwo7ZuPEsbydABo2NgRP_a5h8a433Ytk3w" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="9c2f01d88283f2aa4bae84aa55302aff" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" autocomplete="off" /></form> </div> </div> </div> </div> </div> </div> </div> </article> </section> <section 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="give_them_a_heads_up" class="tw-text-heading-lg tw-text-canvas-editorial-lime tw-pb-sm tw-scroll-mt-32"> Give them a heads up </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"> Add a “Notify me” button on out-of-stock product pages so you can keep customers in the loop about product status. Let them know when products are back in stock through email, SMS, or push notifications. </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="back-in-stock-whatsapp-alerts" data-app-card-name-value="Back in stock, Notify me by PD" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/a72e2fa08aa2b45044773a7d3fe488a5/icon/CIeS8_f1lIcDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/back-in-stock-whatsapp-alerts?shallow_install_type=story&surface_detail=guide-pre-orders&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/a72e2fa08aa2b45044773a7d3fe488a5/icon/CIeS8_f1lIcDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/a72e2fa08aa2b45044773a7d3fe488a5/icon/CIeS8_f1lIcDEAE=.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/a72e2fa08aa2b45044773a7d3fe488a5/icon/CIeS8_f1lIcDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/back-in-stock-whatsapp-alerts?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=1&surface_type=story" class=""> Back in stock, Notify me by PD </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(89)</span> <span class="tw-sr-only">89 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-body-xs tw-text-fg-inverted-tertiary"> Notify me button with back in stock alerts on Email, WhatsApp. </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="a72e2fa08aa2b45044773a7d3fe488a5" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="back-in-stock-whatsapp-alerts" 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-6B43VZDP8G" data-partner-tracking-label="back-in-stock-whatsapp-alerts" 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="g6p_Z_7WrIihfSEmgvXzmMNe__3-N9qtFT3tom2_5oXk1Qye41a8CZfRcda2RCIXhCzn4qzjoP5Gcx1BpSA_0g" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="a72e2fa08aa2b45044773a7d3fe488a5" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="restock-rooster" data-app-card-name-value="Back In Stock ︱Restock Rooster" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/918351ef7aed41e738113b2bef67ca3a/icon/CKzDsoHi54IDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/restock-rooster?shallow_install_type=story&surface_detail=guide-pre-orders&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/918351ef7aed41e738113b2bef67ca3a/icon/CKzDsoHi54IDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/918351ef7aed41e738113b2bef67ca3a/icon/CKzDsoHi54IDEAE=.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/918351ef7aed41e738113b2bef67ca3a/icon/CKzDsoHi54IDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/restock-rooster?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=2&surface_type=story" class=""> Back In Stock ︱Restock Rooster </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(18)</span> <span class="tw-sr-only">18 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-body-xs tw-text-fg-inverted-tertiary"> Send back in stock alerts︱restock alerts with Notify me button </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="918351ef7aed41e738113b2bef67ca3a" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="restock-rooster" 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-2S16S9LDFW" data-partner-tracking-label="restock-rooster" 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="tQFDALYZxHNOHU03mMD0ztGdkd69h8y6zJld1IG7GKLSfjD5q5nU8nixHcescSVBlu-Jwe9Ttumf1603SSTB9Q" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="918351ef7aed41e738113b2bef67ca3a" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="out-of-stock-1" data-app-card-name-value="SC Back in Stock Restock Alert" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/15218db7d7a7d742b7017a9dc6c16f4d/icon/CI7pnrel2f4CEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/out-of-stock-1?shallow_install_type=story&surface_detail=guide-pre-orders&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/15218db7d7a7d742b7017a9dc6c16f4d/icon/CI7pnrel2f4CEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/15218db7d7a7d742b7017a9dc6c16f4d/icon/CI7pnrel2f4CEAE=.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/15218db7d7a7d742b7017a9dc6c16f4d/icon/CI7pnrel2f4CEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/out-of-stock-1?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=3&surface_type=story" class=""> SC Back in Stock Restock Alert </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.7 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(196)</span> <span class="tw-sr-only">196 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-body-xs tw-text-fg-inverted-tertiary"> Recover lost sales by alerting when items are back in stock. </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="15218db7d7a7d742b7017a9dc6c16f4d" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="out-of-stock-1" 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-4BG25LT3M7" data-partner-tracking-label="out-of-stock-1" 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="5DUz-Gq8T4S-Nik3DfOpupIt7DqrRzD_Eut6y8H_08eDSkABdzxfBYiaecc5Qng11V_0JfmTSqxBpYooCWAKkA" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="15218db7d7a7d742b7017a9dc6c16f4d" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="yanet-back-in-stock" data-app-card-name-value="Yanet: Back in stock alerts" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/18e40a97d8423e7ffaed76cbbd641bde/icon/CMSgmZmSx_8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/yanet-back-in-stock?shallow_install_type=story&surface_detail=guide-pre-orders&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/18e40a97d8423e7ffaed76cbbd641bde/icon/CMSgmZmSx_8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/18e40a97d8423e7ffaed76cbbd641bde/icon/CMSgmZmSx_8CEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/18e40a97d8423e7ffaed76cbbd641bde/icon/CMSgmZmSx_8CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/yanet-back-in-stock?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=4&surface_type=story" class=""> Yanet: Back in stock alerts </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.8 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(27)</span> <span class="tw-sr-only">27 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-body-xs tw-text-fg-inverted-tertiary"> Send restock alerts and low stock alerts by email & web push </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="18e40a97d8423e7ffaed76cbbd641bde" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="yanet-back-in-stock" 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="yanet-back-in-stock" 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="berLSWC1ci-vE6lakqDueot8rEJVRnyU1D2tkTMua5IKlbiwfTVirpm_-aqmET_1zA60XQeSBseHc11y-7GyxQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="18e40a97d8423e7ffaed76cbbd641bde" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="customer-back-in-stock-alert-user-notification-app" data-app-card-name-value="Appikon ‑ Back In Stock" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/fdcc8ce1d50c8ee6b9683086b89320ea/icon/CMWIlKb0lu8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/customer-back-in-stock-alert-user-notification-app?shallow_install_type=story&surface_detail=guide-pre-orders&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/fdcc8ce1d50c8ee6b9683086b89320ea/icon/CMWIlKb0lu8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/fdcc8ce1d50c8ee6b9683086b89320ea/icon/CMWIlKb0lu8CEAE=.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/fdcc8ce1d50c8ee6b9683086b89320ea/icon/CMWIlKb0lu8CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/customer-back-in-stock-alert-user-notification-app?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=5&surface_type=story" class=""> Appikon ‑ Back In Stock </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.8 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(2,006)</span> <span class="tw-sr-only">2006 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-body-xs tw-text-fg-inverted-tertiary"> Send High-Converting Back In Stock Alert via Email and SMS </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="fdcc8ce1d50c8ee6b9683086b89320ea" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="customer-back-in-stock-alert-user-notification-app" 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-3ZE62KVT8H" data-partner-tracking-label="customer-back-in-stock-alert-user-notification-app" 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="3Q_ZLk3LAe9Tj_NiAULcXuTTeeOY6xTqAf-TmpG_Noa6cKrXUEsRbmUjo5I18w3Ro6Fh_Mo_brlSsWN5WSDv0Q" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="fdcc8ce1d50c8ee6b9683086b89320ea" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" autocomplete="off" /></form> </div> </div> </div> </div> </div> </div> </div> </article> </section> <section 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="shout_it_out" class="tw-text-heading-lg tw-text-canvas-editorial-lime tw-pb-sm tw-scroll-mt-32"> Shout it out </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"> Use banners, pop-ups, product badges, and social media posts to encourage pre-orders and promote discount codes. </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="one-click-popup-by-wcs" data-app-card-name-value="1Click Popups & Email Pop Ups" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/a10ce9eed6b44f3f59aa2c2d9ce255e3/icon/CIPI-OXI0v4CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/one-click-popup-by-wcs?shallow_install_type=story&surface_detail=guide-pre-orders&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/a10ce9eed6b44f3f59aa2c2d9ce255e3/icon/CIPI-OXI0v4CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/a10ce9eed6b44f3f59aa2c2d9ce255e3/icon/CIPI-OXI0v4CEAE=.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/a10ce9eed6b44f3f59aa2c2d9ce255e3/icon/CIPI-OXI0v4CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/one-click-popup-by-wcs?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=1&surface_type=story" class=""> 1Click Popups & Email Pop Ups </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(280)</span> <span class="tw-sr-only">280 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-body-xs tw-text-fg-inverted-tertiary"> Build fast discount pop up forms for more SMS & email sign ups </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="a10ce9eed6b44f3f59aa2c2d9ce255e3" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="one-click-popup-by-wcs" 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-8P16SJECPF" data-partner-tracking-label="one-click-popup-by-wcs" 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="oxTYoCm2k-SlwwJPD5lk_C-bqmO-mykh0rvOeAvyNxvEa6tZNDaDZZNvUr87KLVzaOmyfOxPU3KB9T6bw23uTA" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="a10ce9eed6b44f3f59aa2c2d9ce255e3" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="quick-announcement-bar-always-keep-your-customers-informed" data-app-card-name-value="Hextom: Quick Announcement Bar" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/77da3bf776c31b1a438e4851b50758bb/icon/CPr1ucGc5oYDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/quick-announcement-bar-always-keep-your-customers-informed?shallow_install_type=story&surface_detail=guide-pre-orders&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/77da3bf776c31b1a438e4851b50758bb/icon/CPr1ucGc5oYDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/77da3bf776c31b1a438e4851b50758bb/icon/CPr1ucGc5oYDEAE=.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/77da3bf776c31b1a438e4851b50758bb/icon/CPr1ucGc5oYDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/quick-announcement-bar-always-keep-your-customers-informed?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=2&surface_type=story" class=""> Hextom: Quick Announcement Bar </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.9 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(5,797)</span> <span class="tw-sr-only">5797 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-body-xs tw-text-fg-inverted-tertiary"> Promote BFCM sales & notifications on a custom banner </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="77da3bf776c31b1a438e4851b50758bb" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="quick-announcement-bar-always-keep-your-customers-informed" 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-64261110-12" data-partner-tracking-label="quick-announcement-bar-always-keep-your-customers-informed" 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="g-UZStIPoal4rMwPI-Fgi1K9-wJJy_uSoOHSR4gKBrrkmmqzz4-xKE4AnP8XULEEFc_jHRsfgcHzryKkQJXf7Q" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="77da3bf776c31b1a438e4851b50758bb" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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-labels-by-bss" data-app-card-name-value="BSS: Product Labels & Badges" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/8ff87511bcdffd3dfc280f3600a78695/icon/CPf_ob3Kx_8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/product-labels-by-bss?shallow_install_type=story&surface_detail=guide-pre-orders&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/8ff87511bcdffd3dfc280f3600a78695/icon/CPf_ob3Kx_8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/8ff87511bcdffd3dfc280f3600a78695/icon/CPf_ob3Kx_8CEAE=.png?height=144&width=144 2x" class="tw-block tw-relative tw-shrink-0 tw-w-appIcon--sm" src="https://cdn.shopify.com/app-store/listing_images/8ff87511bcdffd3dfc280f3600a78695/icon/CPf_ob3Kx_8CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/product-labels-by-bss?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=3&surface_type=story" class=""> BSS: Product Labels & Badges </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.9 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(1,186)</span> <span class="tw-sr-only">1186 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-body-xs tw-text-fg-inverted-tertiary"> Product badges, Product labels & Stickers to boost sales </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="8ff87511bcdffd3dfc280f3600a78695" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="product-labels-by-bss" 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-012NL6YT4Q" data-partner-tracking-label="product-labels-by-bss" 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="cMTqzdma1a3PFYyjFI0oQzuyBqA8JHK3t3UXE-70twYXu5k0xBrFLPm53FMgPPnMfMAev27wCOTkO-fwJmtuUQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="8ff87511bcdffd3dfc280f3600a78695" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="bulk-discount-generator" data-app-card-name-value="Bulk Discount Code Bot" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/a8478ddec690db3f058dc9f525509e52/icon/CMORr5TltvsCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/bulk-discount-generator?shallow_install_type=story&surface_detail=guide-pre-orders&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/a8478ddec690db3f058dc9f525509e52/icon/CMORr5TltvsCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/a8478ddec690db3f058dc9f525509e52/icon/CMORr5TltvsCEAE=.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/a8478ddec690db3f058dc9f525509e52/icon/CMORr5TltvsCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/bulk-discount-generator?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=4&surface_type=story" class=""> Bulk Discount Code Bot </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.9 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(375)</span> <span class="tw-sr-only">375 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-body-xs tw-text-fg-inverted-tertiary"> Generate sets of unique discount codes and stop coupon abuse. </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="a8478ddec690db3f058dc9f525509e52" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="bulk-discount-generator" 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-RN4MNFCYGZ" data-partner-tracking-label="bulk-discount-generator" 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="ZqGXzLP9hpjUxXbx-2d3Ky9lCYaacos94PeJyVbC0BUB3uQ1rn2WGeJpJgHP1qakaBcRmcim8W6zuXkqnl0JQg" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="a8478ddec690db3f058dc9f525509e52" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="social-chic" data-app-card-name-value="SS ‑ Social media AI Auto Post" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/d365f0a485daaf1e2b77efe06bc1c352/icon/CNygzN7D9_YCEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/social-chic?shallow_install_type=story&surface_detail=guide-pre-orders&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/d365f0a485daaf1e2b77efe06bc1c352/icon/CNygzN7D9_YCEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/d365f0a485daaf1e2b77efe06bc1c352/icon/CNygzN7D9_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/d365f0a485daaf1e2b77efe06bc1c352/icon/CNygzN7D9_YCEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/social-chic?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=5&surface_type=story" class=""> SS ‑ Social media AI Auto Post </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.8 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(37)</span> <span class="tw-sr-only">37 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-body-xs tw-text-fg-inverted-tertiary"> AI Auto Post to Social Media: Instagram, Facebook, Pinterest </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="d365f0a485daaf1e2b77efe06bc1c352" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="social-chic" 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-3G4Q7G44ES" data-partner-tracking-label="social-chic" 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="DAnJCadVPvZoWIbAtZoIDFyZrq5ZuAKLNMhLYsWmGGhrdrrwutUud1701jCBK9mDG-u2sQtseNhnhruBDTnBPw" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="d365f0a485daaf1e2b77efe06bc1c352" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" autocomplete="off" /></form> </div> </div> </div> </div> </div> </div> </div> </article> </section> <section 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="whats_the_forecast" class="tw-text-heading-lg tw-text-canvas-editorial-lime tw-pb-sm tw-scroll-mt-32"> What’s the forecast? </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"> Reduce the risk of overstocking by getting valuable insights on purchase behavior and trends. Use this data to forecast demand and optimize marketing strategies for future product launches. </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="simple-reports-and-data-export" data-app-card-name-value="Reports & Export by SyncWith" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/ccac6e447e9ef17ace33f88e7bde09c1/icon/CL3B5K3Pi4cDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/simple-reports-and-data-export?shallow_install_type=story&surface_detail=guide-pre-orders&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/ccac6e447e9ef17ace33f88e7bde09c1/icon/CL3B5K3Pi4cDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/ccac6e447e9ef17ace33f88e7bde09c1/icon/CL3B5K3Pi4cDEAE=.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/ccac6e447e9ef17ace33f88e7bde09c1/icon/CL3B5K3Pi4cDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/simple-reports-and-data-export?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=1&surface_type=story" class=""> Reports & Export by SyncWith </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(15)</span> <span class="tw-sr-only">15 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-body-xs tw-text-fg-inverted-tertiary"> Report on your store's sales, inventory, export orders & more </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="ccac6e447e9ef17ace33f88e7bde09c1" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="simple-reports-and-data-export" 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-WMZ9BSBDR6" data-partner-tracking-label="simple-reports-and-data-export" 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="7AE0zL2HcxrFiSZoi1oxZA9aErIyntUkYgWB-T4Nur-Lfkc1oAdjm_Mldpi_6-DrSCgKrWBKr3cxS3Ea9pJj6A" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="ccac6e447e9ef17ace33f88e7bde09c1" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="easy-reports" data-app-card-name-value="Easy Reports by DevCloud" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/fe3641ed473181e67eb8864d52fb3c5a/icon/CNCJh7z0lu8CEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/easy-reports?shallow_install_type=story&surface_detail=guide-pre-orders&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/fe3641ed473181e67eb8864d52fb3c5a/icon/CNCJh7z0lu8CEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/fe3641ed473181e67eb8864d52fb3c5a/icon/CNCJh7z0lu8CEAE=.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/fe3641ed473181e67eb8864d52fb3c5a/icon/CNCJh7z0lu8CEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/easy-reports?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=2&surface_type=story" class=""> Easy Reports by DevCloud </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.9 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(123)</span> <span class="tw-sr-only">123 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-body-xs tw-text-fg-inverted-tertiary"> Customize your Orders, Products and Customers Reports Easily! </div> <div class="tw-mt-3xs"> <span class="tw-text-label-sm tw-bg-canvas-inverted-accent-bfs tw-text-fg-inverted-primary tw-whitespace-nowrap tw-rounded-xs tw-inline-flex tw-items-center tw-px-sm tw-py-xs tw-gap-xs built-for-shopify-badge"> <span role="img"><svg class="tw-h-[0.75em]" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13 0-1 5-4 9 8-9.5L13 0ZM3 0l1 5 4 9-8-9.5L3 0Z" fill="#1495CC"/><path d="m3 0 1 5 4 9 4-9 1-5H3Z" fill="#58B7DF"/><path d="M8 14 4 5l-4-.5L8 14ZM8 14l4-9 4-.5L8 14Z" fill="#035F86"/><path d="M8 5.5 4 5l4 9 4-9-4 .5Z" fill="#1495CC"/><path d="m4 5 4-5 4 5-4.001.5L4 5Z" fill="#A9DEF4"/><path d="M4 5 3 0h5L4 5ZM12 5l1-5H8l4 5Z" fill="#58B7DF"/><path d="M4 5 3 0 0 4.5 4 5ZM12 5l1-5 3 4.5-4 .5Z" fill="#1495CC"/></svg> </span> <span>Built for Shopify</span> </span> </div> </div> <div class="tw-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="fe3641ed473181e67eb8864d52fb3c5a" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="easy-reports" 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="easy-reports" 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="yyvBlgxHsjuOj3bnTouGXz65uf7AEzo_UHwE0MAdk5KsVLJvEceiurgjJhd6OlfQecuh4ZLHQGwDMvQzCIJKxQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="fe3641ed473181e67eb8864d52fb3c5a" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="prediko" data-app-card-name-value="Prediko Inventory Management" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/acb4af943f248b1c4b354467eb88c56f/icon/CNiErrDt94kDEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/prediko?shallow_install_type=story&surface_detail=guide-pre-orders&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/acb4af943f248b1c4b354467eb88c56f/icon/CNiErrDt94kDEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/acb4af943f248b1c4b354467eb88c56f/icon/CNiErrDt94kDEAE=.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/acb4af943f248b1c4b354467eb88c56f/icon/CNiErrDt94kDEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/prediko?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=3&surface_type=story" class=""> Prediko Inventory Management </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 5.0 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(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 to install</span> </div> <div class="tw-text-body-xs tw-text-fg-inverted-tertiary"> Inventory Management & Raw Material Planner with Forecasting </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="acb4af943f248b1c4b354467eb88c56f" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="prediko" 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-Q5REWHK4ZZ" data-partner-tracking-label="prediko" 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="SOGY2JjFc5X5gWGgSZ48GYD4EL44Q3_F3hmQBhdEfWovnushhUVjFM8tMVB9L-2Wx4oIoWqXBZaNV2Dl39ukPQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="acb4af943f248b1c4b354467eb88c56f" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="trueprofit" data-app-card-name-value="TrueProfit: Profit Analytics" data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/0647f39e6b0a6d67b1f06204b829ec7b/icon/CJyUlLKRvoQDEAE=.png" data-app-card-app-link-value="https://apps.shopify.com/trueprofit?shallow_install_type=story&surface_detail=guide-pre-orders&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/0647f39e6b0a6d67b1f06204b829ec7b/icon/CJyUlLKRvoQDEAE=.png?height=72&width=72 1x, https://cdn.shopify.com/app-store/listing_images/0647f39e6b0a6d67b1f06204b829ec7b/icon/CJyUlLKRvoQDEAE=.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/0647f39e6b0a6d67b1f06204b829ec7b/icon/CJyUlLKRvoQDEAE=.png" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/trueprofit?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=4&surface_type=story" class=""> TrueProfit: Profit Analytics </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.9 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(621)</span> <span class="tw-sr-only">621 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-body-xs tw-text-fg-inverted-tertiary"> Know your True Net Profit, Product & Marketing Analytics, LTV. </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="0647f39e6b0a6d67b1f06204b829ec7b" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="trueprofit" 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-KLKRTNHT2F" data-partner-tracking-label="trueprofit" 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="EOLw_iwNF_izs2J_-xQt_DvPbJcPXxIn5rV94FAduPR3nYMHMY0HeYUfMo_PpfxzfL10iF2LaHS1-40DmIJhow" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="0647f39e6b0a6d67b1f06204b829ec7b" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" 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="inventory-forecasting-hero" data-app-card-name-value="Inventory Forecasting Hero " data-app-card-icon-url-value="https://cdn.shopify.com/app-store/listing_images/f2e2cd2c1d3b505c03afed9196dce3e0/icon/CMyZ_5LYqfgCEAE=.jpeg" data-app-card-app-link-value="https://apps.shopify.com/inventory-forecasting-hero?shallow_install_type=story&surface_detail=guide-pre-orders&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/f2e2cd2c1d3b505c03afed9196dce3e0/icon/CMyZ_5LYqfgCEAE=.jpeg?height=72&quality=90&width=72 1x, https://cdn.shopify.com/app-store/listing_images/f2e2cd2c1d3b505c03afed9196dce3e0/icon/CMyZ_5LYqfgCEAE=.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/f2e2cd2c1d3b505c03afed9196dce3e0/icon/CMyZ_5LYqfgCEAE=.jpeg" /> </figure> <div class="tw-w-full tw-items-start tw-min-w-0 tw-gap-2xs 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-2xs tw-flex tw-flex-col"> <div class="tw-text-body-md -tw-mt-xs tw-transition-colors tw-text-fg-inverted-primary group-hover:tw-text-fg-inverted-highlight-primary "> <a href="https://apps.shopify.com/inventory-forecasting-hero?shallow_install_type=story&surface_detail=guide-pre-orders&surface_intra_position=5&surface_type=story" class=""> Inventory Forecasting Hero </a> </div> <div class="tw-relative tw-flex tw-items-center tw-self-stretch tw-gap-xs tw-text-body-xs tw-text-fg-inverted-secondary"> <span> 4.8 <span class="tw-sr-only"> out of 5 stars</span> </span> <span class="tw-shrink-0 -tw-mt-2xs"><img aria-hidden="true" class="tw-w-[12px]" src="https://apps.shopify.com/cdn/shopifycloud/shopify_app_store/assets/v2/icons/rating-star-a920190da874bfc184ab74449d2a5fd519e8bd717bdb24dbf918828da19bef13.svg" /></span> <span aria-hidden="true">(12)</span> <span class="tw-sr-only">12 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-body-xs tw-text-fg-inverted-tertiary"> Demand Forecast & Re-stock Inventory 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="f2e2cd2c1d3b505c03afed9196dce3e0" data-monorail-track="UnauthenticatedShallowInstall" data-track-action="App details button" data-track-category="Install" data-track-label="inventory-forecasting-hero" 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-2EVJSP3MKE" data-partner-tracking-label="inventory-forecasting-hero" 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="sn0jQHwrfJrXpgGPTPZ1mJIrjtEcAmYb7jhAYHtASt7VAlC5YatsG-EKUX94R6QX1VmWzk7WHEi9drCDs9-TiQ" autocomplete="off" /><input type="hidden" name="auth_intent" value="install" autocomplete="off" /><input type="hidden" name="id" value="f2e2cd2c1d3b505c03afed9196dce3e0" autocomplete="off" /><input type="hidden" name="redirect_uri" value="/stories/guide-pre-orders?show_store_picker=1&surface_detail=whats-new&surface_type=navbar" autocomplete="off" /><input type="hidden" name="return_to" value="/stories/guide-pre-orders" autocomplete="off" /></form> </div> </div> </div> </div> </div> </div> </div> </article> </section> </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-pre-orders" data-waypoint-waypoint="12" data-waypoint-surface="story" data-waypoint-surface-detail="guide-pre-orders"> <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="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://apps.shopify.com/stories/guide-packaging-and-shipping"> <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"> Guide </h5> <h3 class="tw-text-heading-xl tw-text-pretty group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">Get those pre-ordered products out the door</h3> </div> </div></a></div> <div class="tw-rounded-sm tw-overflow-hidden tw-min-h-fit tw-bg-cover tw-bg-center tw-aspect-[4/5] tw-snap-center tw-shrink-0 md:tw-shrink tw-basis-4/5 md:tw-basis-1/3 xl:tw-aspect-[1] "> <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/product-development-strategy"> <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 group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">Craft a product development strategy that sells</h3> </div> </div></a></div> <div class="tw-rounded-sm tw-overflow-hidden tw-min-h-fit tw-bg-cover tw-bg-center tw-aspect-[4/5] tw-snap-center tw-shrink-0 md:tw-shrink tw-basis-4/5 md:tw-basis-1/3 xl:tw-aspect-[1] "> <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/shopify-pre-orders"> <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 group-hover:tw-underline tw-underline-offset-[0.125em] tw-decoration-1">More benefits of offering pre-orders</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-text-link-md lg:tw-text-link-lg tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b-2 " href="https://apps.shopify.com/stories"> All app stories <span aria-hidden="true" class="tw-inline-block tw-pl-2xs group-hover:tw-translate-x-2xs tw-transition-transform"> &rsaquo; </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-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/sales-channels"> Sales channels </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/finding-products"> Finding products </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/selling-products"> Selling products </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/orders-and-shipping"> Orders and shipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design"> Store design </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion"> Marketing and conversion </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-management"> Store management </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Top categories </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/finding-products-sourcing-options-dropshipping"> Dropshipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/sales-channels-selling-online-marketplaces"> Marketplaces </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-social-trust-product-reviews"> Product reviews </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-upsell-and-bundles"> Upsell and bundles </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/marketing-and-conversion-marketing-email-marketing"> Email marketing </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design-site-optimization-seo"> SEO </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/orders-and-shipping-shipping-solutions-shipping"> Shipping </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/categories/store-design-internationalization-currency-and-translation"> Currency and translation </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Resources </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://help.shopify.com/en/"> Shopify Help Center </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://shopify.dev/api"> API documentation </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://community.shopify.com/c/shopify-community-en/ct-p/en"> Shopify Community </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://community.shopify.com/c/events/eb-p/events_en"> Community Events </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/blog"> Shopify Blog </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/research/future-of-commerce"> Research </a> </div> <div class="tw-grid tw-auto-rows-min"> <h6 class="tw-text-heading-md tw-mb-6"> Shopify </h6> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/about"> About </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/careers"> Careers </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://investors.shopify.com/home/default.aspx"> Investors </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://news.shopify.com/"> Press and media </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/partners"> Partners </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/affiliates"> Affiliates </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal"> Legal </a> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://shopifystatus.com"> Service status </a> </div> </div> <hr class="tw-my-8"> <div class="tw-flex tw-flex-col-reverse lg:tw-flex-row lg:tw-flex lg:tw-justify-between"> <div class="lg:tw-flex lg:tw-flex-wrap lg:tw-gap-6"> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/?auth=1"> Developer login </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal/terms"> Terms of service </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://www.shopify.com/legal/privacy"> Privacy policy </a> </span> <span class="tw-block tw-pt-md lg:tw-inline lg:tw-pt-0"> <a class="tw-block tw-py-1 tw-text-ellipsis tw-overflow-hidden hover:tw-underline hover:tw-decoration-[2px] hover:tw-underline-offset-[7px]" href="https://apps.shopify.com/sitemap"> Sitemap </a> </span> </div> <div class="tw-pb-md lg:tw-pb-0"> <div class="tw-flex tw-items-center"> <div class="tw-relative tw-w-[28px] tw-h-[28px] tw-mr-sm [mask-image:url(merchant/footer/globe)] [mask-repeat:no-repeat] [mask-position:center] [mask-size:28px] tw-bg-fg-inverted-primary"></div> <form action="https://apps.shopify.com/set_locale" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tsjxg3BCFHqGkhhefZmkug7UweGi1q7KC_sIInbzmsEpt4J6bcIE-7A-SK5JKHU1SabZ_vAC1JlYtfjBvmxDlg" 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="XW0WrP_DJLhOvl2yAZ6s2a52p5yfU6K01RTm5ARUfdA6EmVV4kM0OXgSDUI1L31W6QS_g82H2OeGWhYHzMukhw" 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-pre-orders?surface_detail=whats-new&surface_type=navbar" autocomplete="off" /> <label class="tw-text-label-sm tw-block tw-pb-sm" for="Store URL"> Store URL </label> <input autocomplete="off" type="text" class='tw-input tw-form-input tw-block tw-w-full' id='AuthLoginShopInput' name='shop' placeholder="your-store.myshopify.com"> <p class="tw-text-body-sm tw-text-fg-secondary tw-mt-sm"> Don’t have a store yet? <a class="tw-group tw-text-link-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " href="https://accounts.shopify.com/store-create?_s=7565b098-7265-4b22-8580-58d9b25682e9&_y=3726d86c-f634-4003-adbc-b9e113511d91&locale=en&signup_page=https%3A%2F%2Fapps.shopify.com%2Fstories%2Fguide-pre-orders%3Fsurface_detail%3Dwhats-new%26surface_type%3Dnavbar&signup_types%5B%5D=paid_trial_experience"> Sign up</a> </p> </form> </div> </div> <div class="eco-modal-footer"> <div class="eco-modal-actions-container"> <div class="eco-modal-actions"> <div class="eco-modal-action-primary"> <button name="button" type="button" class="tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus focus:tw-outline tw-button-primary tw-w-full tw-whitespace-nowrap tw-px-6 tw-py-4 tw-text-link-md" disabled="disabled"> Log in </button> </div> </div> <div class="eco-modal-action-tertiary"> <a class="tw-group tw-text-link-sm tw-text-fg-primary hover:tw-text-fg-highlight-primary tw-no-underline tw-pb-2xs hover:tw-border-transparent tw-border-b " href="https://apps.shopify.com/partner/login?return_path=%2Fstories%2Fguide-pre-orders%3Fsurface_detail%3Dwhats-new%26surface_type%3Dnavbar"> Developer login</a> </div> </div> </div> </div> </div> </div> <div id="ModalBackdrop" class="eco-modal-backdrop" aria-hidden="true"></div> </div> </body> </html>