{"id":276,"date":"2025-12-01T22:40:21","date_gmt":"2025-12-01T21:40:21","guid":{"rendered":"https:\/\/site.expresslivraison.ma\/?page_id=276"},"modified":"2025-12-04T15:30:20","modified_gmt":"2025-12-04T14:30:20","slug":"tracking","status":"publish","type":"page","link":"https:\/\/expresslivraison.ma\/index.php\/tracking\/","title":{"rendered":"Tracking"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"276\" class=\"elementor elementor-276\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-cc04c17 e-flex e-con-boxed e-con e-parent\" data-id=\"cc04c17\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-a925ed5 e-con-full e-flex e-con e-child\" data-id=\"a925ed5\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10f3bae elementor-widget elementor-widget-heading\" data-id=\"10f3bae\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SUIVEZ VOTRE COLIS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afbdb33 elementor-widget elementor-widget-text-editor\" data-id=\"afbdb33\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Suivez votre colis en temps r\u00e9el gr\u00e2ce \u00e0 notre syst\u00e8me de tracking simple et rapide. Entrez votre num\u00e9ro d\u2019exp\u00e9dition pour conna\u00eetre instantan\u00e9ment l\u2019\u00e9tat de votre livraison, sa localisation et sa date d\u2019arriv\u00e9e pr\u00e9vue. Avec Maberr, vous gardez toujours le contr\u00f4le sur vos envois.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffd3ce3 elementor-widget elementor-widget-shortcode\" data-id=\"ffd3ce3\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style id=\"expresslivraison-tracking-1778629980\">\n        \/* ExpressLivraison Tracking Widget - Cache Buster: 1778629980 *\/\n        \n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@300;400;500;600;700&display=swap');\n        \n        .tracking-number-area {\n            background-color: #ffffff;\n            padding: 30px 0;\n            font-family: \"Lexend Deca\", \"Segoe UI\", Arial, sans-serif;\n            text-align: center;\n        }\n\n        .tracking-body {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .tracking-content h2 {\n            font-size: 28px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            color: #333333;\n            text-align: center;\n            display: block;\n            width: auto;\n            overflow: visible;\n            white-space: normal;\n            border: none;\n            animation: none;\n            font-family: \"Lexend Deca\", \"Segoe UI\", Arial, sans-serif;\n        }\n        \n        @media (max-width: 768px) {\n            .tracking-content h2 {\n                font-size: 20px;\n                margin-bottom: 15px;\n            }\n        }\n\n        @keyframes typing {\n            from { width: 0; }\n            to { width: 21ch; }\n        }\n\n        @keyframes blink {\n            0%, 100% { border-color: transparent; }\n            50% { border-color: #ff2e09; }\n        }\n\n        .tracking-wrap {\n            display: flex !important;\n            align-items: center !important;\n            border: 2px solid #ff2e09 !important;\n            border-radius: 50px !important;\n            overflow: hidden !important;\n            background: transparent !important;\n            box-shadow: 0 2px 8px rgba(255, 46, 9, 0.1) !important;\n            width: 100% !important;\n            max-width: 700px !important;\n            margin: 0 auto !important;\n            padding: 0 !important;\n            transition: all 0.3s ease !important;\n        }\n        \n        .tracking-wrap:hover {\n            box-shadow: 0 4px 15px rgba(255, 46, 9, 0.2) !important;\n            border-color: #ff2e09 !important;\n        }\n\n        .input-tracking {\n            padding: 16px 25px !important;\n            border: none !important;\n            outline: none !important;\n            font-size: 15px !important;\n            font-weight: 400 !important;\n            background-color: transparent !important;\n            border-radius: 0 !important;\n            flex: 1 !important;\n            min-width: 0 !important;\n            box-shadow: none !important;\n            color: #333333 !important;\n            font-family: 'Lexend Deca', 'Segoe UI', Arial, sans-serif !important;\n        }\n        \n        .input-tracking::placeholder {\n            color: #999999 !important;\n            font-style: normal !important;\n            font-weight: 400 !important;\n        }\n        \n        .input-tracking:focus {\n            background: transparent !important;\n        }\n        \n        @media (max-width: 768px) {\n            .input-tracking {\n                padding: 12px 15px !important;\n                font-size: 14px !important;\n            }\n        }\n\n        .default-btn {\n            padding: 16px 35px !important;\n            background: #ff2e09 !important;\n            color: #ffffff !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            border: none !important;\n            cursor: pointer !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n            white-space: nowrap !important;\n            border-radius: 0 !important;\n            transition: all 0.3s ease !important;\n            box-shadow: none !important;\n            text-transform: none !important;\n            letter-spacing: 0.3px !important;\n            min-width: auto !important;\n            justify-content: center !important;\n            font-family: 'Lexend Deca', 'Segoe UI', Arial, sans-serif !important;\n        }\n\n        .default-btn:hover {\n            background: #e51f00 !important;\n            transform: translateY(-2px) !important;\n            box-shadow: 0 4px 12px rgba(255, 46, 9, 0.25) !important;\n        }\n        \n        .default-btn:active {\n            transform: translateY(0) !important;\n            box-shadow: 0 2px 6px rgba(255, 46, 9, 0.15) !important;\n        }\n\n        .default-btn .icon {\n            font-size: 16px;\n            animation: pulse 1.2s infinite;\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); opacity: 1; }\n            50% { transform: scale(1.2); opacity: 0.8; }\n            100% { transform: scale(1); opacity: 1; }\n        }\n\n        @keyframes modalSlideIn {\n            0% { \n                transform: translateY(-50px) scale(0.8);\n                opacity: 0;\n            }\n            100% { \n                transform: translateY(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes goldShine {\n            0% { background-position: -200% center; }\n            100% { background-position: 200% center; }\n        }\n\n        .tracking-modal-header {\n            text-align: center;\n            margin-bottom: 20px;\n            padding-bottom: 0;\n            border-bottom: none;\n            background: transparent;\n            margin: 0 0 20px 0;\n            padding: 0;\n            border-radius: 0;\n        }\n\n        .tracking-modal-title {\n            font-size: 22px;\n            font-weight: 700;\n            color: #ff2e09;\n            margin: 0 0 5px 0;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            font-family: 'Lexend Deca', 'Segoe UI', Arial, sans-serif;\n        }\n\n        .tracking-status-badge {\n            display: inline-block;\n            background: transparent;\n            color: #ff2e09;\n            padding: 0;\n            border-radius: 0;\n            font-size: 13px;\n            font-weight: 500;\n            margin-top: 5px;\n            font-family: 'Lexend Deca', 'Segoe UI', Arial, sans-serif;\n        }\n\n        @media (max-width: 768px) {\n            .tracking-wrap {\n                flex-direction: row !important;\n                border-radius: 12px !important;\n                width: 100% !important;\n                max-width: 100% !important;\n                padding: 6px 15px !important;\n            }\n\n            .input-tracking {\n                min-width: 0 !important;\n                padding: 10px 8px !important;\n                border-bottom: none !important;\n            }\n\n            .default-btn {\n                border-radius: 8px !important;\n                padding: 10px 20px !important;\n                font-size: 13px !important;\n                width: auto !important;\n                min-width: auto !important;\n            }\n            \n            .tracking-content h2 {\n                font-size: 20px !important;\n            }\n            \n            .tracking-modal-title {\n                font-size: 18px;\n            }\n        }\n\n        .tracking-results {\n            margin-top: 10px;\n            font-family: \"Lexend Deca\", \"Segoe UI\", sans-serif;\n            width: 100%;  \n            padding: 0; \n            box-sizing: border-box; \n        }\n\n        .tracking-results table {\n            width: 100%;\n            border-collapse: collapse;\n            table-layout: fixed; \n        }\n\n        .tracking-results th,\n        .tracking-results td {\n            border: 1px solid #dee2e6;\n            padding: 3px;\n            text-align: center;\n        }\n\n        .tracking-results th {\n            background: linear-gradient(135deg, #ff2e09, #e51f00);\n            color: #ffffff;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            border: none;\n            position: relative;\n            padding: 12px 8px;\n        }\n\n        .tracking-results th::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);\n            pointer-events: none;\n        }\n\n        .tracking-results td {\n            background: #ffffff;\n            color: #333333;\n            border: 1px solid #dee2e6;\n            transition: all 0.3s ease;\n        }\n\n        .tracking-results td:hover {\n            background: rgba(255, 46, 9, 0.05);\n            border-color: #ff2e09;\n        }\n\n        .tracking-results table {\n            border-radius: 8px;\n            overflow: hidden;\n            border: 2px solid #ff2e09;\n            box-shadow: 0 4px 12px rgba(255, 46, 9, 0.15);\n        }\n        \n        @media (max-width: 768px) {\n            .tracking-results table {\n                width: 100%;\n                font-size: 12px;\n            }\n            \n            .tracking-results th,\n            .tracking-results td {\n                padding: 2px; \n            }\n        }\n\n        #loading-icon img {\n            animation: pulse 1.5s infinite ease-in-out;\n            display: inline-block;\n        }\n\n        @media (max-width: 768px) {\n            #tracking-modal div {\n                width: 95%;\n                margin: 20px auto;\n                padding: 20px;\n                border-radius: 15px;\n            }\n\n            .tracking-modal-title {\n                font-size: 18px;\n                letter-spacing: 1px;\n            }\n\n            .tracking-results th,\n            .tracking-results td {\n                font-size: 11px;\n                padding: 4px;\n            }\n\n            #close-modal {\n                width: 35px;\n                height: 35px;\n                font-size: 24px;\n                top: 10px;\n                right: 15px;\n            }\n        }\n\n        .tracking-info-card {\n            background: rgba(255, 46, 9, 0.05);\n            border: 1px solid rgba(255, 46, 9, 0.2);\n            border-radius: 8px;\n            padding: 15px;\n            margin: 10px 0;\n            transition: all 0.3s ease;\n        }\n\n        .tracking-info-card:hover {\n            background: rgba(255, 46, 9, 0.08);\n            border-color: #ff2e09;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(255, 46, 9, 0.15);\n        }\n\n        .tracking-step {\n            display: flex;\n            align-items: center;\n            padding: 10px 0;\n        }\n\n        .tracking-step-icon {\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #ff2e09, #e51f00);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 15px;\n            color: #ffffff;\n            font-weight: bold;\n        }\n\n        #tracking-modal {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            z-index: 999999;\n            backdrop-filter: blur(3px);\n        }\n\n        #tracking-modal div {\n            background: #ffffff;\n            width: 90%;\n            max-width: 900px;\n            margin: 3% auto;\n            padding: 30px;\n            border-radius: 8px;\n            position: relative;\n            border: none;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n            color: #333333;\n        }\n\n        #close-modal {\n            position: absolute;\n            top: 15px;\n            right: 15px;\n            font-size: 32px;\n            cursor: pointer;\n            color: #999999;\n            background: transparent;\n            width: 35px;\n            height: 35px;\n            border-radius: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.2s ease;\n            border: none;\n            font-weight: 300;\n            line-height: 1;\n        }\n\n        #close-modal:hover {\n            background: transparent;\n            color: #ff2e09;\n            transform: scale(1.1);\n            border: none;\n            box-shadow: none;\n        }\n\n        .tracking-popup {\n            max-width: 100%;\n            width: 100%;\n            padding: 0;\n            margin: 0 auto;\n            box-sizing: border-box;\n            color:black;\n        }\n\n        .tracking-results {\n            width: 100%;\n            padding: 0;\n            margin: 0;\n            overflow-x: auto;\n        }\n\n        .tracking-results table {\n            width: 100%;\n            border-collapse: collapse;\n            table-layout: fixed;\n        }\n\n        .tracking-results th,\n        .tracking-results td {\n            text-align: left;\n            padding: 8px;\n            word-wrap: break-word;\n            white-space: normal;\n            font-size: 14px;\n            box-sizing: border-box;\n        }\n\n        @media (max-width: 768px) {\n            .tracking-results table {\n                font-size: 12px;\n            }\n\n            .tracking-results th,\n            .tracking-results td {\n                padding: 6px;\n                font-size: 11px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .tracking-results table {\n                width: 100%;\n                font-size: 12px; \n            }\n\n            .tracking-results th,\n            .tracking-results td {\n                padding: 6px; \n                font-size: 11px; \n            }\n        }\n\n        .close-popup {\n            display: none;\n            position: absolute;\n            top: 10px;\n            right: 15px;\n            background: transparent;\n            border: none;\n            font-size: 24px;\n            font-weight: bold;\n            color: #555;\n            cursor: pointer;\n            z-index: 999;\n        }\n\n        .close-popup:hover {\n            color: #f00;\n        }\n        \n        @media only screen and (max-width: 768px) {\n            .mobile-priority {\n                position: relative;\n                z-index: 9999;\n            }\n        }\n\n        .mobile-priority{\n            z-index: 9999;\n            padding-top: 2px;\n        }\n\n    <\/style>\n    \n    <div class=\"tracking-form\">\n        <div id=\"tracking-form\" style=\"margin-bottom: 10px;\">\n            <form id=\"tracking-form\" class=\"tracking-wrap\">\n                <input class=\"input-tracking\" type=\"text\" id=\"tracking-code\" placeholder=\"Entrez votre code de suivi\" aria-label=\"Entrez votre code de suivi pour suivre votre colis\" \/>\n                <button id=\"submit-tracking\" class=\"default-btn\" type=\"submit\">\n                    <span class=\"icon\">\n                        <img decoding=\"async\" src=\"https:\/\/expresslivraison.ma\/images\/icon.png\" alt=\"Suivre colis\" style=\"width:20px; height:20px; filter: brightness(0) invert(1);\" \/>\n                    <\/span> Suivre\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <div id=\"trackingPopup\" class=\"tracking-popup\">\n        <button class=\"close-popup\" onclick=\"closePopup()\">\u00d7<\/button>\n\n        <div id=\"tracking-modal\" style=\"display:none;\">\n            <div style=\"animation: modalSlideIn 0.5s ease-out;\">\n                <span id=\"close-modal\">&times;<\/span>\n                \n                <div class=\"tracking-modal-header\">\n                    <h3 class=\"tracking-modal-title\"><i class=\"fas fa-search\"><\/i> Suivi ExpressLivraison<\/h3>\n                    <div class=\"tracking-status-badge\">R\u00e9sultats de recherche<\/div>\n                <\/div>\n                \n                <div id=\"tracking-result\" style=\"width: 100%; padding: 5px 0 0 0; margin: 0; overflow-x: auto; font-size: 14px; min-height: 200px;\"><\/div>\n                \n                <div id=\"loading-icon\" style=\"display:none; text-align:center; margin-top: 30px;\">\n                    <img decoding=\"async\" src=\"https:\/\/expresslivraison.ma\/images\/icon.png\" alt=\"Loading...\" width=\"40\" height=\"40\" id=\"loading-image\" style=\"animation: pulse 1.5s infinite; filter: brightness(0); opacity: 0.6;\" \/>\n                    <p style=\"color: #666; font-weight: 500; margin: 15px 0 0 0; font-size: 14px; font-family: 'Lexend Deca', sans-serif;\">Recherche en cours...<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    jQuery(document).ready(function($) {\n       \n        $('#submit-tracking').on('click', function(e) {\n            e.preventDefault();\n            var code = $('#tracking-code').val();\n\n            $('#loading-icon').show();\n            $('#tracking-result').html(\"\"); \n            $('#tracking-modal').fadeIn();  \n\n            $.ajax({\n                url: 'https:\/\/expresslivraison.ma\/wp-admin\/admin-ajax.php',\n                method: 'POST',\n                data: {\n                    action: 'expresslivraison_tracking',\n                    code: code\n                },\n                success: function(response) {\n                    $('#tracking-result').html(response); \n                    $('#loading-icon').hide();  \n                },\n                error: function() {\n                    $('#tracking-result').html(\"Erreur lors de la r\u00e9cup\u00e9ration.\");\n                    $('#loading-icon').hide();  \n                }\n            });\n        });\n\n        $('#close-modal').on('click', function() {\n            $('#tracking-modal').fadeOut();  \n        });\n\n        $(window).on('click', function(event) {\n            if ($(event.target).is('#tracking-modal')) {\n                $('#tracking-modal').fadeOut();\n            }\n        });\n    });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>SUIVEZ VOTRE COLIS Suivez votre colis en temps r\u00e9el gr\u00e2ce \u00e0 notre syst\u00e8me de tracking simple et rapide. Entrez votre num\u00e9ro d\u2019exp\u00e9dition pour conna\u00eetre instantan\u00e9ment l\u2019\u00e9tat de votre livraison, sa localisation et sa date d\u2019arriv\u00e9e pr\u00e9vue. Avec Maberr, vous gardez toujours le contr\u00f4le sur vos envois.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-276","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/expresslivraison.ma\/index.php\/wp-json\/wp\/v2\/pages\/276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expresslivraison.ma\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/expresslivraison.ma\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/expresslivraison.ma\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expresslivraison.ma\/index.php\/wp-json\/wp\/v2\/comments?post=276"}],"version-history":[{"count":13,"href":"https:\/\/expresslivraison.ma\/index.php\/wp-json\/wp\/v2\/pages\/276\/revisions"}],"predecessor-version":[{"id":414,"href":"https:\/\/expresslivraison.ma\/index.php\/wp-json\/wp\/v2\/pages\/276\/revisions\/414"}],"wp:attachment":[{"href":"https:\/\/expresslivraison.ma\/index.php\/wp-json\/wp\/v2\/media?parent=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}