{"id":8418,"date":"2026-10-09T17:43:30","date_gmt":"2026-10-09T17:43:30","guid":{"rendered":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/?post_type=download&#038;p=8418"},"modified":"2026-10-12T08:35:15","modified_gmt":"2026-10-12T08:35:15","slug":"shipping-threshold-bar-for-woocommerce","status":"publish","type":"download","link":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/","title":{"rendered":"Shipping Threshold Bar for WooCommerce"},"content":{"rendered":"\n<nav aria-label=\"Shipping Threshold Bar for WooCommerce sections\" class=\"sticky top-0 z-30 border-b border-hairline bg-surface\/95 backdrop-blur transition-shadow\"><div class=\"mx-auto flex max-w-7xl items-center gap-4 px-4 py-2.5 sm:px-6\"><p class=\"hidden min-w-0 shrink-0 truncate text-[13px] font-extrabold text-ink lg:block lg:max-w-[240px]\">Shipping Threshold Bar<\/p><ul id=\"sticky-nav\" class=\"hidden min-w-0 flex-1 items-center gap-1 overflow-x-auto lg:flex\"><li><a aria-current=\"true\" class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors bg-brand\/10 text-brand\" href=\"#overview\">Overview<\/a><\/li><li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#how-it-works\">How It Works<\/a><\/li><li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#features\">Display<\/a><\/li><li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#use-cases\">Use Cases<\/a><\/li><li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#pricing\">Pricing<\/a><\/li><li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#faq\">FAQ<\/a><\/li><\/ul><div class=\"relative min-w-0 flex-1 lg:hidden\"><label class=\"sr-only\" for=\"product-nav-select\">Jump to section<\/label><select class=\"w-full appearance-none rounded-md border border-hairline bg-surface py-2 pr-9 pl-3 text-[13px] font-semibold text-ink\" id=\"product-nav-select\"><option value=\"overview\">Overview<\/option><option value=\"how-it-works\">How It Works<\/option><option value=\"display\">Display<\/option><option value=\"use-cases\">Use Cases<\/option><option value=\"pricing\">Pricing<\/option><option value=\"faq\">FAQ<\/option><\/select><svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down pointer-events-none absolute top-1\/2 right-3 h-4 w-4 -translate-y-1\/2 text-ink-soft\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg><\/div><a class=\"inline-flex shrink-0 items-center rounded-md bg-brand px-3.5 py-2 text-[13px] font-semibold whitespace-nowrap text-brand-foreground transition-colors hover:bg-brand-deep\" href=\"#pricing\">Buy Now<\/a><\/div><\/nav>\n\n\n\n<section class=\"threshold-hero border-b border-hairline\" id=\"overview\">\n                        <div class=\"mx-auto grid max-w-7xl items-center gap-10 px-4 py-12 sm:px-6 lg:grid-cols-[1.08fr_1fr] lg:gap-16 lg:py-14\">\n                            <div class=\"min-w-0\">\n                                <div class=\"flex items-center gap-3\">\n                                    <img decoding=\"async\" alt=\"Shipping Threshold Bar product icon\" class=\"h-16 w-16 shrink-0 rounded-lg\" height=\"64\" loading=\"eager\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/threshold-icon.png\" width=\"64\">\n                                    <div>\n                                        <p class=\"text-[11px] font-bold uppercase text-brand\">\n                                            WooCommerce Cart &amp; Shipping Plugin\n                                        <\/p>\n                                        <p class=\"mt-2 text-[16px] leading-snug font-extrabold text-ink\">\n                                            Shipping Threshold Bar<br>for WooCommerce\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                                <h1 class=\"mt-6 max-w-[20ch] text-[30px] leading-[1.15] font-extrabold text-ink sm:text-[40px] lg:text-[44px]\">\n                                    Show customers how close they are to free shipping\n                                <\/h1>\n                                <p class=\"mt-5 max-w-[52ch] text-[16px] leading-[1.8] text-ink-soft\">\n                                    Display a clear progress message showing how much more customers need to spend \u2014 and\n                                    celebrate when they reach the threshold. Put the incentive wherever it matters in\n                                    your store.\n                                <\/p>\n                                <div class=\"mt-7 flex flex-wrap gap-3\">\n                                    <a class=\"inline-flex items-center justify-center gap-2 rounded-md text-sm cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary\/90 h-auto min-h-12 whitespace-normal px-5 py-3 font-bold\" href=\"#pricing\">Buy Shipping Threshold Bar<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M5 12h14\"><\/path>\n                                            <path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/a><a class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-auto min-h-12 px-5 py-3 text-brand\" href=\"#demo\">View Demo<svg aria-hidden=\"true\" class=\"lucide lucide-shopping-bag\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M16 10a4 4 0 0 1-8 0\"><\/path>\n                                            <path d=\"M3.103 6.034h17.794\"><\/path>\n                                            <path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"><\/path><\/svg><\/a>\n                                <\/div>\n                                <div class=\"mt-5 flex flex-wrap gap-5\">\n                                    <a class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary underline-offset-4 hover:underline h-auto p-0 text-[12px]\" href=\"https:\/\/wordpress.org\/plugins\/shipping-threshold-bar\/#description\">Documentation<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M5 12h14\"><\/path>\n                                            <path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/a><a class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary underline-offset-4 hover:underline h-auto p-0 text-[12px]\" href=\"#display\">Display examples<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M5 12h14\"><\/path>\n                                            <path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/a>\n                                <\/div>\n                                <ul class=\"mt-6 grid gap-3 sm:grid-cols-2\">\n                                    <li class=\"flex items-start gap-2 text-[12px] leading-relaxed font-semibold text-ink-soft\">\n                                        <svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Display anywhere across your store\n                                    <\/li>\n                                    <li class=\"flex items-start gap-2 text-[12px] leading-relaxed font-semibold text-ink-soft\">\n                                        <svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>WooCommerce Checkout Blocks compatible\n                                    <\/li>\n                                    <li class=\"flex items-start gap-2 text-[12px] leading-relaxed font-semibold text-ink-soft\">\n                                        <svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Clear remaining-spend messaging\n                                    <\/li>\n                                    <li class=\"flex items-start gap-2 text-[12px] leading-relaxed font-semibold text-ink-soft\">\n                                        <svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>A success state when the goal is reached\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                            <div class=\"min-w-0\">\n                                <div class=\"overflow-hidden rounded-lg border border-hairline bg-surface shadow-lift\">\n                                    <div class=\"flex items-center justify-between border-b border-hairline px-5 py-4\">\n                                        <span class=\"text-[12px] font-extrabold text-ink\">EVERYDAY \/ STORE<\/span><svg aria-hidden=\"true\" class=\"lucide lucide-shopping-bag h-5 w-5 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M16 10a4 4 0 0 1-8 0\"><\/path>\n                                            <path d=\"M3.103 6.034h17.794\"><\/path>\n                                            <path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"p-5 sm:p-6\">\n                                        <div class=\"mb-5 flex justify-between text-ink\">\n                                            <h3 class=\"text-[20px] font-extrabold\">Your shopping bag<\/h3>\n                                            <span class=\"text-[12px] text-ink-soft\">2 items<\/span>\n                                        <\/div>\n                                        <div class=\"rounded-md border p-4 border-brand\/20 bg-brand\/5\">\n                                            <p aria-live=\"polite\" class=\"flex items-start gap-2 text-[14px] leading-relaxed font-bold text-ink\">\n                                                You\u2019re $18.00 away from FREE SHIPPING\n                                            <\/p>\n                                            <progress aria-label=\"Progress toward free shipping\" aria-valuetext=\"76% of $75.00 shipping threshold reached\" class=\"threshold-progress mt-3\" max=\"75\" value=\"57\"><\/progress>\n                                            <div class=\"mt-2 flex justify-between gap-3 text-[11px] font-semibold text-ink-soft\">\n                                                <span>$57.00 \/ $75.00<\/span><span>76% reached<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"mt-5 flex items-center gap-4 border-b border-hairline pb-5\">\n                                            <img fetchpriority=\"high\" decoding=\"async\" alt=\"Sage canvas tote and cotton towel in an illustrative storefront\" class=\"h-24 w-24 shrink-0 rounded-md object-cover\" height=\"768\" loading=\"eager\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/threshold-store-product-IhtLJEut.jpg\" width=\"768\">\n                                            <div class=\"min-w-0\">\n                                                <p class=\"text-[14px] font-bold text-ink\">Everyday canvas tote<\/p>\n                                                <p class=\"mt-1 text-[12px] text-ink-soft\">Sage \u00b7 1 item<\/p>\n                                                <p class=\"mt-2 text-[14px] font-bold text-ink\">$39.00<\/p>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"flex flex-wrap items-center justify-between gap-3 border-b border-hairline py-4\">\n                                            <div>\n                                                <p class=\"text-[13px] font-bold text-ink\">Cotton hand towel<\/p>\n                                                <p class=\"mt-1 text-[12px] text-ink-soft\">$18.00 each<\/p>\n                                            <\/div>\n                                            <div class=\"flex items-center gap-3\">\n                                                <button aria-label=\"Remove one towel\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 w-9\">\n                                                    <svg aria-hidden=\"true\" class=\"lucide lucide-minus\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M5 12h14\"><\/path>\n                                                    <\/svg><\/button><span class=\"w-4 text-center text-[14px] font-bold text-ink\">1<\/span><button aria-label=\"Add one towel\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 w-9\">\n                                                    <svg aria-hidden=\"true\" class=\"lucide lucide-plus\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M5 12h14\"><\/path>\n                                                        <path d=\"M12 5v14\"><\/path>\n                                                    <\/svg>\n                                                <\/button>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"mt-4 flex justify-between text-[16px] font-extrabold text-ink\">\n                                            <span>Cart subtotal<\/span><span aria-live=\"polite\">$57.00<\/span>\n                                        <\/div>\n                                        <div class=\"mt-4 flex items-center justify-between gap-3\">\n                                            <p class=\"text-[11px] text-ink-soft\">\n                                                Illustrative cart \u00b7 no order is placed\n                                            <\/p>\n                                            <button aria-label=\"Reset example cart\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-9 w-9\" title=\"Reset example cart\">\n                                                <svg aria-hidden=\"true\" class=\"lucide lucide-rotate-ccw\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"><\/path>\n                                                    <path d=\"M3 3v5h5\"><\/path>\n                                                <\/svg>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mt-4\">\n                                    <div class=\"rounded-md border p-4 threshold-success border-magenta\/30 bg-magenta\/6\">\n                                        <p aria-live=\"polite\" class=\"flex items-start gap-2 text-[14px] leading-relaxed font-bold text-ink\">\n                                            <svg aria-hidden=\"true\" class=\"lucide lucide-check mt-1 h-4 w-4 shrink-0 text-magenta\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>You\u2019ve unlocked FREE SHIPPING!\n                                        <\/p>\n                                        <progress aria-label=\"Progress toward free shipping\" aria-valuetext=\"100% of $75.00 shipping threshold reached\" class=\"threshold-progress mt-3\" max=\"75\" value=\"75\"><\/progress>\n                                        <div class=\"mt-2 flex justify-between gap-3 text-[11px] font-semibold text-ink-soft\">\n                                            <span>$75.00 \/ $75.00<\/span><span>100% reached<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n\n\t<section class=\"border-b border-hairline bg-surface\" aria-label='Compatibility and capability highlights'>\n\t\t<div class=\"mx-auto grid max-w-7xl grid-cols-2 gap-x-8 gap-y-8 px-4 py-11 sm:grid-cols-3 sm:px-6 lg:grid-cols-6 lg:py-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tDisplay Anywhere\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tPlace the threshold message wherever your store needs it\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tCheckout Blocks Compatible\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tWorks with WooCommerce Block Checkout\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tThreshold Progress\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tShow remaining spend\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tDynamic Messaging\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tUpdate based on cart value\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tFree Shipping Goal\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tMake eligibility visible\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tSuccess State\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tCelebrate when the threshold is reached\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/section>\n\t\n\n<section class=\"border-b border-hairline bg-brand\/4\" id=\"problems\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">\n\t\t\t\t\tFrom hidden rule to visible incentive\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">\n\t\t\t\t\tDon\u2019t make customers guess how close they are to free shipping\t\t\t\t<\/h2>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<p class=\"mt-4 text-[15.5px] leading-[1.7] text-ink-soft\">\n\t\t\t\t\tMake the goal visible while customers are still deciding what to buy.\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<ul class=\"mt-10 space-y-4\">\n\t\t\t\t\t\t\t\t\t<li class=\"grid items-stretch gap-4 lg:grid-cols-[minmax(0,1fr)_44px_minmax(0,1fr)_minmax(0,230px)] lg:gap-5\">\n\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline border-l-4 border-l-ember\/30 bg-surface p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-ember uppercase\">Problem<\/p>\n\t\t\t\t\t\t\t<h3 class=\"mt-1.5 text-[16px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\tThe free-shipping threshold is only discovered at checkout.\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div aria-hidden=\"true\" class=\" items-center justify-center lg:flex\">\n\t\t\t\t\t\t\t<span class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex flex-col justify-center rounded-xl border border-hairline border-l-4 border-l-brand\/40 bg-brand\/6 p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Solution<\/p>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[15px] leading-[1.6] font-semibold text-ink\">\n\t\t\t\t\t\t\t\tShow the goal earlier in the shopping journey.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex items-stretch\">\n\t\t\t\t\t\t\t<div class=\"flex w-full min-w-0 flex-col justify-center rounded-xl border border-dashed border-brand\/25 bg-surface px-4 py-3\">\n\t\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-bold tracking-[0.12em] text-ink-soft uppercase\">Feature used<\/p>\n\t\t\t\t\t\t\t\t<p class=\"mt-1 flex items-start gap-2 text-[13px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-3.5 w-3.5 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<span class=\"min-w-0\">Flexible storefront placement<\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"grid items-stretch gap-4 lg:grid-cols-[minmax(0,1fr)_44px_minmax(0,1fr)_minmax(0,230px)] lg:gap-5\">\n\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline border-l-4 border-l-ember\/30 bg-surface p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-ember uppercase\">Problem<\/p>\n\t\t\t\t\t\t\t<h3 class=\"mt-1.5 text-[16px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\tA customer is only a small amount away from the goal.\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div aria-hidden=\"true\" class=\" items-center justify-center lg:flex\">\n\t\t\t\t\t\t\t<span class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex flex-col justify-center rounded-xl border border-hairline border-l-4 border-l-brand\/40 bg-brand\/6 p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Solution<\/p>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[15px] leading-[1.6] font-semibold text-ink\">\n\t\t\t\t\t\t\t\tShow the exact remaining spend so the incentive is clear.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex items-stretch\">\n\t\t\t\t\t\t\t<div class=\"flex w-full min-w-0 flex-col justify-center rounded-xl border border-dashed border-brand\/25 bg-surface px-4 py-3\">\n\t\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-bold tracking-[0.12em] text-ink-soft uppercase\">Feature used<\/p>\n\t\t\t\t\t\t\t\t<p class=\"mt-1 flex items-start gap-2 text-[13px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-3.5 w-3.5 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<span class=\"min-w-0\">Remaining amount<\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"grid items-stretch gap-4 lg:grid-cols-[minmax(0,1fr)_44px_minmax(0,1fr)_minmax(0,230px)] lg:gap-5\">\n\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline border-l-4 border-l-ember\/30 bg-surface p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-ember uppercase\">Problem<\/p>\n\t\t\t\t\t\t\t<h3 class=\"mt-1.5 text-[16px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\tThe cart value changes as products are added or removed.\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div aria-hidden=\"true\" class=\" items-center justify-center lg:flex\">\n\t\t\t\t\t\t\t<span class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex flex-col justify-center rounded-xl border border-hairline border-l-4 border-l-brand\/40 bg-brand\/6 p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Solution<\/p>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[15px] leading-[1.6] font-semibold text-ink\">\n\t\t\t\t\t\t\t\tKeep the threshold message aligned with the current cart value.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex items-stretch\">\n\t\t\t\t\t\t\t<div class=\"flex w-full min-w-0 flex-col justify-center rounded-xl border border-dashed border-brand\/25 bg-surface px-4 py-3\">\n\t\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-bold tracking-[0.12em] text-ink-soft uppercase\">Feature used<\/p>\n\t\t\t\t\t\t\t\t<p class=\"mt-1 flex items-start gap-2 text-[13px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-3.5 w-3.5 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<span class=\"min-w-0\">Cart-value progress<\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"grid items-stretch gap-4 lg:grid-cols-[minmax(0,1fr)_44px_minmax(0,1fr)_minmax(0,230px)] lg:gap-5\">\n\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline border-l-4 border-l-ember\/30 bg-surface p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-ember uppercase\">Problem<\/p>\n\t\t\t\t\t\t\t<h3 class=\"mt-1.5 text-[16px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\tThe customer qualifies, but the message still looks unfinished.\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div aria-hidden=\"true\" class=\" items-center justify-center lg:flex\">\n\t\t\t\t\t\t\t<span class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex flex-col justify-center rounded-xl border border-hairline border-l-4 border-l-brand\/40 bg-brand\/6 p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Solution<\/p>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[15px] leading-[1.6] font-semibold text-ink\">\n\t\t\t\t\t\t\t\tReplace remaining spend with a clear success state.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex items-stretch\">\n\t\t\t\t\t\t\t<div class=\"flex w-full min-w-0 flex-col justify-center rounded-xl border border-dashed border-brand\/25 bg-surface px-4 py-3\">\n\t\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-bold tracking-[0.12em] text-ink-soft uppercase\">Feature used<\/p>\n\t\t\t\t\t\t\t\t<p class=\"mt-1 flex items-start gap-2 text-[13px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-3.5 w-3.5 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<span class=\"min-w-0\">Threshold reached<\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t\t<\/div>\n<\/section>\n\n\n\n<section class=\"border-b border-hairline\" id=\"demo\">\n                        <div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-16\">\n                            <div class=\"max-w-3xl\">\n                                <p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">\n                                    Before \/ After\n                                <\/p>\n                                <h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">\n                                    Make an invisible shipping rule part of the shopping experience\n                                <\/h2>\n                            <\/div>\n                            <div class=\"mt-8 grid gap-8 md:grid-cols-2\">\n                                <div class=\"border-t-2 border-hairline pt-5\">\n                                    <p class=\"text-[12px] font-bold uppercase text-ink-soft\">\n                                        Without a visible threshold\n                                    <\/p>\n                                    <div class=\"mt-6 flex justify-between text-[20px] font-bold text-ink\">\n                                        <span>Cart total<\/span><span>$54.00<\/span>\n                                    <\/div>\n                                    <p class=\"mt-4 text-[14px] leading-relaxed text-ink-soft\">\n                                        Shipping information appears later at checkout. The customer doesn\u2019t know the\n                                        $75 free-shipping goal.\n                                    <\/p>\n                                <\/div>\n                                <div class=\"border-t-2 border-brand pt-5\">\n                                    <p class=\"text-[12px] font-bold uppercase text-brand\">\n                                        With Shipping Threshold Bar\n                                    <\/p>\n                                    <div class=\"my-6 flex justify-between text-[20px] font-bold text-ink\">\n                                        <span>Cart total<\/span><span>$54.00<\/span>\n                                    <\/div>\n                                    <div class=\"rounded-md border p-4 border-brand\/20 bg-brand\/5\">\n                                        <p\n                                            aria-live=\"polite\"\n                                            class=\"flex items-start gap-2 text-[14px] leading-relaxed font-bold text-ink\"\n                                        >\n                                            You\u2019re $21.00 away from FREE SHIPPING\n                                        <\/p>\n                                        <progress\n                                            aria-label=\"Progress toward free shipping\"\n                                            aria-valuetext=\"72% of $75.00 shipping threshold reached\"\n                                            class=\"threshold-progress mt-3\"\n                                            max=\"75\"\n                                            value=\"54\"\n                                        ><\/progress>\n                                        <div\n                                            class=\"mt-2 flex justify-between gap-3 text-[11px] font-semibold text-ink-soft\"\n                                        >\n                                            <span>$54.00 \/ $75.00<\/span><span>72% reached<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <p class=\"mt-6 text-[12px] text-ink-soft\">\n                                Illustrative storefront comparison. Shipping eligibility remains controlled by your\n                                store\u2019s shipping rules.\n                            <\/p>\n                        <\/div>\n                    <\/section>\n\n\n<section id=\"features\" class=\"border-b border-hairline\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">A clearer shopping incentive<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">Make your free-shipping incentive impossible to miss<\/h2>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<p class=\"mt-4 text-[15.5px] leading-[1.7] text-ink-soft\">Cart value \u2192 progress \u2192 amount remaining \u2192 free shipping unlocked. Amounts and messages throughout this page are illustrative.<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"mt-12 space-y-14 lg:space-y-20\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"grid items-center gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:gap-14\">\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-[12px] font-bold tracking-[0.14em] text-ink-soft uppercase\">01<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-2 text-[21px] leading-snug font-extrabold text-ink sm:text-[24px]\">Tell customers exactly how much more they need to spend<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 max-w-[58ch] text-[15px] leading-[1.7] text-ink-soft\">A shipping goal becomes useful when customers can see the gap. At a $75 threshold, a $52 cart has $23 left to go \u2014 a concrete reason to consider another item.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"mt-5 space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>The remaining amount stays readable without color<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>A clear goal beside the current cart value<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Illustrative currency, not a product restriction<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"153\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-01-1024x153-1.webp\" class=\"rounded-xl shadow-card border border-hairline\" alt=\"\" srcset=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-01-1024x153-1.webp 1024w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-01-1024x153-1-300x45.webp 300w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-01-1024x153-1-768x115.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"grid items-center gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:gap-14\">\n\t\t\t\t\t\t<div class=\"lg:order-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-[12px] font-bold tracking-[0.14em] text-ink-soft uppercase\">02<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-2 text-[21px] leading-snug font-extrabold text-ink sm:text-[24px]\">Put the shipping threshold where it can influence the buying decision<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 max-w-[58ch] text-[15px] leading-[1.7] text-ink-soft\">Whether customers are browsing, reviewing their bag or completing checkout, place the threshold bar where it best fits your store experience. The bar is not limited to a single fixed location.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"mt-5 space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Product pages, cart and mini-cart<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Checkout, header and promotional areas<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Custom theme locations; placement methods can differ<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lg:order-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"992\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/Shipping-Threshold-02-1-1024x992-1.webp\" class=\"rounded-xl shadow-card border border-hairline\" alt=\"\" srcset=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/Shipping-Threshold-02-1-1024x992-1.webp 1024w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/Shipping-Threshold-02-1-1024x992-1-300x291.webp 300w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/Shipping-Threshold-02-1-1024x992-1-768x744.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"grid items-center gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:gap-14\">\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-[12px] font-bold tracking-[0.14em] text-ink-soft uppercase\">03<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-2 text-[21px] leading-snug font-extrabold text-ink sm:text-[24px]\">Make progress toward the threshold easy to understand<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 max-w-[58ch] text-[15px] leading-[1.7] text-ink-soft\">Pair a horizontal progress indicator with the remaining amount. Customers can see the goal coming closer without needing to interpret a shipping rule.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"mt-5 space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Progress toward a configured goal<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>25%, 50%, 75% and reached-state examples<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Amounts and percentages communicate beyond color<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"793\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/Shipping-Threshold-03-1024x793-1.webp\" class=\"rounded-xl shadow-card border border-hairline\" alt=\"\" srcset=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/Shipping-Threshold-03-1024x793-1.webp 1024w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/Shipping-Threshold-03-1024x793-1-300x232.webp 300w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/Shipping-Threshold-03-1024x793-1-768x595.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"grid items-center gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:gap-14\">\n\t\t\t\t\t\t<div class=\"lg:order-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-[12px] font-bold tracking-[0.14em] text-ink-soft uppercase\">04<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-2 text-[21px] leading-snug font-extrabold text-ink sm:text-[24px]\">Change the message when free shipping is unlocked<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 max-w-[58ch] text-[15px] leading-[1.7] text-ink-soft\">When the cart reaches the threshold, replace the remaining-amount message with a clear confirmation. The incentive has a beginning, progress and a satisfying conclusion.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"mt-5 space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Remaining spend before the goal<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>A clear confirmation once reached<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Keep shipping eligibility visible<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lg:order-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"484\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-04-768x484-1.webp\" class=\"rounded-xl shadow-card border border-hairline\" alt=\"\" srcset=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-04-768x484-1.webp 768w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-04-768x484-1-300x189.webp 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"grid items-center gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:gap-14\">\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-[12px] font-bold tracking-[0.14em] text-ink-soft uppercase\">05<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-2 text-[21px] leading-snug font-extrabold text-ink sm:text-[24px]\">Keep the message aligned with the current cart<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 max-w-[58ch] text-[15px] leading-[1.7] text-ink-soft\">The threshold message reflects the customer\u2019s current cart value. As the basket grows or shrinks, the amount remaining stays relevant to that basket.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"mt-5 space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Add a product \u2192 cart value changes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Remaining spend reflects the cart<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>AJAX refresh support for cart changes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"601\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-05-768x601-1.webp\" class=\"rounded-xl shadow-card border border-hairline\" alt=\"\" srcset=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-05-768x601-1.webp 768w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-05-768x601-1-300x235.webp 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n<section class=\"border-b border-hairline bg-surface-alt\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:py-14\">\n\t\t\t\t\t<h2 class=\"text-[12.5px] font-bold tracking-[0.14em] text-ink-soft uppercase\">\n\t\t\t\tFocused on the shopping journey\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t<ul class=\"mt-5 grid gap-x-8 gap-y-2.5 sm:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Automatic or manual threshold<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Custom message tokens<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>AJAX cart refresh<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Threshold-reached state<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Product\/category exclusions<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Shortcode, block &amp; Elementor<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Colors and theme presets<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Checkout Blocks support<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t<\/div>\n<\/section>\n\n\n<section id=\"how-it-works\" class=\"border-b border-hairline bg-surface-alt\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">How it works<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">From cart value to free-shipping progress<\/h2>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<ol class=\"mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4 lg:gap-3\">\n\t\t\t\t\t\t\t\t\t<li class=\"relative flex\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"pointer-events-none absolute top-9 -right-3 z-10 hidden h-6 w-6 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm lg:flex\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex w-full min-w-0 flex-col rounded-2xl border border-hairline bg-surface shadow-sm\">\n\t\t\t\t\t\t\t<div class=\"flex items-start gap-3 border-b border-hairline p-4 lg:min-h-[148px]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-brand text-[11.5px] font-extrabold text-brand-foreground\">01<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[16px] leading-snug font-bold text-ink\">Set the threshold<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Define the cart value required for your shipping incentive.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"mt-auto flex flex-1 items-start bg-brand\/4 p-3\">\n\t\t\t\t\t\t\t\t<div class=\"w-full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"582\" height=\"284\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-hiw-01.png\" class=\"rounded-xl shadow-card border border-hairline\" alt=\"\" srcset=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-hiw-01.png 582w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-hiw-01-300x146.png 300w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"relative flex\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"pointer-events-none absolute top-9 -right-3 z-10 hidden h-6 w-6 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm lg:flex\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex w-full min-w-0 flex-col rounded-2xl border border-hairline bg-surface shadow-sm\">\n\t\t\t\t\t\t\t<div class=\"flex items-start gap-3 border-b border-hairline p-4 lg:min-h-[148px]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-brand text-[11.5px] font-extrabold text-brand-foreground\">02<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[16px] leading-snug font-bold text-ink\">Choose where to display it<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Place the bar where it makes sense in the customer journey.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"mt-auto flex flex-1 items-start bg-brand\/4 p-3\">\n\t\t\t\t\t\t\t\t<div class=\"w-full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"578\" height=\"286\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-Bar-fhiw-02.png\" class=\"rounded-xl shadow-card border border-hairline\" alt=\"\" srcset=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-Bar-fhiw-02.png 578w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-Bar-fhiw-02-300x148.png 300w\" sizes=\"auto, (max-width: 578px) 100vw, 578px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"relative flex\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"pointer-events-none absolute top-9 -right-3 z-10 hidden h-6 w-6 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm lg:flex\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex w-full min-w-0 flex-col rounded-2xl border border-hairline bg-surface shadow-sm\">\n\t\t\t\t\t\t\t<div class=\"flex items-start gap-3 border-b border-hairline p-4 lg:min-h-[148px]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-brand text-[11.5px] font-extrabold text-brand-foreground\">03<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[16px] leading-snug font-bold text-ink\">Customer builds the cart<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">The progress message reflects the current cart value.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"mt-auto flex flex-1 items-start bg-brand\/4 p-3\">\n\t\t\t\t\t\t\t\t<div class=\"w-full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"234\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-hiw-03.png\" class=\"rounded-xl shadow-card border border-hairline\" alt=\"\" srcset=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-hiw-03.png 530w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-hiw-03-300x132.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"relative flex\">\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex w-full min-w-0 flex-col rounded-2xl border border-hairline bg-surface shadow-sm\">\n\t\t\t\t\t\t\t<div class=\"flex items-start gap-3 border-b border-hairline p-4 lg:min-h-[148px]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-brand text-[11.5px] font-extrabold text-brand-foreground\">04<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[16px] leading-snug font-bold text-ink\">Threshold reached<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Replace the remaining amount with a success state.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"mt-auto flex flex-1 items-start bg-brand\/4 p-3\">\n\t\t\t\t\t\t\t\t<div class=\"w-full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"234\" src=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-hiw-04.png\" class=\"rounded-xl shadow-card border border-hairline\" alt=\"\" srcset=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-hiw-04.png 530w, https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2026\/10\/Shipping-Threshold-hiw-04-300x132.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ol>\n\t\t\t<\/div>\n<\/section>\n\n\n\n<section class=\"border-b border-hairline bg-surface-alt\">\n                        <div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-16\">\n                            <div class=\"max-w-3xl\">\n                                <p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">\n                                    Message states\n                                <\/p>\n                                <h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">\n                                    The right message at every stage of the cart\n                                <\/h2>\n                                <p class=\"mt-4 text-[15.5px] leading-[1.7] text-ink-soft\">\n                                    Illustrative message examples, not fixed plugin defaults. Configure your own\n                                    progress, almost-there and success messages.\n                                <\/p>\n                            <\/div>\n                            <div class=\"mt-8 grid gap-5 sm:grid-cols-2 lg:grid-cols-4\">\n                                <article>\n                                    <p class=\"mb-3 text-[12px] font-bold text-ink-soft\">01 \/ Empty \/ low cart<\/p>\n                                    <div class=\"rounded-md border p-4 border-brand\/20 bg-brand\/5\">\n                                        <p\n                                            aria-live=\"polite\"\n                                            class=\"flex items-start gap-2 text-[14px] leading-relaxed font-bold text-ink\"\n                                        >\n                                            Free shipping available from $75\n                                        <\/p>\n                                        <progress\n                                            aria-label=\"Progress toward free shipping\"\n                                            aria-valuetext=\"0% of $75.00 shipping threshold reached\"\n                                            class=\"threshold-progress mt-3\"\n                                            max=\"75\"\n                                            value=\"0\"\n                                        ><\/progress>\n                                        <div\n                                            class=\"mt-2 flex justify-between gap-3 text-[11px] font-semibold text-ink-soft\"\n                                        >\n                                            <span>$0.00 \/ $75.00<\/span><span>0% reached<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/article>\n                                <article>\n                                    <p class=\"mb-3 text-[12px] font-bold text-ink-soft\">02 \/ In progress<\/p>\n                                    <div class=\"rounded-md border p-4 border-brand\/20 bg-brand\/5\">\n                                        <p\n                                            aria-live=\"polite\"\n                                            class=\"flex items-start gap-2 text-[14px] leading-relaxed font-bold text-ink\"\n                                        >\n                                            You\u2019re $32 away from free shipping\n                                        <\/p>\n                                        <progress\n                                            aria-label=\"Progress toward free shipping\"\n                                            aria-valuetext=\"57% of $75.00 shipping threshold reached\"\n                                            class=\"threshold-progress mt-3\"\n                                            max=\"75\"\n                                            value=\"43\"\n                                        ><\/progress>\n                                        <div\n                                            class=\"mt-2 flex justify-between gap-3 text-[11px] font-semibold text-ink-soft\"\n                                        >\n                                            <span>$43.00 \/ $75.00<\/span><span>57% reached<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/article>\n                                <article>\n                                    <p class=\"mb-3 text-[12px] font-bold text-ink-soft\">03 \/ Almost there<\/p>\n                                    <div class=\"rounded-md border p-4 border-brand\/20 bg-brand\/5\">\n                                        <p\n                                            aria-live=\"polite\"\n                                            class=\"flex items-start gap-2 text-[14px] leading-relaxed font-bold text-ink\"\n                                        >\n                                            Only $8 more for free shipping\n                                        <\/p>\n                                        <progress\n                                            aria-label=\"Progress toward free shipping\"\n                                            aria-valuetext=\"89% of $75.00 shipping threshold reached\"\n                                            class=\"threshold-progress mt-3\"\n                                            max=\"75\"\n                                            value=\"67\"\n                                        ><\/progress>\n                                        <div\n                                            class=\"mt-2 flex justify-between gap-3 text-[11px] font-semibold text-ink-soft\"\n                                        >\n                                            <span>$67.00 \/ $75.00<\/span><span>89% reached<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/article>\n                                <article>\n                                    <p class=\"mb-3 text-[12px] font-bold text-ink-soft\">04 \/ Threshold reached<\/p>\n                                    <div class=\"rounded-md border p-4 threshold-success border-magenta\/30 bg-magenta\/6\">\n                                        <p\n                                            aria-live=\"polite\"\n                                            class=\"flex items-start gap-2 text-[14px] leading-relaxed font-bold text-ink\"\n                                        >\n                                            <svg\n                                                aria-hidden=\"true\"\n                                                class=\"lucide lucide-check mt-1 h-4 w-4 shrink-0 text-magenta\"\n                                                fill=\"none\"\n                                                height=\"24\"\n                                                stroke=\"currentColor\"\n                                                stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"\n                                                stroke-width=\"2\"\n                                                viewbox=\"0 0 24 24\"\n                                                width=\"24\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                            >\n                                                <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg\n                                            >You\u2019ve unlocked free shipping\n                                        <\/p>\n                                        <progress\n                                            aria-label=\"Progress toward free shipping\"\n                                            aria-valuetext=\"100% of $75.00 shipping threshold reached\"\n                                            class=\"threshold-progress mt-3\"\n                                            max=\"75\"\n                                            value=\"75\"\n                                        ><\/progress>\n                                        <div\n                                            class=\"mt-2 flex justify-between gap-3 text-[11px] font-semibold text-ink-soft\"\n                                        >\n                                            <span>$75.00 \/ $75.00<\/span><span>100% reached<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/article>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n\n\n<section class=\"border-b border-hairline bg-surface-alt\" id=\"customization\">\n                        <div\n                            class=\"mx-auto grid max-w-7xl items-center gap-8 px-4 py-12 sm:px-6 lg:grid-cols-2 lg:gap-14 lg:py-16\"\n                        >\n                            <div>\n                                <div class=\"max-w-3xl\">\n                                    <p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">\n                                        Configuration &amp; design\n                                    <\/p>\n                                    <h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">\n                                        Make the threshold bar feel like part of your store\n                                    <\/h2>\n                                    <p class=\"mt-4 text-[15.5px] leading-[1.7] text-ink-soft\">\n                                        Auto-detect your WooCommerce free-shipping threshold or set a manual campaign\n                                        goal. Customize the message and appearance to match the shopping experience.\n                                    <\/p>\n                                <\/div>\n                                <ul class=\"mt-6 space-y-3\">\n                                    <li class=\"flex items-start gap-2 text-[14px] text-ink\">\n                                        <svg\n                                            aria-hidden=\"true\"\n                                            class=\"lucide lucide-check mt-1 h-4 w-4 shrink-0 text-brand\"\n                                            fill=\"none\"\n                                            height=\"24\"\n                                            stroke=\"currentColor\"\n                                            stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"\n                                            stroke-width=\"2\"\n                                            viewbox=\"0 0 24 24\"\n                                            width=\"24\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                        >\n                                            <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg\n                                        >Progress, almost-there and success messages\n                                    <\/li>\n                                    <li class=\"flex items-start gap-2 text-[14px] text-ink\">\n                                        <svg\n                                            aria-hidden=\"true\"\n                                            class=\"lucide lucide-check mt-1 h-4 w-4 shrink-0 text-brand\"\n                                            fill=\"none\"\n                                            height=\"24\"\n                                            stroke=\"currentColor\"\n                                            stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"\n                                            stroke-width=\"2\"\n                                            viewbox=\"0 0 24 24\"\n                                            width=\"24\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                        >\n                                            <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg\n                                        >Tokens: {remaining}, {percent}, {threshold}, {subtotal}\n                                    <\/li>\n                                    <li class=\"flex items-start gap-2 text-[14px] text-ink\">\n                                        <svg\n                                            aria-hidden=\"true\"\n                                            class=\"lucide lucide-check mt-1 h-4 w-4 shrink-0 text-brand\"\n                                            fill=\"none\"\n                                            height=\"24\"\n                                            stroke=\"currentColor\"\n                                            stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"\n                                            stroke-width=\"2\"\n                                            viewbox=\"0 0 24 24\"\n                                            width=\"24\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                        >\n                                            <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg\n                                        >Bar, track, background and text colors\n                                    <\/li>\n                                    <li class=\"flex items-start gap-2 text-[14px] text-ink\">\n                                        <svg\n                                            aria-hidden=\"true\"\n                                            class=\"lucide lucide-check mt-1 h-4 w-4 shrink-0 text-brand\"\n                                            fill=\"none\"\n                                            height=\"24\"\n                                            stroke=\"currentColor\"\n                                            stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"\n                                            stroke-width=\"2\"\n                                            viewbox=\"0 0 24 24\"\n                                            width=\"24\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                        >\n                                            <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg\n                                        >Bar height, font size, radius and theme presets\n                                    <\/li>\n                                    <li class=\"flex items-start gap-2 text-[14px] text-ink\">\n                                        <svg\n                                            aria-hidden=\"true\"\n                                            class=\"lucide lucide-check mt-1 h-4 w-4 shrink-0 text-brand\"\n                                            fill=\"none\"\n                                            height=\"24\"\n                                            stroke=\"currentColor\"\n                                            stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"\n                                            stroke-width=\"2\"\n                                            viewbox=\"0 0 24 24\"\n                                            width=\"24\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                        >\n                                            <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg\n                                        >Shortcode, Gutenberg block and Elementor widget\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                            <div class=\"rounded-lg border border-hairline bg-surface p-5 shadow-card\">\n                                <p class=\"text-[15px] font-bold text-ink\">Shipping threshold<\/p>\n                                <label class=\"mt-5 block text-[13px] font-semibold text-ink-soft\" for=\"threshold-goal\"\n                                    >Example goal<\/label\n                                >\n                                <div class=\"mt-2 flex gap-3\">\n                                    <span class=\"flex h-11 items-center text-ink\">$<\/span\n                                    ><input\n                                        class=\"h-11 w-full rounded-md border border-hairline bg-surface px-3 font-bold text-ink export-style-871bc50d\"\n                                        id=\"threshold-goal\"\n                                        max=\"500\"\n                                        min=\"10\"\n                                        step=\"5\"\n                                        type=\"number\"\n                                        value=\"75\"\n                                    \/>\n                                <\/div>\n                                <div class=\"mt-5\">\n                                    <div class=\"rounded-md border p-4 border-brand\/20 bg-brand\/5\">\n                                        <p\n                                            aria-live=\"polite\"\n                                            class=\"flex items-start gap-2 text-[14px] leading-relaxed font-bold text-ink\"\n                                        >\n                                            You\u2019re $18.00 away from FREE SHIPPING\n                                        <\/p>\n                                        <progress\n                                            aria-label=\"Progress toward free shipping\"\n                                            aria-valuetext=\"76% of $75.00 shipping threshold reached\"\n                                            class=\"threshold-progress mt-3\"\n                                            max=\"75\"\n                                            value=\"57\"\n                                        ><\/progress>\n                                        <div\n                                            class=\"mt-2 flex justify-between gap-3 text-[11px] font-semibold text-ink-soft\"\n                                        >\n                                            <span>$57.00 \/ $75.00<\/span><span>76% reached<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <p class=\"mt-4 text-[11px] text-ink-soft\">\n                                    Illustrative settings \u00b7 not the plugin\u2019s administration screen.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n\n\n<section class=\"border-b border-hairline\" id=\"use-cases\">\n                        <div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-16\">\n                            <div class=\"max-w-3xl\">\n                                <p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">Use cases<\/p>\n                                <h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">\n                                    A simple incentive for different WooCommerce stores\n                                <\/h2>\n                            <\/div>\n                            <div aria-label=\"Store use cases\" class=\"mt-7 flex flex-wrap gap-2\" role=\"tablist\">\n                                <button\n                                    aria-controls=\"threshold-panel-0\"\n                                    aria-selected=\"true\"\n                                    class=\"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary\/90 px-4 h-auto min-h-11 whitespace-normal py-2\"\n                                    id=\"threshold-tab-0\"\n                                    role=\"tab\"\n                                    tabindex=\"0\"\n                                >\n                                    Fashion &amp; Apparel<\/button\n                                ><button\n                                    aria-controls=\"threshold-panel-1\"\n                                    aria-selected=\"false\"\n                                    class=\"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground px-4 h-auto min-h-11 whitespace-normal py-2\"\n                                    id=\"threshold-tab-1\"\n                                    role=\"tab\"\n                                    tabindex=\"-1\"\n                                >\n                                    Beauty &amp; Personal Care<\/button\n                                ><button\n                                    aria-controls=\"threshold-panel-2\"\n                                    aria-selected=\"false\"\n                                    class=\"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground px-4 h-auto min-h-11 whitespace-normal py-2\"\n                                    id=\"threshold-tab-2\"\n                                    role=\"tab\"\n                                    tabindex=\"-1\"\n                                >\n                                    Food &amp; Specialty<\/button\n                                ><button\n                                    aria-controls=\"threshold-panel-3\"\n                                    aria-selected=\"false\"\n                                    class=\"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground px-4 h-auto min-h-11 whitespace-normal py-2\"\n                                    id=\"threshold-tab-3\"\n                                    role=\"tab\"\n                                    tabindex=\"-1\"\n                                >\n                                    Home &amp; Lifestyle<\/button\n                                ><button\n                                    aria-controls=\"threshold-panel-4\"\n                                    aria-selected=\"false\"\n                                    class=\"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground px-4 h-auto min-h-11 whitespace-normal py-2\"\n                                    id=\"threshold-tab-4\"\n                                    role=\"tab\"\n                                    tabindex=\"-1\"\n                                >\n                                    General Stores\n                                <\/button>\n                            <\/div>\n                            <div\n                                aria-labelledby=\"threshold-tab-0\"\n                                class=\"mt-8 grid gap-8 border-t border-hairline pt-7 lg:grid-cols-2\"\n                                id=\"threshold-panel-0\"\n                                role=\"tabpanel\"\n                            >\n                                <div>\n                                    <h3 class=\"text-[23px] font-extrabold text-ink\">\n                                        Give a nearly complete basket a clear next step\n                                    <\/h3>\n                                    <p class=\"mt-3 text-[15px] leading-relaxed text-ink-soft\">\n                                        Encourage shoppers who are close to the threshold to consider another item.\n                                    <\/p>\n                                    <div class=\"mt-6\">\n                                        <div class=\"rounded-md border p-4 border-brand\/20 bg-brand\/5\">\n                                            <p\n                                                aria-live=\"polite\"\n                                                class=\"flex items-start gap-2 text-[14px] leading-relaxed font-bold text-ink\"\n                                            >\n                                                You\u2019re $18.00 away from FREE SHIPPING\n                                            <\/p>\n                                            <progress\n                                                aria-label=\"Progress toward free shipping\"\n                                                aria-valuetext=\"76% of $75.00 shipping threshold reached\"\n                                                class=\"threshold-progress mt-3\"\n                                                max=\"75\"\n                                                value=\"57\"\n                                            ><\/progress>\n                                            <div\n                                                class=\"mt-2 flex justify-between gap-3 text-[11px] font-semibold text-ink-soft\"\n                                            >\n                                                <span>$57.00 \/ $75.00<\/span><span>76% reached<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <ol class=\"space-y-4\">\n                                    <li class=\"flex items-start gap-3 text-[14px] text-ink\">\n                                        <span\n                                            class=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline text-[12px] font-bold text-brand\"\n                                            >1<\/span\n                                        ><span class=\"pt-1\">Shop a favorite item<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start gap-3 text-[14px] text-ink\">\n                                        <span\n                                            class=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline text-[12px] font-bold text-brand\"\n                                            >2<\/span\n                                        ><span class=\"pt-1\">See the remaining spend<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start gap-3 text-[14px] text-ink\">\n                                        <span\n                                            class=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline text-[12px] font-bold text-brand\"\n                                            >3<\/span\n                                        ><span class=\"pt-1\">Consider a complementary accessory<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start gap-3 text-[14px] text-ink\">\n                                        <span\n                                            class=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline text-[12px] font-bold text-brand\"\n                                            >4<\/span\n                                        ><span class=\"pt-1\">Reach the free-shipping threshold<\/span>\n                                    <\/li>\n                                <\/ol>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n\n<section class=\"border-b border-hairline bg-surface-alt\" id=\"compatibility\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-11 sm:px-6 lg:py-16\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">Compatibility<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">Built for modern WooCommerce storefronts<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<dl class=\"mt-7 grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">WooCommerce Checkout Blocks<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">Compatible<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">WooCommerce Cart Blocks<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">Compatible<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">HPOS<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">Compatible<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">WooCommerce<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">Compatible<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">Display locations<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">Flexible \/ configurable<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">WordPress tested version<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">See current product metadata<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">WooCommerce tested version<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">See current product metadata<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">PHP requirement<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">See current product metadata<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/dl>\n\t\t\t\t\n\t\t\t\t\t<p class=\"mt-5 text-[12.5px] text-ink-soft italic\">Checkout Blocks, Cart Blocks and HPOS support are explicitly listed in the current WordPress.org description. Mini-Cart Blocks support is not separately claimed.<\/p>\n\t\t\t<\/div>\n<\/section>\n\n\n\n<section class=\"border-b border-hairline bg-surface-alt\" id=\"pricing\">\n                        <div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-16\">\n                            <div class=\"max-w-3xl\">\n                                <p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">\n                                    Availability\n                                <\/p>\n                                <h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">\n                                    Start with the current free plugin\n                                <\/h2>\n                                <p class=\"mt-4 text-[15.5px] leading-[1.7] text-ink-soft\">\n                                    Shipping Threshold Bar is currently available on WordPress.org. A paid license or\n                                    verified purchase destination has not been confirmed.\n                                <\/p>\n                            <\/div>\n                            <div class=\"mt-8 grid max-w-4xl gap-8 md:grid-cols-2\">\n                                <article class=\"rounded-lg border border-brand\/30 bg-surface p-6 shadow-card\">\n                                    <p class=\"text-[13px] font-bold text-brand\">WordPress.org release<\/p>\n                                    <h3 class=\"mt-4 text-[36px] font-extrabold text-ink\">Free<\/h3>\n                                    <p class=\"mt-3 text-[14px] leading-relaxed text-ink-soft\">\n                                        Install the current repository release for your WooCommerce store.\n                                    <\/p>\n                                    <ul class=\"mt-6 space-y-3 border-t border-hairline pt-5\">\n                                        <li class=\"flex items-start gap-2 text-[13px] text-ink\">\n                                            <svg\n                                                aria-hidden=\"true\"\n                                                class=\"lucide lucide-check h-4 w-4 shrink-0 text-brand\"\n                                                fill=\"none\"\n                                                height=\"24\"\n                                                stroke=\"currentColor\"\n                                                stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"\n                                                stroke-width=\"2\"\n                                                viewbox=\"0 0 24 24\"\n                                                width=\"24\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                            >\n                                                <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg\n                                            >Shipping progress and success messages\n                                        <\/li>\n                                        <li class=\"flex items-start gap-2 text-[13px] text-ink\">\n                                            <svg\n                                                aria-hidden=\"true\"\n                                                class=\"lucide lucide-check h-4 w-4 shrink-0 text-brand\"\n                                                fill=\"none\"\n                                                height=\"24\"\n                                                stroke=\"currentColor\"\n                                                stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"\n                                                stroke-width=\"2\"\n                                                viewbox=\"0 0 24 24\"\n                                                width=\"24\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                            >\n                                                <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg\n                                            >Flexible placements and customization\n                                        <\/li>\n                                        <li class=\"flex items-start gap-2 text-[13px] text-ink\">\n                                            <svg\n                                                aria-hidden=\"true\"\n                                                class=\"lucide lucide-check h-4 w-4 shrink-0 text-brand\"\n                                                fill=\"none\"\n                                                height=\"24\"\n                                                stroke=\"currentColor\"\n                                                stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"\n                                                stroke-width=\"2\"\n                                                viewbox=\"0 0 24 24\"\n                                                width=\"24\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                            >\n                                                <path d=\"M20 6 9 17l-5-5\"><\/path><\/svg\n                                            >Checkout Blocks and Cart Blocks support\n                                        <\/li>\n                                    <\/ul>\n                                    <a\n                                        class=\"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary\/90 mt-6 h-auto min-h-12 whitespace-normal px-4 py-3\"\n                                        href=\"https:\/\/wordpress.org\/plugins\/shipping-threshold-bar\/\"\n                                        >Get Shipping Threshold Bar<svg\n                                            aria-hidden=\"true\"\n                                            class=\"lucide lucide-arrow-right\"\n                                            fill=\"none\"\n                                            height=\"24\"\n                                            stroke=\"currentColor\"\n                                            stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"\n                                            stroke-width=\"2\"\n                                            viewbox=\"0 0 24 24\"\n                                            width=\"24\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                        >\n                                            <path d=\"M5 12h14\"><\/path>\n                                            <path d=\"m12 5 7 7-7 7\"><\/path><\/svg\n                                    ><\/a>\n                                <\/article>\n                                <div class=\"border-t border-hairline pt-6\">\n                                    <h3 class=\"text-[20px] font-extrabold text-ink\">Looking to buy a license?<\/h3>\n                                    <p class=\"mt-4 text-[14px] leading-relaxed text-ink-soft\">\n                                        Paid pricing, site limits, annual or lifetime terms, premium support and renewal\n                                        conditions are awaiting confirmation. No payment is collected on this page.\n                                    <\/p>\n                                    <a\n                                        class=\"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground px-4 py-2 mt-6 h-auto min-h-12 whitespace-normal\"\n                                        href=\"https:\/\/imaginate-solutions.com\/plugins\/\"\n                                        >Check current product availability<svg\n                                            aria-hidden=\"true\"\n                                            class=\"lucide lucide-arrow-right\"\n                                            fill=\"none\"\n                                            height=\"24\"\n                                            stroke=\"currentColor\"\n                                            stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"\n                                            stroke-width=\"2\"\n                                            viewbox=\"0 0 24 24\"\n                                            width=\"24\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                        >\n                                            <path d=\"M5 12h14\"><\/path>\n                                            <path d=\"m12 5 7 7-7 7\"><\/path><\/svg\n                                    ><\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n\n\n<section class=\"border-b border-hairline\" id=\"reviews\">\n                        <div class=\"mx-auto max-w-7xl px-4 py-10 sm:px-6\">\n                            <div class=\"max-w-3xl\">\n                                <p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">\n                                    Customer proof\n                                <\/p>\n                                <h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">\n                                    Customer stories will follow the product\n                                <\/h2>\n                                <p class=\"mt-4 text-[15.5px] leading-[1.7] text-ink-soft\">\n                                    The current WordPress.org listing has no customer reviews yet. No ratings or\n                                    commercial results are claimed here.\n                                <\/p>\n                            <\/div>\n                            <a\n                                class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary underline-offset-4 hover:underline mt-4 h-auto p-0\"\n                                href=\"https:\/\/wordpress.org\/plugins\/shipping-threshold-bar\/#reviews\"\n                                >Read current product reviews<svg\n                                    aria-hidden=\"true\"\n                                    class=\"lucide lucide-arrow-right\"\n                                    fill=\"none\"\n                                    height=\"24\"\n                                    stroke=\"currentColor\"\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\n                                    stroke-width=\"2\"\n                                    viewbox=\"0 0 24 24\"\n                                    width=\"24\"\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                >\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"m12 5 7 7-7 7\"><\/path><\/svg\n                            ><\/a>\n                        <\/div>\n                    <\/section>\n\n\n\n<section class=\"border-b border-hairline\">\n                        <div class=\"mx-auto flex max-w-7xl items-start gap-4 px-4 py-10 sm:px-6\">\n                            <svg\n                                aria-hidden=\"true\"\n                                class=\"lucide lucide-shield-check h-8 w-8 shrink-0 text-brand\"\n                                fill=\"none\"\n                                height=\"24\"\n                                stroke=\"currentColor\"\n                                stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\"\n                                stroke-width=\"2\"\n                                viewbox=\"0 0 24 24\"\n                                width=\"24\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            >\n                                <path\n                                    d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\n                                ><\/path>\n                                <path d=\"m9 12 2 2 4-4\"><\/path>\n                            <\/svg>\n                            <div>\n                                <h2 class=\"text-[19px] font-bold text-ink\">Start without a paid license<\/h2>\n                                <p class=\"mt-2 text-[14px] leading-relaxed text-ink-soft\">\n                                    The current repository release is free. For any future paid option, confirm the\n                                    product\u2019s license, support and refund terms before purchase.\n                                <\/p>\n                                <a\n                                    class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary underline-offset-4 hover:underline mt-3 h-auto p-0\"\n                                    href=\"https:\/\/imaginate-solutions.com\/terms-and-conditions\/\"\n                                    >Read purchase and refund policy<svg\n                                        aria-hidden=\"true\"\n                                        class=\"lucide lucide-arrow-right\"\n                                        fill=\"none\"\n                                        height=\"24\"\n                                        stroke=\"currentColor\"\n                                        stroke-linecap=\"round\"\n                                        stroke-linejoin=\"round\"\n                                        stroke-width=\"2\"\n                                        viewbox=\"0 0 24 24\"\n                                        width=\"24\"\n                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                    >\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"m12 5 7 7-7 7\"><\/path><\/svg\n                                ><\/a>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n\n\n<section class=\"border-b border-hairline\" id=\"documentation\">\n                        <div class=\"mx-auto max-w-7xl px-4 py-10 sm:px-6\">\n                            <div class=\"max-w-3xl\">\n                                <p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">\n                                    Product resources\n                                <\/p>\n                                <h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">\n                                    Documentation &amp; release information\n                                <\/h2>\n                            <\/div>\n                            <div class=\"mt-5 flex flex-wrap gap-5\">\n                                <a\n                                    class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary underline-offset-4 hover:underline h-auto p-0\"\n                                    href=\"https:\/\/wordpress.org\/plugins\/shipping-threshold-bar\/#description\"\n                                    >Features &amp; setup information<svg\n                                        aria-hidden=\"true\"\n                                        class=\"lucide lucide-arrow-right\"\n                                        fill=\"none\"\n                                        height=\"24\"\n                                        stroke=\"currentColor\"\n                                        stroke-linecap=\"round\"\n                                        stroke-linejoin=\"round\"\n                                        stroke-width=\"2\"\n                                        viewbox=\"0 0 24 24\"\n                                        width=\"24\"\n                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                    >\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/a\n                                ><a\n                                    class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary underline-offset-4 hover:underline h-auto p-0\"\n                                    href=\"https:\/\/wordpress.org\/plugins\/shipping-threshold-bar\/#developers\"\n                                    >Changelog &amp; current metadata<svg\n                                        aria-hidden=\"true\"\n                                        class=\"lucide lucide-arrow-right\"\n                                        fill=\"none\"\n                                        height=\"24\"\n                                        stroke=\"currentColor\"\n                                        stroke-linecap=\"round\"\n                                        stroke-linejoin=\"round\"\n                                        stroke-width=\"2\"\n                                        viewbox=\"0 0 24 24\"\n                                        width=\"24\"\n                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                    >\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"m12 5 7 7-7 7\"><\/path><\/svg\n                                ><\/a>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n\n<section id=\"faq\" class=\"border-b border-hairline bg-surface-alt\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">FAQ<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">Shipping Threshold Bar questions, answered<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"mt-9 grid gap-3 lg:grid-cols-2 lg:gap-x-6\">\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tWhat is Shipping Threshold Bar for WooCommerce?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">It shows cart progress toward a configured shipping threshold, the amount still needed and a success message when the threshold is reached.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tHow does the progress calculation work?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">The current cart value is compared with the configured goal. For example, a $57 cart toward a $75 goal has $18 remaining. Values here are illustrative.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tCan I choose the shipping threshold?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes. Auto-detect the free-shipping threshold from WooCommerce shipping methods or set a manual threshold for a campaign. Keep your shipping eligibility rules aligned with the goal.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tDoes the amount change when the cart changes?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes. AJAX refresh support keeps the bar aligned with cart changes.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tWhat happens when the threshold is reached?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">The remaining-amount message is replaced with a success state confirming that the shipping goal has been reached.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tWhere can the bar be displayed?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Across product pages, cart, mini-cart, checkout, header or promotional areas, and custom store locations. Setup can differ by location and theme.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tDoes it work with WooCommerce Checkout Blocks?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes. The plugin supports WooCommerce Block Checkout. The current product listing also confirms Cart Blocks support. Mini-Cart Blocks support is not separately claimed.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tCan I show the message in more than one location?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Flexible placement lets you keep the incentive visible across the buying journey. Confirm the setup for your chosen combination of theme locations in the product documentation.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tDoes it work with WooCommerce free shipping?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">It communicates progress toward a configured shipping incentive, such as free shipping. It is not a shipping-rate calculator; your shipping eligibility rules still determine the actual method available.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tDoes it guarantee larger baskets or higher conversion?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">No. It makes the incentive clearer and can encourage customers to consider another useful product. Commercial outcomes depend on your store and customers.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tCan I customize messages or appearance?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes. Customize progress, almost-there and success messages with tokens for remaining spend, percent, threshold and subtotal. Bar, track, text and background colors, sizing and theme presets are supported.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tDoes it work with different currencies?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Dollar amounts on this page are examples, not a currency requirement. Check the product documentation for your store currency and any multi-currency integration.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tWhat support and updates are included?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Use the current product purchase page to confirm the site limit, license term, support, updates and renewal terms for your selected option.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tWhat is the refund policy?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Check the current product purchase terms and Imaginate Solutions refund policy. No product-specific refund duration is claimed without confirmation.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n<section id=\"technical\" class=\"border-b border-hairline\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:py-14\">\n\t\t\t\t\t<h2 class=\"text-[12.5px] font-bold tracking-[0.14em] text-ink-soft uppercase\">Technical information<\/h2>\n\t\t\t\t\n\t\t\t\t\t<dl class=\"mt-5 grid gap-x-8 gap-y-3 sm:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">Current version<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">See current release information<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">Last updated<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">See current changelog<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">WordPress tested up to <\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">See current product metadata<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">WooCommerce tested up to <\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">See current product metadata<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">PHP requirement <\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">See current product metadata<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">Checkout Blocks compatibility <\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">Compatible<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/dl>\n\t\t\t\t\n\t\t\t\t\t<div class=\"mt-6 flex flex-wrap gap-x-6 gap-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand hover:underline\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\t\tDocumentation\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand hover:underline\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\t\tChangelog\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t<p class=\"mt-4 text-[12px] text-ink-soft italic\">Release values are linked to current product information rather than shown as a simulated live feed.<\/p>\n\t\t\t<\/div>\n<\/section>\n\n\n<section class=\"border-b border-hairline bg-surface-alt\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-11 sm:px-6 lg:py-16\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">Related<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">More WooCommerce tools from Imaginate Solutions<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"mt-8 grid gap-5 lg:grid-cols-3\">\n\t\t\t\t\t\t\t\t\t<article class=\"flex items-start gap-4 rounded-xl border bg-surface p-5 transition-colors hover:border-brand\/30 border-brand\/30 shadow-card\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-brand\/10 text-brand\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"h-5 w-5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewBox=\"0 0 24 24\">\r\n                                            <path d=\"M3 7h10v9H3zM13 10h4l3 3v3h-7z\"><\/path>\r\n                                            <circle cx=\"7\" cy=\"18\" r=\"1.6\"><\/circle>\r\n                                            <circle cx=\"17\" cy=\"18\" r=\"1.6\"><\/circle><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-1.5 inline-flex rounded bg-brand\/10 px-2 py-0.5 text-[10.5px] font-bold tracking-[0.06em] text-brand uppercase\">Shipping calculations + visible incentives<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h3 class=\"text-[15.5px] leading-snug font-bold text-ink\">Custom Shipping Methods for WooCommerce<\/h3>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Calculate shipping using business rules. Threshold Bar communicates the goal; it does not calculate shipping rates.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"mt-3 inline-flex items-center gap-1.5 text-[13px] font-semibold text-brand hover:underline\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\t\t\t\tView Plugin\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t<article class=\"flex items-start gap-4 rounded-xl border bg-surface p-5 transition-colors hover:border-brand\/30 border-hairline\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-brand\/10 text-brand\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"h-5 w-5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewBox=\"0 0 24 24\">\r\n                                            <rect height=\"14\" rx=\"2\" width=\"18\" x=\"3\" y=\"5\"><\/rect>\r\n                                            <path d=\"M3 10h18M7 15h4\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h3 class=\"text-[15.5px] leading-snug font-bold text-ink\">Custom Payment Gateways for WooCommerce<\/h3>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Offer custom payment methods suited to your checkout workflow.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"mt-3 inline-flex items-center gap-1.5 text-[13px] font-semibold text-brand hover:underline\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\t\t\t\tView Plugin\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t<article class=\"flex items-start gap-4 rounded-xl border bg-surface p-5 transition-colors hover:border-brand\/30 border-hairline\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-brand\/10 text-brand\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"h-5 w-5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewBox=\"0 0 24 24\">\r\n                                            <path d=\"M12 16V6m0 0 3.5 3.5M12 6 8.5 9.5\"><\/path>\r\n                                            <path d=\"M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h3 class=\"text-[15.5px] leading-snug font-bold text-ink\">File Uploads Addon for WooCommerce<\/h3>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Collect customer files alongside the products that need them.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"mt-3 inline-flex items-center gap-1.5 text-[13px] font-semibold text-brand hover:underline\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\t\t\t\tView Plugin\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n<section class=\"relative overflow-hidden border-b border-hairline\">\n\t<div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 bg-gradient-to-br from-brand\/8 via-surface to-magenta\/6\"><\/div>\n\t<div class=\"relative mx-auto max-w-3xl px-4 py-12 text-center sm:px-6 lg:py-20\">\n\t\t\t\t\t<h2 class=\"text-[27px] leading-tight font-extrabold text-ink sm:text-[36px]\">Make your free-shipping goal visible before checkout<\/h2>\n\t\t\t\t\n\t\t\t\t\t<p class=\"mx-auto mt-4 max-w-[58ch] text-[16px] leading-[1.7] text-ink-soft\">Show customers how close they are to free shipping \u2014 wherever they are in the WooCommerce buying journey.<\/p>\n\t\t\t\t\n\t\t\t\t\t<div class=\"mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row\">\n\t\t\t\t\t\t\t\t\t<a class=\"inline-flex w-full items-center justify-center gap-2 rounded-lg px-6 py-3.5 text-[15px] font-semibold transition-colors sm:w-auto bg-brand text-brand-foreground hover:bg-brand-deep\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\tBuy Shipping Threshold Bar\t\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<a class=\"inline-flex w-full items-center justify-center gap-2 rounded-lg px-6 py-3.5 text-[15px] font-semibold transition-colors sm:w-auto border border-brand\/30 bg-surface text-brand hover:bg-brand\/8\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\tView Documentation\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Shipping Threshold Bar Overview How It Works Display Use Cases Pricing FAQ Jump to sectionOverviewHow It WorksDisplayUse CasesPricingFAQ Buy Now WooCommerce Cart &amp; Shipping Plugin Shipping Threshold Barfor WooCommerce Show customers how close they are to free shipping Display a clear progress message showing how much more customers need to spend \u2014 and celebrate when [&hellip;]<\/p>\n","protected":false},"author":383,"featured_media":0,"template":"","edd-categories":[],"edd-tags":[],"class_list":["post-8418","download","type-download","status-publish","hentry","edd-download"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Shipping Threshold Bar for WooCommerce - Imaginate Solutions<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shipping Threshold Bar for WooCommerce - Imaginate Solutions\" \/>\n<meta property=\"og:description\" content=\"Shipping Threshold Bar Overview How It Works Display Use Cases Pricing FAQ Jump to sectionOverviewHow It WorksDisplayUse CasesPricingFAQ Buy Now WooCommerce Cart &amp; Shipping Plugin Shipping Threshold Barfor WooCommerce Show customers how close they are to free shipping Display a clear progress message showing how much more customers need to spend \u2014 and celebrate when [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Imaginate Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-12T08:35:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/threshold-icon.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/shipping-threshold-bar-for-woocommerce\\\/\",\"url\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/shipping-threshold-bar-for-woocommerce\\\/\",\"name\":\"Shipping Threshold Bar for WooCommerce - Imaginate Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/shipping-threshold-bar-for-woocommerce\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/shipping-threshold-bar-for-woocommerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/threshold-icon.png\",\"datePublished\":\"2026-10-09T17:43:30+00:00\",\"dateModified\":\"2026-10-12T08:35:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/shipping-threshold-bar-for-woocommerce\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/shipping-threshold-bar-for-woocommerce\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/shipping-threshold-bar-for-woocommerce\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/threshold-icon.png\",\"contentUrl\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/threshold-icon.png\",\"width\":256,\"height\":256},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/shipping-threshold-bar-for-woocommerce\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Downloads\",\"item\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Shipping Threshold Bar for WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/#website\",\"url\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/\",\"name\":\"Imaginate Solutions\",\"description\":\"Complete Web Solution for you\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shipping Threshold Bar for WooCommerce - Imaginate Solutions","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Shipping Threshold Bar for WooCommerce - Imaginate Solutions","og_description":"Shipping Threshold Bar Overview How It Works Display Use Cases Pricing FAQ Jump to sectionOverviewHow It WorksDisplayUse CasesPricingFAQ Buy Now WooCommerce Cart &amp; Shipping Plugin Shipping Threshold Barfor WooCommerce Show customers how close they are to free shipping Display a clear progress message showing how much more customers need to spend \u2014 and celebrate when [&hellip;]","og_url":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/","og_site_name":"Imaginate Solutions","article_modified_time":"2026-10-12T08:35:15+00:00","og_image":[{"url":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/threshold-icon.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/","url":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/","name":"Shipping Threshold Bar for WooCommerce - Imaginate Solutions","isPartOf":{"@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/threshold-icon.png","datePublished":"2026-10-09T17:43:30+00:00","dateModified":"2026-10-12T08:35:15+00:00","breadcrumb":{"@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/#primaryimage","url":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/threshold-icon.png","contentUrl":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/2026\/10\/threshold-icon.png","width":256,"height":256},{"@type":"BreadcrumbList","@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/shipping-threshold-bar-for-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/"},{"@type":"ListItem","position":2,"name":"Downloads","item":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/"},{"@type":"ListItem","position":3,"name":"Shipping Threshold Bar for WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/#website","url":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/","name":"Imaginate Solutions","description":"Complete Web Solution for you","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-downloads\/8418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-downloads"}],"about":[{"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/types\/download"}],"author":[{"embeddable":true,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/users\/383"}],"version-history":[{"count":20,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-downloads\/8418\/revisions"}],"predecessor-version":[{"id":8609,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-downloads\/8418\/revisions\/8609"}],"wp:attachment":[{"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/media?parent=8418"}],"wp:term":[{"taxonomy":"download_category","embeddable":true,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-categories?post=8418"},{"taxonomy":"download_tag","embeddable":true,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-tags?post=8418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}