{"id":789,"date":"2026-04-14T04:25:49","date_gmt":"2026-04-14T04:25:49","guid":{"rendered":"https:\/\/demo.kubelio.com\/main\/?page_id=471"},"modified":"2026-07-22T22:35:46","modified_gmt":"2026-07-22T22:35:46","slug":"order-tracking","status":"publish","type":"page","link":"https:\/\/brookeblaze.com\/es\/order-tracking\/","title":{"rendered":"Order Tracking"},"content":{"rendered":"\n<h3 class=\"wp-block-heading has-text-align-center\"><strong>Try the Order Tracking Feature<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To explore the Order Tracking feature, feel free to use the sample details below:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Order ID:<\/strong> 47409<br><strong>Email:<\/strong> <a>bruce.wayne@example.com<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This demo information is provided for testing purposes, so you can see how the tracking system works before using your own order details.<\/p>\n\n\n<div class=\"woocommerce\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" style=\"padding-top:var(--wp--preset--spacing--50)\">Already have your Shipping Tracking Number?<\/h3>\n\n\n\n<!--\n  BROOKE BLAZE MULTI-CARRIER TRACKING FORM FOR WORDPRESS\n  Paste this entire snippet into a WordPress \"Custom HTML\" block.\n\n  The form sends the tracking number directly to the selected carrier in a new tab.\n  No API key, WordPress plugin, or customer-data storage is required.\n-->\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\");\n\n  .bb-tracking,\n  .bb-tracking * {\n    box-sizing: border-box;\n  }\n\n  .bb-tracking {\n    --bb-rich-black: #111111;\n    --bb-brooke-teal: #448a85;\n    --bb-ultramarine: #0c656e;\n    --bb-pristine-blue: #9ec6c6;\n    --bb-ivory-sand: #f7f4ef;\n    --bb-warm-linen: #efebdd;\n    --bb-soft-stone: #d7d2cb;\n    --bb-antique-gold: #b88a38;\n    --bb-muted-ink: rgba(17, 17, 17, 0.68);\n\n    background:\n      radial-gradient(circle at 92% 10%, rgba(158, 198, 198, 0.5), transparent 22rem),\n      var(--bb-warm-linen);\n    color: var(--bb-rich-black);\n    font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n    line-height: 1.6;\n    margin: 0;\n    padding: clamp(2.5rem, 7vw, 5.5rem) 1.25rem;\n    width: 100%;\n  }\n\n  .bb-tracking__layout {\n    align-items: center;\n    display: grid;\n    gap: clamp(2rem, 6vw, 5rem);\n    grid-template-columns: minmax(240px, 0.85fr) minmax(320px, 1.15fr);\n    margin: 0 auto;\n    max-width: 1080px;\n  }\n\n  .bb-tracking__eyebrow {\n    color: var(--bb-antique-gold);\n    font-size: 0.72rem;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    margin: 0 0 1rem;\n    text-transform: uppercase;\n  }\n\n  .bb-tracking h2 {\n    color: var(--bb-rich-black);\n    font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n    font-size: clamp(2.7rem, 6vw, 4.8rem);\n    font-weight: 400;\n    letter-spacing: -0.05em;\n    line-height: 1;\n    margin: 0 0 1.25rem;\n  }\n\n  .bb-tracking__intro {\n    color: var(--bb-muted-ink);\n    font-size: 1.02rem;\n    margin: 0;\n    max-width: 420px;\n  }\n\n  .bb-tracking__card {\n    background: var(--bb-ivory-sand);\n    border: 1px solid var(--bb-soft-stone);\n    box-shadow: 0 24px 70px rgba(17, 17, 17, 0.08);\n    padding: clamp(1.5rem, 4vw, 3rem);\n  }\n\n  .bb-tracking__label {\n    color: var(--bb-rich-black);\n    display: block;\n    font-size: 0.76rem;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    margin-bottom: 0.55rem;\n    text-transform: uppercase;\n  }\n\n  .bb-tracking__fields {\n    display: grid;\n    gap: 0.8rem;\n    grid-template-columns: minmax(0, 1fr) auto;\n  }\n\n  .bb-tracking__carrier-field {\n    margin-bottom: 1rem;\n  }\n\n  .bb-tracking__input,\n  .bb-tracking__select {\n    appearance: none;\n    background: #ffffff;\n    border: 1px solid var(--bb-soft-stone);\n    border-radius: 0;\n    color: var(--bb-rich-black);\n    font: inherit;\n    font-size: 1rem;\n    min-height: 3.4rem;\n    padding: 0.8rem 1rem;\n    text-transform: uppercase;\n    width: 100%;\n  }\n\n  .bb-tracking__select {\n    background-image:\n      linear-gradient(45deg, transparent 50%, var(--bb-rich-black) 50%),\n      linear-gradient(135deg, var(--bb-rich-black) 50%, transparent 50%);\n    background-position:\n      calc(100% - 18px) calc(50% - 2px),\n      calc(100% - 13px) calc(50% - 2px);\n    background-repeat: no-repeat;\n    background-size: 5px 5px, 5px 5px;\n    padding-right: 2.75rem;\n    text-transform: none;\n  }\n\n  .bb-tracking__input::placeholder {\n    color: rgba(17, 17, 17, 0.46);\n    text-transform: none;\n  }\n\n  .bb-tracking__button {\n    background: var(--bb-brooke-teal);\n    border: 1px solid var(--bb-brooke-teal);\n    border-radius: 0;\n    color: var(--bb-ivory-sand);\n    cursor: pointer;\n    font: inherit;\n    font-size: 0.76rem;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    min-height: 3.4rem;\n    padding: 0.8rem 1.5rem;\n    text-transform: uppercase;\n    transition: background 160ms ease, color 160ms ease, transform 160ms ease;\n    white-space: nowrap;\n  }\n\n  .bb-tracking__button:hover {\n    background: var(--bb-rich-black);\n    border-color: var(--bb-rich-black);\n    color: var(--bb-ivory-sand);\n    transform: translateY(-2px);\n  }\n\n  .bb-tracking__input:focus-visible,\n  .bb-tracking__select:focus-visible,\n  .bb-tracking__button:focus-visible,\n  .bb-tracking__carrier-link:focus-visible {\n    outline: 3px solid rgba(68, 138, 133, 0.34);\n    outline-offset: 3px;\n  }\n\n  .bb-tracking__help {\n    color: var(--bb-muted-ink);\n    font-size: 0.76rem;\n    margin: 0.8rem 0 0;\n  }\n\n  .bb-tracking__carrier-link {\n    color: var(--bb-brooke-teal);\n    font-weight: 700;\n  }\n\n  @media (max-width: 720px) {\n    .bb-tracking__layout,\n    .bb-tracking__fields {\n      grid-template-columns: 1fr;\n    }\n\n    .bb-tracking__button {\n      width: 100%;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .bb-tracking__button {\n      transition: none;\n    }\n  }\n<\/style>\n\n<section class=\"bb-tracking\" aria-labelledby=\"bb-tracking-title\">\n  <div class=\"bb-tracking__layout\">\n    <div>\n      <p class=\"bb-tracking__eyebrow\">Brooke Blaze Delivery<\/p>\n      <p class=\"bb-tracking__intro\">\n        Select your shipping carrier and enter the tracking number from your\n        Brooke Blaze shipping confirmation to see the latest delivery updates.\n      <\/p>\n    <\/div>\n\n    <div class=\"bb-tracking__card\">\n      <form id=\"bb-tracking-form\" aria-describedby=\"bb-tracking-help\">\n        <div class=\"bb-tracking__carrier-field\">\n          <label class=\"bb-tracking__label\" for=\"bb-tracking-carrier\">\n            Shipping carrier\n          <\/label>\n\n          <select class=\"bb-tracking__select\" id=\"bb-tracking-carrier\" required=\"\">\n            <option value=\"ups\">UPS<\/option>\n            <option value=\"usps\">USPS<\/option>\n            <option value=\"fedex\">FedEx<\/option>\n            <option value=\"dhl\">DHL<\/option>\n          <\/select>\n        <\/div>\n\n        <label class=\"bb-tracking__label\" for=\"bb-tracking-number\">\n          Tracking number\n        <\/label>\n\n        <div class=\"bb-tracking__fields\">\n          <input class=\"bb-tracking__input\" id=\"bb-tracking-number\" type=\"text\" inputmode=\"text\" autocomplete=\"off\" autocapitalize=\"characters\" spellcheck=\"false\" minlength=\"5\" maxlength=\"50\" pattern=\"[A-Za-z0-9 -]{5,50}\" title=\"Enter a tracking number using letters and numbers.\" placeholder=\"Enter your tracking number\" required=\"\">\n\n          <button class=\"bb-tracking__button\" type=\"submit\">\n            Track package\n          <\/button>\n        <\/div>\n\n        <p class=\"bb-tracking__help\" id=\"bb-tracking-help\">\n          Tracking details open securely on the selected carrier\u2019s official website.\n        <\/p>\n\n        <noscript>\n          <p class=\"bb-tracking__help\">\n            JavaScript is required for this form. You can also track directly with\n            <a class=\"bb-tracking__carrier-link\" href=\"https:\/\/www.ups.com\/track\/\">UPS<\/a>,\n            <a class=\"bb-tracking__carrier-link\" href=\"https:\/\/tools.usps.com\/go\/TrackConfirmAction_input\">USPS<\/a>,\n            <a class=\"bb-tracking__carrier-link\" href=\"https:\/\/www.fedex.com\/fedextrack\/\">FedEx<\/a>, or\n            <a class=\"bb-tracking__carrier-link\" href=\"https:\/\/www.dhl.com\/us-en\/home\/tracking.html\">DHL<\/a>.\n          <\/p>\n        <\/noscript>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function () {\n    \"use strict\";\n\n    var form = document.getElementById(\"bb-tracking-form\");\n    var carrier = document.getElementById(\"bb-tracking-carrier\");\n    var trackingNumber = document.getElementById(\"bb-tracking-number\");\n\n    if (!form || !carrier || !trackingNumber) return;\n\n    var trackingUrls = {\n      ups: function (number) {\n        return \"https:\/\/www.ups.com\/track?loc=en_US&tracknum=\" + encodeURIComponent(number);\n      },\n      usps: function (number) {\n        return \"https:\/\/tools.usps.com\/go\/TrackConfirmAction?tLabels=\" + encodeURIComponent(number);\n      },\n      fedex: function (number) {\n        return \"https:\/\/www.fedex.com\/fedextrack\/?trknbr=\" + encodeURIComponent(number);\n      },\n      dhl: function (number) {\n        return \"https:\/\/www.dhl.com\/us-en\/home\/tracking.html?awb=\" + encodeURIComponent(number) + \"&brand=dhl&locale=true\";\n      }\n    };\n\n    form.addEventListener(\"submit\", function (event) {\n      event.preventDefault();\n\n      if (!form.checkValidity()) {\n        form.reportValidity();\n        return;\n      }\n\n      var number = trackingNumber.value.trim().replace(\/\\s+\/g, \"\");\n      var makeUrl = trackingUrls[carrier.value];\n\n      if (!number || !makeUrl) return;\n\n      var trackingWindow = window.open(makeUrl(number), \"_blank\", \"noopener,noreferrer\");\n\n      if (trackingWindow) trackingWindow.opener = null;\n    });\n  }());\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Try the Order Tracking Feature To explore the Order Tracking feature, feel free to use the sample details below: Order ID: 47409Email: bruce.wayne@example.com This demo information is provided for testing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-789","page","type-page","status-publish","hentry"],"blocksy_meta":[],"jetpack_sharing_enabled":true,"ticketed":false,"_links":{"self":[{"href":"https:\/\/brookeblaze.com\/es\/wp-json\/wp\/v2\/pages\/789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brookeblaze.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brookeblaze.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brookeblaze.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brookeblaze.com\/es\/wp-json\/wp\/v2\/comments?post=789"}],"version-history":[{"count":7,"href":"https:\/\/brookeblaze.com\/es\/wp-json\/wp\/v2\/pages\/789\/revisions"}],"predecessor-version":[{"id":2827,"href":"https:\/\/brookeblaze.com\/es\/wp-json\/wp\/v2\/pages\/789\/revisions\/2827"}],"wp:attachment":[{"href":"https:\/\/brookeblaze.com\/es\/wp-json\/wp\/v2\/media?parent=789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}