{"id":3028,"date":"2026-02-23T12:32:37","date_gmt":"2026-02-23T12:32:37","guid":{"rendered":"https:\/\/gracexport.com\/"},"modified":"2026-06-17T12:03:45","modified_gmt":"2026-06-17T12:03:45","slug":"track-your-shipment","status":"publish","type":"page","link":"https:\/\/gracexport.com\/it\/track-your-shipment\/","title":{"rendered":"Track Your Shipment"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n Track Order & Logistics | GRACE DISPLAY - Custom Retail Solutions<\/title>\r\n \r\n <!-- SEO: Canonical Tag -->\r\n <link rel=\"canonical\" href=\"https:\/\/gracexport.com\/track-order\" \/>\r\n\r\n <!-- Fonts: Preconnected for Speed -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@500;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n <!-- SEO: JSON-LD Structured Data -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Organization\",\r\n \"name\": \"GRACE DISPLAY\",\r\n \"url\": \"https:\/\/gracexport.com\",\r\n \"logo\": \"https:\/\/gracexport.com\/logo.png\",\r\n \"contactPoint\": {\r\n \"@type\": \"ContactPoint\",\r\n \"telephone\": \"+86-199-8069-3245\",\r\n \"contactType\": \"customer service\",\r\n \"email\": \"vicky@gracexport.com\"\r\n }\r\n }\r\n <\/script>\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"BreadcrumbList\",\r\n \"itemListElement\": [{\r\n \"@type\": \"ListItem\",\r\n \"position\": 1,\r\n \"name\": \"Home\",\r\n \"item\": \"https:\/\/gracexport.com\/\"\r\n },{\r\n \"@type\": \"ListItem\",\r\n \"position\": 2,\r\n \"name\": \"Track Your Shipment\",\r\n \"item\": \"https:\/\/gracexport.com\/track-order\"\r\n }]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ===== Critical CSS Variables ===== *\/\r\n :root {\r\n --grace-primary-dark: #2F3945;\r\n --grace-primary-blue: #1A3A5F;\r\n --grace-accent-gold: #D4AF37;\r\n --grace-light-bg: #F8F9FA;\r\n --grace-white: #FFFFFF;\r\n --grace-text-dark: #333333;\r\n --grace-text-medium: #6C757D;\r\n --grace-shadow-card: 0 10px 30px rgba(0,0,0,0.08);\r\n }\r\n\r\n \/* ===== STRICT SCOPING FOR ELEMENTOR COMPATIBILITY ===== *\/\r\n \/* All CSS is prefixed with .grace-app-wrapper to prevent conflicts *\/\r\n .grace-app-wrapper {\r\n font-family: 'Lato', sans-serif !important; \r\n background-color: var(--grace-light-bg); \r\n color: var(--grace-text-dark); \r\n line-height: 1.6; \r\n overflow-x: hidden; \r\n -webkit-font-smoothing: antialiased;\r\n display: block;\r\n width: 100%;\r\n position: relative;\r\n z-index: 1;\r\n box-sizing: border-box;\r\n }\r\n\r\n .grace-app-wrapper * { \r\n box-sizing: border-box; \r\n }\r\n\r\n \/* Reset WP\/Elementor margins inside our app *\/\r\n .grace-app-wrapper h1, \r\n .grace-app-wrapper h2, \r\n .grace-app-wrapper h3, \r\n .grace-app-wrapper h4, \r\n .grace-app-wrapper p { \r\n margin: 0; padding: 0; \r\n }\r\n\r\n .grace-app-wrapper h1, \r\n .grace-app-wrapper h2, \r\n .grace-app-wrapper h3, \r\n .grace-app-wrapper h4 { \r\n font-family: 'Playfair Display', serif !important; \r\n }\r\n\r\n .grace-app-wrapper a { \r\n text-decoration: none; \r\n transition: 0.3s; \r\n box-shadow: none !important;\r\n }\r\n\r\n .grace-app-wrapper img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n \r\n \/* ===== Layout Helpers ===== *\/\r\n .grace-app-wrapper .container { \r\n width: 100%; \r\n max-width: 1200px; \r\n margin: 0 auto; \r\n padding: 0 20px; \r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n .grace-app-wrapper .section-padding { \r\n padding: 80px 0; \r\n display: block;\r\n width: 100%;\r\n clear: both;\r\n }\r\n \r\n .grace-app-wrapper .text-center { \r\n text-align: center; \r\n }\r\n\r\n \/* ===== Hero Section ===== *\/\r\n .grace-app-wrapper .tracking-hero {\r\n background: url('https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/global-logistics-supply-chain-tracking-international-cargo-export.webp') center\/cover no-repeat;\r\n padding: 120px 0 140px; \r\n color: white;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n display: block;\r\n }\r\n .grace-app-wrapper .tracking-hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(26, 58, 95, 0.85);\r\n z-index: 1;\r\n }\r\n .grace-app-wrapper .hero-title { \r\n font-size: 48px; \r\n margin-bottom: 15px; \r\n position: relative; \r\n color: white;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n }\r\n .grace-app-wrapper .hero-breadcrumbs {\r\n margin-bottom: 30px;\r\n font-size: 14px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: rgba(255,255,255,0.7);\r\n font-weight: 400;\r\n }\r\n .grace-app-wrapper .hero-breadcrumbs a {\r\n color: white;\r\n font-weight: 700;\r\n border-bottom: 1px solid transparent;\r\n }\r\n .grace-app-wrapper .hero-breadcrumbs a:hover {\r\n color: var(--grace-accent-gold);\r\n border-bottom-color: var(--grace-accent-gold);\r\n }\r\n .grace-app-wrapper .hero-breadcrumbs .separator {\r\n margin: 0 10px;\r\n color: var(--grace-accent-gold);\r\n }\r\n .grace-app-wrapper .hero-breadcrumbs .current {\r\n color: var(--grace-accent-gold);\r\n font-weight: 700;\r\n }\r\n .grace-app-wrapper .hero-subtitle { \r\n font-size: 18px; \r\n color: rgba(255,255,255,0.9); \r\n margin-bottom: 40px; \r\n position: relative; \r\n max-width: 600px; \r\n margin-left: auto; \r\n margin-right: auto; \r\n }\r\n\r\n \/* ===== Input Styling ===== *\/\r\n .grace-app-wrapper .track-input-wrapper {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n background: rgba(255,255,255,0.15);\r\n backdrop-filter: blur(10px);\r\n padding: 10px;\r\n border-radius: 50px;\r\n display: flex;\r\n border: 1px solid rgba(255,255,255,0.3);\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\r\n position: relative;\r\n z-index: 10;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .grace-app-wrapper .track-input-wrapper:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 20px 45px rgba(0,0,0,0.4);\r\n border-color: rgba(212, 175, 55, 0.8);\r\n }\r\n .grace-app-wrapper #YQNum {\r\n flex: 1;\r\n background: transparent;\r\n border: none;\r\n padding: 15px 25px;\r\n font-size: 16px;\r\n color: white;\r\n outline: none;\r\n font-family: 'Lato', sans-serif;\r\n width: 100%;\r\n }\r\n .grace-app-wrapper #YQNum::placeholder { color: rgba(255,255,255,0.8); }\r\n .grace-app-wrapper .track-btn {\r\n background-color: var(--grace-accent-gold);\r\n color: var(--grace-white);\r\n border: none;\r\n padding: 12px 40px;\r\n border-radius: 40px;\r\n font-weight: 700;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n min-width: 140px;\r\n text-shadow: 0 1px 2px rgba(0,0,0,0.1);\r\n }\r\n .grace-app-wrapper .track-btn:hover { \r\n background-color: #fff; \r\n color: var(--grace-primary-blue); \r\n box-shadow: 0 0 20px rgba(212, 175, 55, 0.6); \r\n }\r\n .grace-app-wrapper .spinner {\r\n display: none; width: 16px; height: 16px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%; border-top-color: white;\r\n animation: grace-spin 1s ease-in-out infinite;\r\n }\r\n @keyframes grace-spin { to { transform: rotate(360deg); } }\r\n\r\n \/* ===== Result Section ===== *\/\r\n .grace-app-wrapper .result-section {\r\n display: none; \r\n margin-top: -80px; \r\n padding-bottom: 60px;\r\n position: relative;\r\n z-index: 5;\r\n }\r\n .grace-app-wrapper .result-card {\r\n background: var(--grace-white);\r\n border-radius: 12px;\r\n box-shadow: var(--grace-shadow-card);\r\n overflow: hidden;\r\n padding: 30px;\r\n min-height: 200px;\r\n opacity: 0; \r\n transform: translateY(20px);\r\n transition: opacity 0.5s ease, transform 0.5s ease;\r\n }\r\n .grace-app-wrapper .result-card.active { opacity: 1; transform: translateY(0); }\r\n .grace-app-wrapper #YQContainer { width: 100%; min-height: 560px; border-radius: 8px; overflow: hidden; }\r\n .grace-app-wrapper #YQContainer iframe { width: 100% !important; border: none !important; }\r\n .grace-app-wrapper .fallback-link { text-align: center; margin-top: 20px; font-size: 14px; color: var(--grace-text-medium); display: none; }\r\n .grace-app-wrapper .fallback-link a { color: var(--grace-primary-blue); text-decoration: underline; font-weight: 700; }\r\n\r\n \/* ===== Featured Categories ===== *\/\r\n .grace-app-wrapper .featured-cats { background-color: var(--grace-white); border-bottom: 1px solid #eee; overflow: hidden; }\r\n .grace-app-wrapper .section-header { margin-bottom: 50px; }\r\n .grace-app-wrapper .section-title { font-size: 32px; color: var(--grace-primary-dark); margin-bottom: 10px; line-height: 1.3; }\r\n \r\n .grace-app-wrapper .nowrap-subtitle { \r\n color: var(--grace-text-medium); \r\n white-space: nowrap; \r\n display: block; \r\n width: 100%; \r\n margin: 0 auto;\r\n font-size: 16px;\r\n }\r\n \r\n .grace-app-wrapper .cat-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 25px;\r\n }\r\n .grace-app-wrapper .cat-card {\r\n position: relative; border-radius: 8px; overflow: hidden;\r\n box-shadow: var(--grace-shadow-card); height: 350px; display: block;\r\n }\r\n .grace-app-wrapper .cat-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\r\n .grace-app-wrapper .cat-card:hover .cat-img { transform: scale(1.08); }\r\n .grace-app-wrapper .cat-overlay {\r\n position: absolute; bottom: 0; left: 0; width: 100%;\r\n background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);\r\n padding: 30px 20px; color: white; transition: padding 0.3s ease;\r\n }\r\n .grace-app-wrapper .cat-card:hover .cat-overlay { padding-bottom: 40px; }\r\n .grace-app-wrapper .cat-title { font-size: 22px; margin-bottom: 5px; color: white; }\r\n .grace-app-wrapper .cat-link { \r\n color: var(--grace-accent-gold); font-weight: 700; font-size: 13px; \r\n text-transform: uppercase; letter-spacing: 1px; display: inline-flex;\r\n align-items: center; gap: 5px;\r\n }\r\n .grace-app-wrapper .cat-link i { transition: transform 0.3s; }\r\n .grace-app-wrapper .cat-card:hover .cat-link i { transform: translateX(5px); }\r\n\r\n \/* ===== Trust Indicators (Features) ===== *\/\r\n .grace-app-wrapper .features-section { background-color: var(--grace-light-bg); }\r\n .grace-app-wrapper .high-converting-desc {\r\n color: var(--grace-text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n font-size: 18px;\r\n font-weight: 400;\r\n }\r\n \r\n .grace-app-wrapper .features-grid {\r\n display: grid; \r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 30px; \r\n text-align: center;\r\n }\r\n .grace-app-wrapper .feature-item { padding: 20px; background: transparent; border-radius: 12px; transition: transform 0.3s; }\r\n .grace-app-wrapper .feature-item:hover { transform: translateY(-5px); }\r\n .grace-app-wrapper .feature-icon {\r\n width: 70px; height: 70px; background: rgba(26, 58, 95, 0.08);\r\n color: var(--grace-primary-blue); border-radius: 50%; display: flex;\r\n align-items: center; justify-content: center; font-size: 28px;\r\n margin: 0 auto 20px; transition: 0.4s;\r\n }\r\n .grace-app-wrapper .feature-item:hover .feature-icon { background: var(--grace-accent-gold); color: white; transform: rotateY(180deg); }\r\n .grace-app-wrapper .feature-item h3 { font-size: 20px; margin-bottom: 10px; color: var(--grace-primary-dark); }\r\n .grace-app-wrapper .feature-item p { font-size: 15px; color: var(--grace-text-medium); }\r\n\r\n \/* ===== FAQ Section (Fixed Overlapping & 2 Columns) ===== *\/\r\n .grace-app-wrapper .faq-section { \r\n background-color: var(--grace-white); \r\n display: block; \r\n clear: both; \r\n position: relative; \r\n z-index: 10; \/* Ensures it stays above floating elements *\/\r\n }\r\n .grace-app-wrapper .faq-grid { \r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 30px;\r\n counter-reset: grace-faq-counter; \r\n align-items: start;\r\n }\r\n .grace-app-wrapper .faq-item { \r\n background: #ffffff;\r\n border: 1px solid #f0f0f0;\r\n border-radius: 12px;\r\n padding: 30px;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.02);\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .grace-app-wrapper .faq-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 4px; height: 100%;\r\n background: var(--grace-accent-gold);\r\n transform: scaleY(0);\r\n transition: transform 0.4s ease;\r\n transform-origin: bottom;\r\n }\r\n .grace-app-wrapper .faq-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 35px rgba(26,58,95,0.1);\r\n border-color: rgba(212,175,55,0.3);\r\n z-index: 2;\r\n }\r\n .grace-app-wrapper .faq-item:hover::before {\r\n transform: scaleY(1);\r\n transform-origin: top;\r\n }\r\n .grace-app-wrapper .faq-question {\r\n font-weight: 700; font-size: 18px; color: var(--grace-primary-dark);\r\n margin-bottom: 12px; display: flex; align-items: flex-start; gap: 10px;\r\n transition: color 0.3s; line-height: 1.4;\r\n }\r\n .grace-app-wrapper .faq-item:hover .faq-question { color: var(--grace-accent-gold); }\r\n \r\n .grace-app-wrapper .faq-question::before {\r\n counter-increment: grace-faq-counter;\r\n content: \"0\" counter(grace-faq-counter) \".\";\r\n color: var(--grace-accent-gold);\r\n font-family: 'Playfair Display', serif;\r\n font-size: 22px;\r\n line-height: 1;\r\n margin-top: -2px;\r\n flex-shrink: 0;\r\n }\r\n .grace-app-wrapper .faq-answer { color: var(--grace-text-medium); font-size: 15px; line-height: 1.7; }\r\n \r\n .grace-app-wrapper .faq-more-link {\r\n text-align: center; margin-top: 50px; font-size: 16px; color: var(--grace-text-medium);\r\n width: 100%; grid-column: 1 \/ -1; display: block; clear: both;\r\n }\r\n .grace-app-wrapper .faq-more-link a {\r\n color: var(--grace-primary-blue); text-decoration: underline; font-weight: 700; transition: 0.3s;\r\n }\r\n .grace-app-wrapper .faq-more-link a:hover { color: var(--grace-accent-gold); }\r\n\r\n \/* ===== CTA Banner ===== *\/\r\n .grace-app-wrapper .cta-section {\r\n position: relative;\r\n background: url('https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/luxury-electronics-retail-display-system-digital-signage-store-fixtures.webp') center\/cover no-repeat;\r\n padding: 90px 0;\r\n text-align: center;\r\n color: white;\r\n z-index: 1;\r\n display: block;\r\n clear: both;\r\n }\r\n .grace-app-wrapper .cta-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(26, 58, 95, 0.4); \r\n z-index: -1;\r\n }\r\n .grace-app-wrapper .cta-content { position: relative; z-index: 2; }\r\n .grace-app-wrapper .cta-content h2 { font-size: 40px; margin-bottom: 15px; text-shadow: 0 2px 5px rgba(0,0,0,0.3); color: white; }\r\n .grace-app-wrapper .cta-content p { font-size: 18px; margin-bottom: 35px; opacity: 0.95; text-shadow: 0 1px 3px rgba(0,0,0,0.3); color: white;}\r\n \r\n .grace-app-wrapper .cta-content p a {\r\n color: var(--grace-accent-gold);\r\n text-decoration: underline;\r\n font-weight: 700;\r\n transition: color 0.3s ease;\r\n }\r\n .grace-app-wrapper .cta-content p a:hover { color: #fff; }\r\n\r\n .grace-app-wrapper .cta-btn {\r\n background: var(--grace-accent-gold);\r\n color: #FFFFFF;\r\n padding: 16px 45px;\r\n border-radius: 4px;\r\n font-weight: 700;\r\n display: inline-block;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n border: none;\r\n font-size: 16px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n .grace-app-wrapper .cta-btn:hover { \r\n background: white; \r\n color: var(--grace-primary-dark); \r\n transform: translateY(-4px); \r\n box-shadow: 0 15px 25px rgba(0,0,0,0.2); \r\n }\r\n\r\n \/* ===== WhatsApp Form Modal ===== *\/\r\n .grace-app-wrapper .wa-modal {\r\n display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%;\r\n background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px);\r\n align-items: center; justify-content: center;\r\n }\r\n .grace-app-wrapper .wa-modal.active { display: flex; }\r\n .grace-app-wrapper .wa-modal-content {\r\n background-color: #fff; border-radius: 12px; width: 90%; max-width: 450px;\r\n overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n position: relative; animation: grace-modalFadeIn 0.3s ease;\r\n }\r\n @keyframes grace-modalFadeIn { \r\n from { transform: translateY(-20px); opacity: 0; } \r\n to { transform: translateY(0); opacity: 1; } \r\n }\r\n .grace-app-wrapper .wa-close {\r\n position: absolute; right: 15px; top: 15px; color: #fff; font-size: 24px; \r\n font-weight: bold; cursor: pointer; z-index: 10; transition: 0.3s; line-height: 1;\r\n }\r\n .grace-app-wrapper .wa-close:hover { color: #e0e0e0; transform: scale(1.1); }\r\n .grace-app-wrapper .wa-header {\r\n background: #075E54; padding: 20px; display: flex; align-items: center; \r\n gap: 15px; color: white; position: relative;\r\n }\r\n .grace-app-wrapper .wa-avatar { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #25D366; }\r\n .grace-app-wrapper .wa-header-info h4 { font-family: 'Lato', sans-serif !important; font-size: 16px; margin: 0 0 5px 0; color: white; }\r\n .grace-app-wrapper .wa-header-info p { margin: 0; font-size: 13px; opacity: 0.9; color: white; }\r\n .grace-app-wrapper .wa-body { padding: 25px; background: #ece5dd; }\r\n .grace-app-wrapper #waForm { display: flex; flex-direction: column; gap: 15px; margin: 0;}\r\n .grace-app-wrapper #waForm input, \r\n .grace-app-wrapper #waForm select, \r\n .grace-app-wrapper #waForm textarea {\r\n width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 8px; \r\n font-family: 'Lato', sans-serif; font-size: 14px; outline: none; transition: 0.3s;\r\n background: white; color: #333;\r\n }\r\n .grace-app-wrapper #waForm input:focus, \r\n .grace-app-wrapper #waForm select:focus, \r\n .grace-app-wrapper #waForm textarea:focus { border-color: #25D366; box-shadow: 0 0 5px rgba(37,211,102,0.3); }\r\n .grace-app-wrapper .wa-submit-btn {\r\n background: #25D366; color: white; border: none; padding: 14px; border-radius: 8px; \r\n font-weight: 700; font-size: 16px; cursor: pointer; transition: 0.3s; \r\n display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 5px;\r\n }\r\n .grace-app-wrapper .wa-submit-btn:hover { background: #128C7E; }\r\n\r\n \/* ===== Responsive Queries ===== *\/\r\n @media (max-width: 992px) {\r\n .grace-app-wrapper .cat-grid, \r\n .grace-app-wrapper .features-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n .grace-app-wrapper .faq-grid { gap: 20px; }\r\n .grace-app-wrapper .nowrap-subtitle { font-size: 1.8vw; } \r\n }\r\n\r\n @media (max-width: 768px) {\r\n .grace-app-wrapper .hero-title { font-size: 32px; }\r\n .grace-app-wrapper .track-input-wrapper { flex-direction: column; border-radius: 20px; padding: 15px; }\r\n .grace-app-wrapper #YQNum { text-align: center; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.3); }\r\n .grace-app-wrapper .track-btn { width: 100%; }\r\n .grace-app-wrapper .result-section { margin-top: -40px; padding-bottom: 40px; }\r\n \r\n .grace-app-wrapper .cat-grid, \r\n .grace-app-wrapper .features-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }\r\n .grace-app-wrapper .cat-card { height: 220px; }\r\n .grace-app-wrapper .cat-title { font-size: 16px; }\r\n .grace-app-wrapper .cat-overlay { padding: 15px 10px; }\r\n \r\n .grace-app-wrapper .nowrap-subtitle { font-size: 2.2vw; }\r\n\r\n \/* STRICT 2-COLUMN FAQ ON MOBILE ADAPTATION *\/\r\n .grace-app-wrapper .faq-grid { \r\n grid-template-columns: repeat(2, 1fr) !important; \r\n gap: 12px; \r\n }\r\n .grace-app-wrapper .faq-item { \r\n padding: 15px; \r\n }\r\n .grace-app-wrapper .faq-question { \r\n font-size: 13px !important; \r\n margin-bottom: 8px;\r\n gap: 5px;\r\n }\r\n .grace-app-wrapper .faq-question::before { \r\n font-size: 16px; \r\n margin-top: 0;\r\n }\r\n .grace-app-wrapper .faq-answer { \r\n font-size: 12px !important; \r\n line-height: 1.5; \r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n \/* For very extremely small screens to prevent layout break, adjusting text further *\/\r\n .grace-app-wrapper .faq-question { font-size: 12px !important; }\r\n .grace-app-wrapper .faq-answer { font-size: 11px !important; }\r\n .grace-app-wrapper .faq-item { padding: 12px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- UNIQUE WRAPPER FOR ELEMENTOR ISOLATION -->\r\n <div class=\"grace-app-wrapper\">\r\n\r\n <!-- Hero Section (Tracking) -->\r\n <section class=\"tracking-hero\">\r\n <div class=\"container\">\r\n <h1 class=\"hero-title\">Track Your Shipment<\/h1>\r\n \r\n <nav aria-label=\"breadcrumb\" class=\"hero-breadcrumbs\">\r\n <a href=\"https:\/\/gracexport.com\/\">HOME<\/a>\r\n <span class=\"separator\">\/<\/span>\r\n <span class=\"current\">TRACK YOUR SHIPMENT<\/span>\r\n <\/nav>\r\n\r\n <p class=\"hero-subtitle\">Enter your tracking number below to see the real-time status of your custom display rack order.<\/p>\r\n \r\n <div class=\"track-input-wrapper\">\r\n <input type=\"text\" id=\"YQNum\" maxlength=\"50\" placeholder=\"Enter Tracking Number (e.g., GR-20258899)\" aria-label=\"Tracking Number\" \/>\r\n <button class=\"track-btn\" onclick=\"customDoTrack()\" id=\"btnTrack\">\r\n <span id=\"btnText\">TRACK<\/span>\r\n <div class=\"spinner\"><\/div>\r\n <i class=\"fas fa-arrow-right\" id=\"btnIcon\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Results Section -->\r\n <main class=\"container result-section\" id=\"resultSection\">\r\n <div class=\"result-card\" id=\"resultCard\">\r\n <!-- 17Track Container -->\r\n <div id=\"YQContainer\"><\/div>\r\n <!-- Safe Fallback Link -->\r\n <div class=\"fallback-link\" id=\"fallbackLink\">\r\n Taking too long? <a href=\"#\" id=\"directLink\" target=\"_blank\" rel=\"nofollow\">Click here to track directly on 17Track.net<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <!-- Featured Collections -->\r\n <section class=\"featured-cats section-padding\">\r\n <div class=\"container\">\r\n <div class=\"section-header text-center\">\r\n <h2 class=\"section-title\">Explore Our Premium Collections<\/h2>\r\n <span class=\"nowrap-subtitle\">While you wait for your shipment, discover other ways we can elevate your retail space.<\/span>\r\n <\/div>\r\n <div class=\"cat-grid\">\r\n <!-- Card 1 -->\r\n <a href=\"https:\/\/gracexport.com\/jewelry-displays\/\" class=\"cat-card\">\r\n <img decoding=\"async\" src=\"https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/luxury-black-gold-jewelry-display-cases-boutique-showcase-set.webp\" alt=\"Luxury jewelry display cases set with matte black and gold finish for high end boutique jewelry store\" class=\"cat-img\" loading=\"lazy\" width=\"600\" height=\"350\">\r\n <div class=\"cat-overlay\">\r\n <h3 class=\"cat-title\">Jewelry Displays<\/h3>\r\n <span class=\"cat-link\">View Collection <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n <\/div>\r\n <\/a>\r\n <!-- Card 2 -->\r\n <a href=\"https:\/\/gracexport.com\/clothing-fixtures\/\" class=\"cat-card\">\r\n <img decoding=\"async\" src=\"https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/luxury-gold-clothing-display-racks-boutique-retail-store-fixtures.webp\" alt=\"Luxury gold clothing display racks and boutique retail store fixtures with premium metal garment shelving\" class=\"cat-img\" loading=\"lazy\" width=\"600\" height=\"350\">\r\n <div class=\"cat-overlay\">\r\n <h3 class=\"cat-title\">Clothing Fixtures<\/h3>\r\n <span class=\"cat-link\">View Collection <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n <\/div>\r\n <\/a>\r\n <!-- Card 3 -->\r\n <a href=\"https:\/\/gracexport.com\/pharmacy-retail\/\" class=\"cat-card\">\r\n <img decoding=\"async\" src=\"https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/modern-pharmacy-gondola-shelving-gold-retail-display-system.webp\" alt=\"Modern pharmacy gondola shelving with gold metal and timber display for premium retail shopfitting\" class=\"cat-img\" loading=\"lazy\" width=\"600\" height=\"350\">\r\n <div class=\"cat-overlay\">\r\n <h3 class=\"cat-title\">Pharmacy & Retail<\/h3>\r\n <span class=\"cat-link\">View Collection <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n <\/div>\r\n <\/a>\r\n <!-- Card 4 (New) -->\r\n <a href=\"https:\/\/gracexport.com\/optical-displays\/\" class=\"cat-card\">\r\n <img decoding=\"async\" src=\"https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/custom-optical-display-kiosk-eyewear-retail-showcase-led-lighting.webp\" alt=\"Custom optical display kiosk with LED illuminated shelving for luxury eyewear retail shopfitting\" class=\"cat-img\" loading=\"lazy\" width=\"600\" height=\"350\">\r\n <div class=\"cat-overlay\">\r\n <h3 class=\"cat-title\">Optical Displays<\/h3>\r\n <span class=\"cat-link\">View Collection <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Trust Indicators -->\r\n <section class=\"features-section section-padding\">\r\n <div class=\"container\">\r\n <div class=\"section-header text-center\">\r\n <h2 class=\"section-title\">The GRACE Difference<\/h2>\r\n <p class=\"high-converting-desc\">Partner with a premier manufacturer that guarantees unmatched quality, factory-direct pricing, and on-time global delivery for ultimate peace of mind.<\/p>\r\n <\/div>\r\n <div class=\"features-grid\">\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\r\n <h3>Factory Direct<\/h3>\r\n <p>No middlemen. Competitive pricing straight from our 15,000 sqm manufacturing facility.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-pencil-ruler\"><\/i><\/div>\r\n <h3>Free 3D Design<\/h3>\r\n <p>Our expert designers provide complimentary 3D renderings to visualize your store layout.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-globe-americas\"><\/i><\/div>\r\n <h3>Global Shipping<\/h3>\r\n <p>Trusted by major brands in 20+ countries with secure, damage-proof packaging.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n <h3>Lifetime Support<\/h3>\r\n <p>From installation guides to spare parts, we support you long after the sale.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ Section -->\r\n <section class=\"faq-section section-padding\">\r\n <div class=\"container\">\r\n <div class=\"section-header text-center\">\r\n <h2 class=\"section-title\">Shipping & Logistics FAQ<\/h2>\r\n <p class=\"section-desc\">Common questions about the delivery of your custom display racks.<\/p>\r\n <\/div>\r\n <div class=\"faq-grid\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">How long does international shipping take?<\/div>\r\n <div class=\"faq-answer\">Shipping times depend on the destination. Typically, sea freight to the US\/Europe takes 25-35 days, while air freight takes 5-7 days.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Is my shipment insured?<\/div>\r\n <div class=\"faq-answer\">Yes, all GRACE DISPLAY shipments are fully insured against damage or loss during transit for your peace of mind.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">How is the furniture packaged?<\/div>\r\n <div class=\"faq-answer\">We use export-grade wooden crates with EPE foam and corner protection to ensure your display cabinets arrive in perfect condition.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Are customs duties included in the shipping cost?<\/div>\r\n <div class=\"faq-answer\">Customs duties and taxes depend on your local regulations. We offer DDP (Delivered Duty Paid) shipping options for certain regions where everything is included.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">How often is the tracking information updated?<\/div>\r\n <div class=\"faq-answer\">Tracking statuses are typically updated every 24-48 hours when passing through major transit hubs or customs checkpoints.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Can I change my delivery address after shipping?<\/div>\r\n <div class=\"faq-answer\">Address changes after dispatch are subject to carrier approval and may incur additional rerouting fees. Please contact our support team immediately if needed.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">What if my display rack arrives damaged?<\/div>\r\n <div class=\"faq-answer\">We package items securely, but in the rare event of damage, please take photos immediately upon delivery and contact us. Your shipment is fully insured, and we will arrange replacements.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Do you provide installation services upon delivery?<\/div>\r\n <div class=\"faq-answer\">Our standard shipping does not include on-site installation. However, all our display racks come fully assembled or with detailed, easy-to-follow installation guides.<\/div>\r\n <\/div>\r\n \r\n <!-- Link to Full FAQ Page -->\r\n <div class=\"faq-more-link\">\r\n For more details, please visit our <a href=\"https:\/\/gracexport.com\/faq\/\">Complete FAQ Page »<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Banner -->\r\n <section class=\"cta-section\">\r\n <div class=\"container\">\r\n <div class=\"cta-content\">\r\n <h2>Planning Your Next Store?<\/h2>\r\n <p>Get a free quote and <a href=\"https:\/\/gracexport.com\/3d-design\/\">3D design<\/a> for your upcoming retail project today.<\/p>\r\n <button class=\"cta-btn\" id=\"openWaModal\">Get Free Quote<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- WhatsApp Inquiry Modal -->\r\n <div id=\"waModal\" class=\"wa-modal\">\r\n <div class=\"wa-modal-content\">\r\n <span class=\"wa-close\" aria-label=\"Close modal\">×<\/span>\r\n <div class=\"wa-header\">\r\n <img decoding=\"async\" src=\"https:\/\/ui-avatars.com\/api\/?name=Grace+Display&background=25D366&color=fff&rounded=true&size=128\" alt=\"WhatsApp Avatar\" class=\"wa-avatar\" width=\"50\" height=\"50\">\r\n <div class=\"wa-header-info\">\r\n <h4>Chat with GRACE DISPLAY<\/h4>\r\n <p>+86 199-8069-3245<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wa-body\">\r\n <form id=\"waForm\">\r\n <input type=\"text\" id=\"waName\" placeholder=\"Your Name *\" required>\r\n <input type=\"text\" id=\"waCompany\" placeholder=\"Company Name *\" required>\r\n <input type=\"email\" id=\"waEmail\" placeholder=\"Email Address *\" required>\r\n <select id=\"waInterest\" required>\r\n <option value=\"\" disabled selected>Select Product of Interest *<\/option>\r\n <option value=\"Jewelry Display Cabinets\">Jewelry Display Cabinets<\/option>\r\n <option value=\"Clothing Store Fixtures\">Clothing Store Fixtures<\/option>\r\n <option value=\"Cosmetics Showcases\">Cosmetics Showcases<\/option>\r\n <option value=\"Pharmacy Shelving\">Pharmacy Shelving<\/option>\r\n <option value=\"Optical Displays\">Optical Displays<\/option>\r\n <option value=\"Custom Retail Project\">Custom Retail Project<\/option>\r\n <option value=\"Other \/ General Inquiry\">Other \/ General Inquiry<\/option>\r\n <\/select>\r\n <textarea id=\"waMessage\" placeholder=\"Your Message \/ Requirements *\" rows=\"4\" required><\/textarea>\r\n <button type=\"submit\" class=\"wa-submit-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i> Send to WhatsApp\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div> \r\n <!-- END OF UNIQUE WRAPPER -->\r\n\r\n <!-- 17Track Script: Defer for Performance -->\r\n <script type=\"text\/javascript\" src=\"https:\/\/www.17track.net\/externalcall.js\" defer><\/script>\r\n \r\n <script type=\"text\/javascript\">\r\n \/\/ Tracking Logic\r\n function customDoTrack() {\r\n var num = document.getElementById(\"YQNum\").value.trim();\r\n var resultSection = document.getElementById(\"resultSection\");\r\n var resultCard = document.getElementById(\"resultCard\");\r\n var btnText = document.getElementById(\"btnText\");\r\n var spinner = document.querySelector(\".spinner\");\r\n var btnIcon = document.getElementById(\"btnIcon\");\r\n var fallbackLink = document.getElementById(\"fallbackLink\");\r\n var directLink = document.getElementById(\"directLink\");\r\n\r\n if(num === \"\") {\r\n document.getElementById(\"YQNum\").style.color = \"#ffcccc\";\r\n document.getElementById(\"YQNum\").placeholder = \"Please enter a number!\";\r\n setTimeout(() => {\r\n document.getElementById(\"YQNum\").style.color = \"white\";\r\n }, 2000);\r\n return;\r\n }\r\n\r\n directLink.href = \"https:\/\/t.17track.net\/en#nums=\" + num;\r\n\r\n btnText.style.display = \"none\";\r\n btnIcon.style.display = \"none\";\r\n spinner.style.display = \"block\";\r\n\r\n resultSection.style.display = \"block\";\r\n \r\n requestAnimationFrame(() => {\r\n resultCard.classList.add('active');\r\n });\r\n \r\n setTimeout(() => {\r\n window.scrollTo({\r\n top: resultSection.offsetTop - 120,\r\n behavior: 'smooth'\r\n });\r\n }, 100);\r\n\r\n setTimeout(function() {\r\n try {\r\n if (typeof YQV5 === 'undefined') {\r\n throw new Error(\"Tracker script not loaded yet\");\r\n }\r\n YQV5.trackSingle({\r\n YQ_ContainerId: \"YQContainer\",\r\n YQ_Height: 560,\r\n YQ_Fc: \"0\",\r\n YQ_Lang: \"en\",\r\n YQ_Num: num\r\n });\r\n } catch (err) {\r\n console.log(\"Tracking Error: \" + err.message);\r\n fallbackLink.style.display = \"block\";\r\n document.getElementById(\"YQContainer\").innerHTML = '<p style=\"text-align:center; padding:20px; color:#666;\">Loading tracker... If nothing appears, please use the link below.<\/p>';\r\n } finally {\r\n setTimeout(() => {\r\n btnText.style.display = \"inline\";\r\n btnIcon.style.display = \"inline\";\r\n spinner.style.display = \"none\";\r\n setTimeout(() => {\r\n fallbackLink.style.display = \"block\";\r\n }, 3000);\r\n }, 1000);\r\n }\r\n }, 500); \r\n }\r\n\r\n document.getElementById('YQNum').addEventListener('keypress', function (e) {\r\n if (e.key === 'Enter') {\r\n customDoTrack();\r\n }\r\n });\r\n\r\n \/\/ WhatsApp Modal Logic\r\n const waModal = document.getElementById('waModal');\r\n const waBtn = document.getElementById('openWaModal');\r\n const waClose = document.querySelector('.wa-close');\r\n\r\n if(waBtn && waModal && waClose) {\r\n waBtn.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n waModal.classList.add('active');\r\n });\r\n\r\n waClose.addEventListener('click', () => {\r\n waModal.classList.remove('active');\r\n });\r\n\r\n window.addEventListener('click', (e) => {\r\n if (e.target === waModal) {\r\n waModal.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n document.getElementById('waForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n const name = document.getElementById('waName').value.trim();\r\n const company = document.getElementById('waCompany').value.trim();\r\n const email = document.getElementById('waEmail').value.trim();\r\n const interest = document.getElementById('waInterest').value;\r\n const message = document.getElementById('waMessage').value.trim();\r\n \r\n const waNumber = \"8619980693245\";\r\n \r\n let text = `*New Inquiry from GRACE DISPLAY Website*%0A%0A`;\r\n text += `*Name:* ${name}%0A`;\r\n text += `*Company:* ${company}%0A`;\r\n text += `*Email:* ${email}%0A`;\r\n text += `*Product Interest:* ${interest}%0A`;\r\n text += `*Message:* ${message}`;\r\n \r\n const waUrl = `https:\/\/wa.me\/${waNumber}?text=${text}`;\r\n \r\n window.open(waUrl, '_blank');\r\n waModal.classList.remove('active');\r\n this.reset();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Track Order & Logistics | GRACE DISPLAY – Custom Retail Solutions Track Your Shipment HOME \/ TRACK YOUR SHIPMENT Enter your tracking number below to see the real-time status of your custom display rack order. TRACK Taking too long? Click here to track directly on 17Track.net Explore Our Premium Collections While you wait for your […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3028","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"_links":{"self":[{"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/pages\/3028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/comments?post=3028"}],"version-history":[{"count":24,"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/pages\/3028\/revisions"}],"predecessor-version":[{"id":4637,"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/pages\/3028\/revisions\/4637"}],"wp:attachment":[{"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/media?parent=3028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}