{"id":2235,"date":"2025-11-24T07:08:55","date_gmt":"2025-11-24T06:08:55","guid":{"rendered":"https:\/\/ecolosplus.se\/?page_id=2235"},"modified":"2026-02-04T12:43:26","modified_gmt":"2026-02-04T11:43:26","slug":"user-manual","status":"publish","type":"page","link":"https:\/\/ecolosplus.se\/sv\/user-manual\/","title":{"rendered":"User Manual"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2235\" class=\"elementor elementor-2235\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-004213c e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"004213c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-859013a elementor-widget elementor-widget-html\" data-id=\"859013a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====== ROLE SPLIT \u2013 RETAILER \/ TRANSPORTER \/ APPS ====== -->\r\n<section id=\"um-roles\" class=\"um-roles-section\">\r\n  <header class=\"um-roles-header\">\r\n    <h2 class=\"um-roles-title\">Choose your area<\/h2>\r\n    <p class=\"um-roles-subtitle\">\r\n      Start from the side that matches your role. You can always switch between views later.\r\n    <\/p>\r\n  <\/header>\r\n\r\n  <div class=\"um-roles-grid\">\r\n    <!-- RETAILER SIDE -->\r\n    <article\r\n      class=\"um-role-card\"\r\n      data-doc-card=\"true\"\r\n      data-role=\"retailer\"\r\n    >\r\n      <div class=\"um-role-card-bg um-role-card-bg--retailer\"><\/div>\r\n\r\n      <div class=\"um-role-chip\">\r\n        <span class=\"um-role-dot\"><\/span>\r\n        Retailer side\r\n      <\/div>\r\n\r\n      <h3 class=\"um-role-title\">\r\n        Retailer dashboard <span class=\"um-role-emoji\">\ud83d\udce6<\/span>\r\n      <\/h3>\r\n\r\n      <p class=\"um-role-text\">\r\n        For retailers. Set up order management and order tracking in Ecolos+.\r\n      <\/p>\r\n\r\n      <div class=\"um-role-columns\">\r\n        <div>\r\n          <h4 class=\"um-role-subtitle\">You\u2019ll find<\/h4>\r\n          <ul class=\"um-role-list\">\r\n            <li>Hub \/ terminal specification<\/li>\r\n            <li>Order status tracking<\/li>\r\n            <li>Order delivery statistics<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"um-role-footer\">\r\n        <a href=\"#retailer-docs\" class=\"um-role-btn um-role-btn--primary\">\r\n          Go to retailer manual\r\n        <\/a>\r\n        <span class=\"um-role-meta\">Focus: order management &amp; tracking KPIs<\/span>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- TRANSPORTER SIDE -->\r\n    <article\r\n      class=\"um-role-card\"\r\n      data-doc-card=\"true\"\r\n      data-role=\"transporter\"\r\n    >\r\n      <div class=\"um-role-card-bg um-role-card-bg--transporter\"><\/div>\r\n\r\n      <div class=\"um-role-chip\">\r\n        <span class=\"um-role-dot um-role-dot--green\"><\/span>\r\n        Transporter side\r\n      <\/div>\r\n\r\n      <h3 class=\"um-role-title\">\r\n        Transporter &amp; operations dashboard <span class=\"um-role-emoji\">\ud83d\ude9a<\/span>\r\n      <\/h3>\r\n\r\n      <p class=\"um-role-text\">\r\n        For transporters and ops teams. Run hubs, routes and couriers in day-to-day operations.\r\n      <\/p>\r\n\r\n      <div class=\"um-role-columns\">\r\n        <div>\r\n          <h4 class=\"um-role-subtitle\">You\u2019ll find<\/h4>\r\n          <ul class=\"um-role-list\">\r\n            <li>Route generation &amp; planning<\/li>\r\n            <li>Hub data<\/li>\r\n            <li>Handling orders<\/li>\r\n            <li>Courier management<\/li>\r\n            <li>Vehicle specification<\/li>\r\n            <li>Log management for customer support<\/li>\r\n            <li>Order delivery statistics<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"um-role-footer\">\r\n        <a href=\"#transporter-docs\" class=\"um-role-btn um-role-btn--primary\">\r\n          Go to transporter manual\r\n        <\/a>\r\n        <span class=\"um-role-meta\">Focus: hubs, routes &amp; daily operations<\/span>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- END-USER APP -->\r\n    <article\r\n      class=\"um-role-card\"\r\n      data-doc-card=\"true\"\r\n      data-role=\"enduser-app\"\r\n    >\r\n      <div class=\"um-role-card-bg um-role-card-bg--enduser\"><\/div>\r\n\r\n      <div class=\"um-role-chip\">\r\n        <span class=\"um-role-dot\"><\/span>\r\n        Recipient app\r\n      <\/div>\r\n\r\n      <h3 class=\"um-role-title\">\r\n        Recipient app <span class=\"um-role-emoji\">\ud83d\udcf1<\/span>\r\n      <\/h3>\r\n\r\n      <p class=\"um-role-text\">\r\n        For recipients. Show order tracking, delivery options and notifications in a mobile-first view.\r\n      <\/p>\r\n\r\n      <div class=\"um-role-columns\">\r\n        <div>\r\n          <h4 class=\"um-role-subtitle\">You\u2019ll find<\/h4>\r\n          <ul class=\"um-role-list\">\r\n            <li>Order tracking views<\/li>\r\n            <li>Delivery options &amp; time windows<\/li>\r\n            <li>Notifications \u2013 email, SMS &amp; push<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"um-role-footer\">\r\n        <a href=\"#customer-app-docs\" class=\"um-role-btn um-role-btn--primary\">\r\n          Go to end-user app manual\r\n        <\/a>\r\n        <span class=\"um-role-meta\">Includes: tracking, delivery options &amp; notifications<\/span>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- COURIER APP -->\r\n    <article\r\n      class=\"um-role-card\"\r\n      data-doc-card=\"true\"\r\n      data-role=\"courier-app\"\r\n    >\r\n      <div class=\"um-role-card-bg um-role-card-bg--courier\"><\/div>\r\n\r\n      <div class=\"um-role-chip\">\r\n        <span class=\"um-role-dot um-role-dot--green\"><\/span>\r\n        Courier app\r\n      <\/div>\r\n\r\n      <h3 class=\"um-role-title\">\r\n        Courier app <span class=\"um-role-emoji\">\ud83d\udcf2<\/span>\r\n      <\/h3>\r\n\r\n      <p class=\"um-role-text\">\r\n        For couriers and delivery teams. Manage missions, proof-of-delivery and live exceptions on the go.\r\n      <\/p>\r\n\r\n      <div class=\"um-role-columns\">\r\n        <div>\r\n          <h4 class=\"um-role-subtitle\">You\u2019ll find<\/h4>\r\n          <ul class=\"um-role-list\">\r\n            <li>Missions &amp; routes<\/li>\r\n            <li>Proof-of-delivery (POD)<\/li>\r\n            <li>Live exceptions &amp; alerts<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"um-role-footer\">\r\n        <a href=\"#courier-app-docs\" class=\"um-role-btn um-role-btn--primary\">\r\n          Go to courier app manual\r\n        <\/a>\r\n        <span class=\"um-role-meta\">Includes: missions, POD &amp; live alerts<\/span>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ====== CONTAINER AROUND CARDS ====== *\/\r\n  .um-roles-section {\r\n    margin-top: 24px;\r\n    padding: 24px 22px 26px;\r\n    border-radius: 32px;\r\n    box-sizing: border-box;\r\n    background: radial-gradient(circle at top, rgba(148, 163, 184, 0.26), transparent 55%),\r\n      linear-gradient(180deg, #f9fafb, #e5f2ff);\r\n    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.35);\r\n  }\r\n\r\n  .um-roles-header {\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .um-roles-title {\r\n    font-size: 22px;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    margin: 0 0 6px;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .um-roles-subtitle {\r\n    font-size: 13px;\r\n    color: #374151;\r\n    margin: 0;\r\n    max-width: 560px;\r\n  }\r\n\r\n  .um-roles-grid {\r\n    margin-top: 14px;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* ====== CARDS ====== *\/\r\n  .um-role-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 26px;\r\n    padding: 20px 20px 16px;\r\n    border: 1px solid rgba(15, 23, 42, 0.9);\r\n    background: radial-gradient(circle at top left, rgba(15, 23, 42, 0.98), #020617);\r\n    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.9);\r\n    box-sizing: border-box;\r\n    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out,\r\n      border-color 0.2s ease-out;\r\n    color: #e5e7eb;\r\n\r\n    \/* NEW: \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0641\u0648\u062a\u0631 \u0647\u0645\u06cc\u0634\u0647 \u0628\u0631\u0647 \u067e\u0627\u06cc\u06cc\u0646 \u06a9\u0627\u0631\u062a *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .um-role-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 26px 80px rgba(15, 23, 42, 1);\r\n    border-color: rgba(37, 99, 235, 0.85);\r\n  }\r\n\r\n  .um-role-card-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0.5;\r\n    mix-blend-mode: screen;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .um-role-card-bg--retailer {\r\n    background: radial-gradient(circle at top right, #38bdf8, transparent 60%);\r\n  }\r\n\r\n  .um-role-card-bg--transporter {\r\n    background: radial-gradient(circle at top right, #22c55e, transparent 60%);\r\n  }\r\n\r\n  .um-role-card-bg--enduser {\r\n    background: radial-gradient(circle at top right, #a855f7, transparent 60%);\r\n  }\r\n\r\n  .um-role-card-bg--courier {\r\n    background: radial-gradient(circle at top right, #f97316, transparent 60%);\r\n  }\r\n\r\n  .um-role-chip {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 4px 11px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(148, 163, 184, 0.55);\r\n    background: rgba(15, 23, 42, 0.95);\r\n    font-size: 11px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .um-role-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 999px;\r\n    background: #38bdf8;\r\n  }\r\n\r\n  .um-role-dot--green {\r\n    background: #22c55e;\r\n  }\r\n\r\n  .um-role-title {\r\n    position: relative;\r\n    font-size: 18px;\r\n    margin: 0 0 6px;\r\n    color: #f9fafb;\r\n  }\r\n\r\n  .um-role-emoji {\r\n    font-size: 18px;\r\n    margin-left: 6px;\r\n  }\r\n\r\n  .um-role-text {\r\n    position: relative;\r\n    font-size: 13px;\r\n    color: #cbd5f5;\r\n    margin: 0 0 14px;\r\n  }\r\n\r\n  .um-role-columns {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 14px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .um-role-subtitle {\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.12em;\r\n    color: #e5e7eb;\r\n    margin: 0 0 6px;\r\n  }\r\n\r\n  .um-role-list {\r\n    margin: 0;\r\n    padding-left: 18px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .um-role-list--compact li {\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .um-role-footer {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n\r\n    \/* NEW: \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0641\u0648\u062a\u0631 \u0628\u0686\u0633\u0628\u0647 \u0628\u0647 \u0627\u0646\u062a\u0647\u0627\u06cc \u06a9\u0627\u0631\u062a *\/\r\n    margin-top: auto;\r\n  }\r\n\r\n  .um-role-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 9px 16px;\r\n    border-radius: 999px;\r\n    font-size: 13px;\r\n    border: 1px solid transparent;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: background 0.18s ease-out, color 0.18s ease-out,\r\n      box-shadow 0.18s ease-out, border-color 0.18s ease-out,\r\n      transform 0.18s ease-out;\r\n  }\r\n\r\n  .um-role-btn--primary {\r\n    background: linear-gradient(135deg, #46b3ff, #7cf4c6);\r\n    color: #020617;\r\n    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.8);\r\n  }\r\n\r\n  .um-role-btn--primary:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 24px 60px rgba(37, 99, 235, 1);\r\n  }\r\n\r\n  .um-role-meta {\r\n    font-size: 11px;\r\n    color: #9ca3af;\r\n  }\r\n\r\n  \/* ====== RESPONSIVE ====== *\/\r\n  @media (max-width: 992px) {\r\n    .um-roles-grid {\r\n      grid-template-columns: minmax(0, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .um-roles-section {\r\n      padding-inline: 16px;\r\n    }\r\n\r\n    .um-role-card {\r\n      border-radius: 22px;\r\n      padding: 18px 16px 14px;\r\n    }\r\n\r\n    .um-role-columns {\r\n      grid-template-columns: minmax(0, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .um-roles-section {\r\n      padding-inline: 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca19b45 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"ca19b45\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-212eb25 elementor-widget elementor-widget-html\" data-id=\"212eb25\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"retailer-docs\" class=\"um-doc-section\">\r\n  <h2 class=\"um-doc-section-title\">Retailer dashboard - documentation<\/h2>\r\n  <p class=\"um-doc-section-subtitle\">\r\n    Regions, hubs, orders, bulk imports and statistics on the retailer side of Ecolos+.\r\n  <\/p>\r\n\r\n  <div class=\"um-feature-list\">\r\n    <!-- REGION -->\r\n    <article class=\"um-feature-item\" id=\"retailer-region-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Region<\/h3>\r\n          <p class=\"um-feature-desc\">Create and update regions for your operations.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Add \u00b7 Edit<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- REGION DEFINITION -->\r\n        <p style=\"font-size:12px;margin:0 0 8px;\">\r\n          A <strong>region<\/strong> in Ecolos+ is a geographical area that can be a single city,\r\n          several cities or part of a city. When creating a region, you first pick the\r\n          <strong>country<\/strong>, then choose one or more cities or you can define it as a polygon on the map.\r\n        <\/p>\r\n\r\n        <!-- ADD REGION -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to add a region<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the left-hand navigation, click <strong>Regions<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            On the <strong>Regions<\/strong> page, click the\r\n            <strong>Add region<\/strong> button in the top-right corner.\r\n          <\/li>\r\n          <li>\r\n            In the <strong>Add Region<\/strong> form, fill in:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li>\r\n                <strong>Name<\/strong> \u2013 the internal name of the region, for example\r\n                \u201cStockholm\u201d or \u201cSouth Sweden\u201d.\r\n              <\/li>\r\n              <li>\r\n                <strong>Country &amp; cities<\/strong> \u2013 first choose the country, then\r\n                select one or more cities that this region should cover.\r\n              <\/li>\r\n              <li>\r\n                <strong>Map area<\/strong> \u2013 on the map, select the area you want the\r\n                region to include. This can be a full city, multiple cities or only a\r\n                part of a city.\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            Click <strong>Save<\/strong> to create the region.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- EDIT REGION -->\r\n        <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to edit a region<\/h4>\r\n        <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the left-hand navigation, click <strong>Regions<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            In the list of regions, find the region you want to change.\r\n          <\/li>\r\n          <li>\r\n            Click the <strong>Edit<\/strong> button for that region.\r\n          <\/li>\r\n          <li>\r\n            Update the <strong>Name<\/strong>, <strong>Country &amp; cities<\/strong> or\r\n            the <strong>map area<\/strong> as needed.\r\n          <\/li>\r\n          <li>\r\n            Click <strong>Save<\/strong> to apply your changes.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: keep region names and selected cities consistent (for example \u201cStockholm\u201d\r\n          or \u201cSouth Sweden\u201d) so they are easy to reuse in hubs, orders and statistics\r\n          filters.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- HUB -->\r\n    <article class=\"um-feature-item\" id=\"retailer-hub-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Hubs<\/h3>\r\n          <p class=\"um-feature-desc\">Create and update hubs in your network.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Add \u00b7 Edit<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- HUB DEFINITION -->\r\n        <p style=\"font-size:12px;margin:0 0 8px;\">\r\n          A <strong>hub<\/strong> is a terminal or warehouse where routes start and end.\r\n        <\/p>\r\n\r\n        <!-- ADD HUB -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to add a hub<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the left-hand navigation, click <strong>Hubs<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            On the <strong>Hubs<\/strong> page, click the\r\n            <strong>Add hub<\/strong> button in the top-right corner.\r\n          <\/li>\r\n          <li>\r\n            In the <strong>Details<\/strong> section, fill in:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0%;\">\r\n              <li><strong>Name<\/strong> \u2013 the hub name that users will see.<\/li>\r\n              <li><strong>Region<\/strong> \u2013 choose which region this hub belongs to.<\/li>\r\n              <li>\r\n                <strong>Weight capacity<\/strong> and <strong>Volume capacity<\/strong> \u2013 optional limits\r\n                for how much the hub can handle.\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            In <strong>Search address<\/strong>, type the hub address.\r\n            The <strong>Location<\/strong> map on the right updates and shows a pin for the hub.\r\n          <\/li>\r\n          <li>\r\n            (Optional) Tick <strong>Vehicles should return to the hub<\/strong> if vehicles must\r\n            finish their route at this hub.\r\n          <\/li>\r\n          <li>\r\n            In the <strong>Shifts<\/strong> area, click <strong>Add shift<\/strong> and configure\r\n            the time windows when the hub operates.\r\n            <br \/>\r\n            <em>Important:<\/em> shifts must <strong>not overlap<\/strong>. If two shifts overlap in time,\r\n            the system will show an error and you need to adjust the time windows.\r\n          <\/li>\r\n          <li>\r\n            Under <strong>Parcel types<\/strong>, select which parcel types this hub can handle\r\n            (for example <em>Regular<\/em>, <em>Eco<\/em>, <em>Large<\/em>, <em>Cold<\/em>). The available\r\n            options come from your global parcel type configuration \u2013 choose only the types that\r\n            match what this hub can actually handle.\r\n          <\/li>\r\n          <li>\r\n            Set <strong>Max available vehicles<\/strong> if you want to limit how many vehicles\r\n            can operate from this hub at the same time.\r\n          <\/li>\r\n          <li>\r\n            When everything is filled in, click <strong>Save<\/strong> to create the hub.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- EDIT HUB -->\r\n        <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to edit a hub<\/h4>\r\n        <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the left-hand navigation, click <strong>Hubs<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            In the list of hubs, find the hub you want to change.\r\n          <\/li>\r\n          <li>\r\n            Click the <strong>Edit<\/strong> button on the left side of that hub row.\r\n          <\/li>\r\n          <li>\r\n            In the edit view, update the fields you need (for example name, region, address,\r\n            capacities, shifts, parcel types or max available vehicles).\r\n          <\/li>\r\n          <li>\r\n            For <strong>shifts<\/strong>, you can always add new time windows. You can only\r\n            edit or delete an existing shift if no orders have been assigned to that shift.\r\n            Once a shift has orders, it becomes read-only and you should create a new shift\r\n            instead of changing the old one.\r\n          <\/li>\r\n          <li>\r\n            Click <strong>Save<\/strong> to apply your changes.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: changing hub settings (especially region, address or capacities) can impact\r\n          routing and statistics, so make sure the values match how the hub is used in\r\n          operations.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- ORDER -->\r\n    <article class=\"um-feature-item\" id=\"retailer-order-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Orders<\/h3>\r\n          <p class=\"um-feature-desc\">Create, edit and search single retailer orders.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Create \u00b7 Edit \u00b7 Search<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- ORDER DEFINITION -->\r\n        <p style=\"font-size:12px;margin:0 0 8px;\">\r\n          An <strong>order<\/strong> in Ecolos+ represents one parcel. The order can be:\r\n          a <strong>delivery<\/strong> from a hub to a recipient or a\r\n          <strong>pickup<\/strong> from a recipient that is returned to the hub.\r\n        <\/p>\r\n\r\n        <p style=\"font-size:12px;margin:0 0 8px;\">\r\n          You can add orders in three ways:\r\n        <\/p>\r\n        <ul style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            One by one using the <strong>Add an Order<\/strong> button in the dashboard.\r\n          <\/li>\r\n          <li>\r\n            In bulk using the <strong>Import Orders<\/strong> function (see Bulk orders).\r\n          <\/li>\r\n          <li>\r\n            By integrating your system with the Ecolos+ <strong>API<\/strong> and sending\r\n            orders automatically.\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <!-- CREATE ORDER -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to create an order<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the left-hand navigation, click <strong>Orders<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            On the <strong>Orders<\/strong> page, click the\r\n            <strong>Add an Order<\/strong> button in the top-right corner.\r\n          <\/li>\r\n          <li>\r\n            In the <strong>Add Order<\/strong> view, fill the <strong>Details<\/strong> section:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Name<\/strong> \u2013 internal name or reference for the order.<\/li>\r\n              <li><strong>Region<\/strong> \u2013 select the region for this delivery.<\/li>\r\n              <li><strong>Select Hub<\/strong> \u2013 choose the distribution hub.<\/li>\r\n              <li><strong>Parcel Type<\/strong> \u2013 choose the parcel type to be delivered.<\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            Under <strong>Date and Time<\/strong>, set:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Delivery date<\/strong> \u2013 the planned delivery day.<\/li>\r\n              <li>\r\n                <strong>Shift<\/strong> \u2013 choose one of the available shifts for the selected hub\r\n                (for example a shift from <code>08:00<\/code> to <code>16:00<\/code>).\r\n              <\/li>\r\n              <li>\r\n                <strong>Earliest time<\/strong> and <strong>Latest time<\/strong> \u2013 the allowed\r\n                time window for this order. The time window must be\r\n                <strong>inside<\/strong> the selected shift.\r\n                <br \/>\r\n                Example: if the shift is <code>08:00\u201316:00<\/code>, a time window\r\n                <code>09:00\u201312:00<\/code> is valid, but <code>07:30\u201309:00<\/code> will give an\r\n                error because it is outside the shift.\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            In the <strong>Recipient<\/strong> section, fill contact and address details:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Email<\/strong> and <strong>Phone<\/strong>.<\/li>\r\n              <li><strong>Firstname<\/strong>, <strong>Middlename<\/strong> (optional) and <strong>Lastname<\/strong>.<\/li>\r\n              <li>\r\n                <strong>Address<\/strong>, <strong>Type of building<\/strong>, <strong>Floor<\/strong> and\r\n                <strong>Unit No.<\/strong> if needed.\r\n              <\/li>\r\n            <\/ul>\r\n            The <strong>Location<\/strong> map on the right shows the delivery point based on the address.\r\n            If you move the pin on the map to the correct position, the address fields will\r\n            update accordingly. We recommend adjusting the location on the map and then\r\n            double-checking the address before saving.\r\n            <br \/>\r\n            If you use an <strong>email<\/strong> that already exists, the\r\n            stored recipient details will be overwritten with the new information. If you\r\n            enter a <strong>new<\/strong> email address, a new recipient record is created.\r\n          <\/li>\r\n          <li>\r\n            In <strong>Delivery options<\/strong>, tick any options that apply\r\n            (for example <em>Need ID<\/em>, <em>Need sign<\/em>, <em>Need ring<\/em>,\r\n            <em>Door name exists<\/em>, <em>Door code exists<\/em>, <em>Leave front door<\/em>).\r\n          <\/li>\r\n          <li>\r\n            Under <strong>Order type<\/strong>, choose whether this is a\r\n            <strong>Delivery order<\/strong> or a <strong>Return order<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            In <strong>Specification<\/strong>, add any extra details such as\r\n            <strong>Barcode<\/strong>, <strong>Weight<\/strong> and <strong>Volume<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            When all required fields are filled in and the location looks correct on the map,\r\n            click <strong>Save<\/strong> to create the order.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- EDIT ORDER -->\r\n        <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to edit an order<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the left-hand navigation, click <strong>Orders<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            In the orders list, find the order you want to change.\r\n          <\/li>\r\n          <li>\r\n            Click the <strong>Edit<\/strong> button for that order.\r\n          <\/li>\r\n          <li>\r\n            In the edit view, update the fields you need (for example delivery date\/time,\r\n            recipient details, delivery options or specifications).\r\n          <\/li>\r\n          <li>\r\n            Click <strong>Save<\/strong> to apply your changes to the order.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- SEARCH ORDERS -->\r\n        <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to search and filter orders<\/h4>\r\n        <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the left-hand navigation, click <strong>Orders<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            At the top of the page, use the <strong>Filter Orders<\/strong> panel.\r\n          <\/li>\r\n          <li>\r\n            Set one or more filters, for example:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Delivery date<\/strong><\/li>\r\n              <li><strong>Distribution hub<\/strong><\/li>\r\n              <li><strong>Delivery shifts<\/strong><\/li>\r\n              <li><strong>Order status<\/strong><\/li>\r\n              <li><strong>Parcel type<\/strong><\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            The order list below shows only the orders that match your filters\r\n            (or use the search\/apply action if available).\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: when troubleshooting a single delivery, combine filters (for example delivery date,\r\n          hub and status) to quickly narrow down the list to a few relevant orders.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- BULK ORDERS -->\r\n    <article class=\"um-feature-item\" id=\"retailer-bulk-orders-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Bulk orders<\/h3>\r\n          <p class=\"um-feature-desc\">Import many retailer orders at once from a file.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Upload (Import orders)<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to import bulk orders<\/h4>\r\n        <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the left-hand navigation, click <strong>Orders<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            In the <strong>Orders<\/strong> page, click the\r\n            <strong>Import Orders<\/strong> button in the top-right corner.\r\n          <\/li>\r\n          <li>\r\n            On the <strong>Orders Batch<\/strong> page, select the correct\r\n            <strong>Region<\/strong> from <em>Select Region<\/em> and the correct\r\n            <strong>Hub<\/strong> from <em>Select Hub<\/em>.\r\n          <\/li>\r\n          <li>\r\n            Click the large grey upload area with the text\r\n            <strong>\u201cDrag and drop JSON or CSV file here, or click to select the file.\u201d<\/strong>\r\n            (or drag and drop your file onto it) and choose the\r\n            <strong>JSON<\/strong> or <strong>CSV<\/strong> file that contains the orders.\r\n          <\/li>\r\n          <li>\r\n            After the upload, the system validates the file. If the structure is not correct,\r\n            an error message is shown. On the same page you can see example\r\n            <strong>CSV<\/strong> and <strong>JSON<\/strong> formats that show which fields\r\n            and columns are required.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;margin:0 0 6px;opacity:0.9;\">\r\n          You can also download an Excel file with all required fields and descriptions:\r\n          <!-- TODO: replace the href with the final public URL of your file -->\r\n          <a href=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/Required_fields_and_description.xlsx\"\r\n             target=\"_blank\" rel=\"noopener\">\r\n            Required_fields_and_description.xlsx\r\n          <\/a>.\r\n          Use this as a template when preparing your CSV or JSON imports.\r\n        <\/p>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Note: the file must contain a list of orders \u2013 either a <strong>CSV<\/strong> file\r\n          with columns similar to the sample table (for example\r\n          <code>parcel_type<\/code>, <code>name<\/code>, <code>lat<\/code>, <code>lon<\/code>,\r\n          time windows and flags), or a <strong>JSON array<\/strong> of objects with the same\r\n          fields.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- STATISTICS -->\r\n    <article class=\"um-feature-item\" id=\"retailer-statistics-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Statistics<\/h3>\r\n          <p class=\"um-feature-desc\">View daily and overall performance for hubs.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Dashboards<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- DAILY STATISTICS -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">Daily statistics<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the left-hand navigation, click <strong>Statistics<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            Make sure the tab <strong>Daily statistics<\/strong> is selected.\r\n          <\/li>\r\n          <li>\r\n            Set the filters:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Choose a hub<\/strong> \u2013 select the hub you want to analyse.<\/li>\r\n              <li><strong>Date<\/strong> \u2013 pick the delivery date you are interested in.<\/li>\r\n              <li><strong>Choose shifts<\/strong> \u2013 optionally limit the view to specific shifts.<\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            Click <strong>View stats<\/strong>. The dashboard will update and show the daily\r\n            KPIs for the selected hub, date and shifts.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- OVERALL STATISTICS -->\r\n        <h4 style=\"margin:6px 0 6px;font-size:13px;\">Overall statistics (date range)<\/h4>\r\n        <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            Go to <strong>Statistics<\/strong> and select the\r\n            <strong>Overall statistics<\/strong> tab.\r\n          <\/li>\r\n          <li>\r\n            In <strong>Choose a hub<\/strong>, select the hub you want to analyse.\r\n          <\/li>\r\n          <li>\r\n            Set the date range:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Start date<\/strong> \u2013 the first day of the period.<\/li>\r\n              <li>\r\n                <strong>End date<\/strong> \u2013 the last day of the period.<br \/>\r\n                <em>Important:<\/em> the end date must be earlier than today\r\n                (up to yesterday). Today and future dates are not included in the report.\r\n              <\/li>\r\n            <\/ul>\r\n            You can pick dates manually or use the quick presets on the right\r\n            (Today, Yesterday, This week, Last 7 days, etc.).\r\n          <\/li>\r\n          <li>\r\n            Optionally, choose one or more <strong>shifts<\/strong> to narrow down the data.\r\n          <\/li>\r\n          <li>\r\n            Click <strong>View stats<\/strong>. The dashboard will show aggregated KPIs\r\n            for the selected hub and date range.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: use daily statistics for detailed troubleshooting of a specific day, and\r\n          overall statistics to follow trends over longer periods (for example last week,\r\n          this month or a custom date range).\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f49c330 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"f49c330\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e12cbb4 elementor-widget elementor-widget-html\" data-id=\"e12cbb4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"transporter-docs\" class=\"um-doc-section\">\r\n  <h2 class=\"um-doc-section-title\">Transporter dashboard \u2013 documentation<\/h2>\r\n  <p class=\"um-doc-section-subtitle\">\r\n    Routes, hubs, orders, couriers, vehicles, statistics and customer support on the transporter side of Ecolos+.\r\n  <\/p>\r\n\r\n  <div class=\"um-feature-list\">\r\n    <!-- ROUTE -->\r\n<article class=\"um-feature-item\" id=\"transporter-route-doc\" data-doc-card=\"true\">\r\n  <button class=\"um-feature-header\" type=\"button\">\r\n    <div class=\"um-feature-header-main\">\r\n      <h3 class=\"um-feature-name\">Routes<\/h3>\r\n      <p class=\"um-feature-desc\">Generate and manage delivery routes per hub and shift.<\/p>\r\n    <\/div>\r\n    <div class=\"um-feature-header-right\">\r\n      <span class=\"um-feature-chip\">Generate \u00b7 Manage<\/span>\r\n      <span class=\"um-feature-caret\">\u25be<\/span>\r\n    <\/div>\r\n  <\/button>\r\n\r\n  <div class=\"um-feature-body\">\r\n    <!-- GENERATE ROUTES -->\r\n    <h4 style=\"margin:0 0 6px;font-size:13px;\">How to generate routes<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        In the transporter navigation, click <strong>Routes<\/strong>.\r\n      <\/li>\r\n      <li>\r\n        In the routes table, find the row for the <strong>hub<\/strong> and\r\n        <strong>shift<\/strong> you want to plan. If needed, select the correct shift\r\n        from the shift dropdown.\r\n      <\/li>\r\n      <li>\r\n        Click <strong>Generate routes<\/strong> for that hub\/shift.\r\n      <\/li>\r\n      <li>\r\n        A dialog opens showing the available <strong>supplies<\/strong>\r\n        (number of bikes, e-cars, vans, etc.). Check that the numbers look correct.\r\n      <\/li>\r\n      <li>\r\n        Choose what to <strong>minimize<\/strong>: <strong>Cost<\/strong>,\r\n        <strong>Distance<\/strong> or <strong>Duration<\/strong>.\r\n      <\/li>\r\n      <li>\r\n        Decide if you want to <strong>use AI traffic prediction<\/strong>\r\n        and toggle it to Enable or Disable.\r\n      <\/li>\r\n      <li>\r\n        If you need to adjust supplies, use the <strong>Change supplies<\/strong> option;\r\n        otherwise click <strong>Confirm<\/strong> to start route generation.\r\n      <\/li>\r\n      <li>\r\n        When the optimization finishes you get a confirmation that the routes were\r\n        successfully generated for this hub and shift.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- MANAGE ROUTES -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to manage routes for a hub and shift<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        Stay on the <strong>Routes<\/strong> page and find the same hub and shift\r\n        where you generated routes.\r\n      <\/li>\r\n      <li>\r\n        Click <strong>Manage routes<\/strong> for that row.\r\n      <\/li>\r\n      <li>\r\n        The route management view opens. At the top you see a map with all generated\r\n        routes for this hub and shift. Use the controls to zoom and inspect the\r\n        route shapes and stops.\r\n      <\/li>\r\n      <li>\r\n        You can choose to show or hide <strong>unassigned orders<\/strong> on the map.\r\n      <\/li>\r\n      <li>\r\n        Below the map there are three tabs:\r\n        <ul style=\"margin:4px 0 0 16px;padding:0;font-size:12px;opacity:0.9;\">\r\n          <li>\r\n            <strong>Generated route<\/strong> \u2013 Shows a table with all generated routes for the selected hub and shift,\r\n            including route ID, color, vehicle type, distance, duration, missions per hour, cost,\r\n            courier name and status. Use the actions in this table to inspect, adjust or remove\r\n            individual routes when needed.\r\n          <\/li>\r\n          <li>\r\n            <strong>Unassigned orders<\/strong> \u2013 Lists orders that are not yet assigned to any route. From here you can manage\r\n            these orders and move them into existing routes or keep them unassigned, depending on how you want to operate\r\n            that shift.\r\n          <\/li>\r\n          <li>\r\n            <strong>Courier assignment<\/strong> \u2013 Shows one row per route with its color, vehicle type, distance and number of\r\n            stops. Use the <strong>Assign courier<\/strong> dropdown to select which courier should run each route. Once\r\n            couriers are assigned, the routes are ready to be used in operations and in the courier applications.\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- VIEW ROUTES LIST -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">View routes list<\/h4>\r\n    <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        In the transporter navigation, click <strong>Route<\/strong>.\r\n      <\/li>\r\n      <li>\r\n        Click the <strong>View routes list<\/strong> button at the top of the page.\r\n      <\/li>\r\n      <li>\r\n        Use the <strong>Filter routes<\/strong> panel to narrow down which routes you want to see:\r\n        <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n          <li><strong>Date<\/strong> \u2013 select the delivery date.<\/li>\r\n          <li><strong>Distribution hub<\/strong> \u2013 choose the hub.<\/li>\r\n          <li><strong>Delivery shifts<\/strong> \u2013 optionally limit to one shift.<\/li>\r\n          <li><strong>Courier<\/strong> \u2013 filter routes by a specific courier.<\/li>\r\n          <li><strong>Route status<\/strong> \u2013 for example scheduled, in progress, completed.<\/li>\r\n          <li><strong>Vehicle type<\/strong> \u2013 show only routes for a certain vehicle type.<\/li>\r\n        <\/ul>\r\n      <\/li>\r\n      <li>\r\n        The routes table below will show only the routes that match the selected\r\n        filters, so you can quickly find and review the relevant routes.\r\n      <\/li>\r\n    <\/ol>\r\n  <\/div>\r\n<\/article>\r\n\r\n    <!-- HUB -->\r\n<article class=\"um-feature-item\" id=\"transporter-hub-doc\" data-doc-card=\"true\">\r\n  <button class=\"um-feature-header\" type=\"button\">\r\n    <div class=\"um-feature-header-main\">\r\n      <h3 class=\"um-feature-name\">Hubs<\/h3>\r\n      <p class=\"um-feature-desc\">View hub shifts and operational settings.<\/p>\r\n    <\/div>\r\n    <div class=\"um-feature-header-right\">\r\n      <span class=\"um-feature-chip\">Edit \u00b7 Supplies<\/span>\r\n      <span class=\"um-feature-caret\">\u25be<\/span>\r\n    <\/div>\r\n  <\/button>\r\n\r\n  <div class=\"um-feature-body\">\r\n    <!-- OVERVIEW -->\r\n    <h4 style=\"margin:0 0 6px;font-size:13px;\">Hubs overview<\/h4>\r\n    <p style=\"font-size:12px;opacity:0.9;margin:0 0 6px;\">\r\n      The <strong>Hubs<\/strong> page shows a table with all hubs that the transporter\r\n      operates. For each hub you can choose a <strong>shift<\/strong> and use three\r\n      main actions: <strong>Edit hub params<\/strong>,\r\n      and <strong>Change supplies<\/strong>.\r\n    <\/p>\r\n\r\n    <!-- SHOW ORDERS -->\r\n    <!--<h4 style=\"margin:6px 0 6px;font-size:13px;\">How to see orders for a hub and shift<\/h4>-->\r\n    <!--<ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">-->\r\n    <!--  <li>-->\r\n    <!--    In the transporter navigation, click <strong>Hubs<\/strong>.-->\r\n    <!--  <\/li>-->\r\n    <!--  <li>-->\r\n    <!--    In the table, find the hub you want to analyse.-->\r\n    <!--  <\/li>-->\r\n    <!--  <li>-->\r\n    <!--    Use the <strong>Shift<\/strong> dropdown on that row to select the shift-->\r\n    <!--    you are interested in (for example 08:00\u201312:00).-->\r\n    <!--  <\/li>-->\r\n    <!--  <li>-->\r\n    <!--    Click <strong>Show orders<\/strong> for that hub and shift.-->\r\n    <!--  <\/li>-->\r\n    <!--  <li>-->\r\n    <!--    An <strong>Orders overview<\/strong> page opens with a table of all orders-->\r\n    <!--    for this hub and shift. You can:-->\r\n    <!--    <ul style=\"margin:4px 0 0 16px;padding:0;\">-->\r\n    <!--      <li>See key information such as delivery date, parcel type and status.<\/li>-->\r\n    <!--      <li>Use table tools like columns, filters, density and export.<\/li>-->\r\n    <!--      <li>Click <strong>View details<\/strong> on a row to open a specific order.<\/li>-->\r\n    <!--    <\/ul>-->\r\n    <!--  <\/li>-->\r\n    <!--<\/ol>-->\r\n\r\n    <!-- EDIT HUB PARAMS -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to edit hub parameters<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        On the <strong>Hubs<\/strong> page, find the hub you want to update.\r\n      <\/li>\r\n      <li>\r\n        Click <strong>Edit hub params<\/strong> for that hub.\r\n      <\/li>\r\n      <li>\r\n        In the edit view, adjust the allowed operational parameters (for example\r\n        default shifts or other transporter-specific settings). Some core\r\n        configuration fields may be read-only and cannot be changed here.\r\n      <\/li>\r\n      <li>\r\n        Click <strong>Save<\/strong> to apply your changes.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- CHANGE SUPPLIES -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to change supplies for a hub<\/h4>\r\n    <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        On the <strong>Hubs<\/strong> page, find the hub where you want to adjust\r\n        supplies.\r\n      <\/li>\r\n      <li>\r\n        Use the <strong>Shift<\/strong> dropdown to select the shift whose supplies\r\n        you want to configure.\r\n      <\/li>\r\n      <li>\r\n        Click <strong>Change supplies<\/strong> for that hub and shift.\r\n      <\/li>\r\n      <li>\r\n        In the supplies dialog, update the number and type of vehicles that should\r\n        be available (for example bikes, e-cars, vans).\r\n      <\/li>\r\n      <li>\r\n        Confirm and save. The updated supplies will be used when you generate routes\r\n        for this hub and shift.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n      Tip: regularly review orders and supplies per hub and shift to keep route\r\n      generation aligned with real-world capacity.\r\n    <\/p>\r\n  <\/div>\r\n<\/article>\r\n\r\n    <!-- ORDER -->\r\n<article class=\"um-feature-item\" id=\"transporter-order-doc\" data-doc-card=\"true\">\r\n  <button class=\"um-feature-header\" type=\"button\">\r\n    <div class=\"um-feature-header-main\">\r\n      <h3 class=\"um-feature-name\">Orders<\/h3>\r\n      <p class=\"um-feature-desc\">View, filter and handle transporter orders.<\/p>\r\n    <\/div>\r\n    <div class=\"um-feature-header-right\">\r\n      <span class=\"um-feature-chip\">View \u00b7 Handle pending<\/span>\r\n      <span class=\"um-feature-caret\">\u25be<\/span>\r\n    <\/div>\r\n  <\/button>\r\n\r\n  <div class=\"um-feature-body\">\r\n    <!-- OVERVIEW & FILTER -->\r\n    <h4 style=\"margin:0 0 6px;font-size:13px;\">Orders overview<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        In the transporter navigation, click <strong>Orders<\/strong>.\r\n      <\/li>\r\n      <li>\r\n        At the top of the page you see the <strong>Filter orders<\/strong> panel.\r\n        Use it to narrow down which orders you want to see:\r\n        <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n          <li><strong>Delivery date<\/strong> \u2013 show orders for a specific day.<\/li>\r\n          <li><strong>Distribution hub<\/strong> \u2013 select the hub responsible.<\/li>\r\n          <li><strong>Delivery shifts<\/strong> \u2013 limit the view to one shift.<\/li>\r\n          <li><strong>Order status<\/strong> \u2013 for example unassigned, scheduled, completed.<\/li>\r\n          <li><strong>Parcel type<\/strong> \u2013 filter by parcel type such as Regular, Eco, Large, Cold.<\/li>\r\n        <\/ul>\r\n      <\/li>\r\n      <li>\r\n        The table below shows all orders that match the selected filters,\r\n        including columns like ID, name, hub, parcel type, delivery date,\r\n        status, address and contact details.\r\n      <\/li>\r\n      <li>\r\n        Use the table tools (columns, filters, density, export) to adjust\r\n        how the information is displayed or to export data.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- HANDLE PENDING ORDERS -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to handle pending orders<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        On the <strong>Orders<\/strong> page, click the\r\n        <strong>Handle pending orders<\/strong> button.\r\n      <\/li>\r\n      <li>\r\n        At the top of the pending orders view you see the\r\n        <strong>Assign selected order to<\/strong> section. Choose:\r\n        <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n          <li><strong>Date<\/strong> \u2013 the delivery date you want to assign to.<\/li>\r\n          <li><strong>Hub<\/strong> \u2013 the distribution hub that will handle the orders.<\/li>\r\n          <li><strong>Shift<\/strong> \u2013 the shift within that hub.<\/li>\r\n        <\/ul>\r\n        The <strong>Assign<\/strong> button will be enabled once a target date, hub\r\n        and shift are selected and at least one order is selected.\r\n      <\/li>\r\n      <li>\r\n        Below, use the <strong>Filter orders<\/strong> panel to limit which pending\r\n        orders you see (for example by delivery date, parcel type, hub or shift).\r\n      <\/li>\r\n      <li>\r\n        In the table of pending orders, tick the checkbox for each order that you\r\n        want to assign to the selected hub and shift.\r\n      <\/li>\r\n      <li>\r\n        When you have selected one or more orders and the target\r\n        <strong>date \/ hub \/ shift<\/strong> is set, click <strong>Assign<\/strong>.\r\n      <\/li>\r\n      <li>\r\n        The selected orders are assigned to that hub and shift and will no longer\r\n        appear as pending for other combinations.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n      Tip: combine filters with the pending orders view to quickly assign orders\r\n      in batches, for example all unassigned orders of a certain parcel type for\r\n      one hub and delivery date.\r\n    <\/p>\r\n  <\/div>\r\n<\/article>\r\n\r\n    <!-- COURIER -->\r\n<article class=\"um-feature-item\" id=\"transporter-courier-doc\" data-doc-card=\"true\">\r\n  <button class=\"um-feature-header\" type=\"button\">\r\n    <div class=\"um-feature-header-main\">\r\n      <h3 class=\"um-feature-name\">Couriers<\/h3>\r\n      <p class=\"um-feature-desc\">Manage couriers, their hubs, shifts and access.<\/p>\r\n    <\/div>\r\n    <div class=\"um-feature-header-right\">\r\n      <span class=\"um-feature-chip\">Add \u00b7 Edit \u00b7 Change password \u00b7 Delete<\/span>\r\n      <span class=\"um-feature-caret\">\u25be<\/span>\r\n    <\/div>\r\n  <\/button>\r\n\r\n  <div class=\"um-feature-body\">\r\n    <!-- OVERVIEW -->\r\n    <h4 style=\"margin:0 0 6px;font-size:13px;\">Couriers overview<\/h4>\r\n    <p style=\"font-size:12px;opacity:0.9;margin:0 0 6px;\">\r\n      The <strong>Couriers<\/strong> page shows couriers grouped by hub. For each courier\r\n      you see their name, username, shifts, phone number and main vehicle type, as well\r\n      as actions to edit, change password or delete the courier.\r\n    <\/p>\r\n\r\n    <!-- ADD COURIER -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to add a courier<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        In the transporter navigation, click <strong>Couriers<\/strong>.\r\n      <\/li>\r\n      <li>\r\n        Click the <strong>Add courier<\/strong> button at the top of the page.\r\n      <\/li>\r\n      <li>\r\n        Fill in the courier details:\r\n        <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n          <li><strong>Username*<\/strong> \u2013 login name for the courier app.<\/li>\r\n          <li><strong>Password*<\/strong> \u2013 initial password for the courier.<\/li>\r\n          <li><strong>First name*<\/strong>, <strong>Middle name<\/strong> (optional) and <strong>Last name*<\/strong>.<\/li>\r\n          <li><strong>Phone*<\/strong> \u2013 phone number used for contact.<\/li>\r\n          <li><strong>Email*<\/strong> \u2013 email address for the courier.<\/li>\r\n          <li><strong>Select a vehicle type*<\/strong> \u2013 main vehicle used (for example bike, e-car, van).<\/li>\r\n          <li><strong>Select a hub*<\/strong> \u2013 hub where the courier belongs.<\/li>\r\n          <li><strong>Cost per hour*<\/strong> \u2013 optional cost used for planning and reporting.<\/li>\r\n        <\/ul>\r\n      <\/li>\r\n      <li>\r\n        When all required fields are filled in, click <strong>Save<\/strong> to create the courier.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- EDIT COURIER -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to edit a courier<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        On the <strong>Couriers<\/strong> page, find the courier you want to update\r\n        under the correct hub.\r\n      <\/li>\r\n      <li>\r\n        Click <strong>Edit<\/strong> on that courier row.\r\n      <\/li>\r\n      <li>\r\n        Update the allowed fields, for example name, phone, vehicle type, hub\r\n        or assigned shifts.\r\n      <\/li>\r\n      <li>\r\n        Click <strong>Save<\/strong> to apply the changes.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- CHANGE PASSWORD -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to change a courier password<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        On the <strong>Couriers<\/strong> page, find the courier whose app password\r\n        needs to be updated.\r\n      <\/li>\r\n      <li>\r\n        Click <strong>Change password<\/strong> on that courier row.\r\n      <\/li>\r\n      <li>\r\n        Enter the new password and confirm if required.\r\n      <\/li>\r\n      <li>\r\n        Save the change. The courier will now use this new password to log in to\r\n        the courier application.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- DELETE COURIER -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to delete a courier<\/h4>\r\n    <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        On the <strong>Couriers<\/strong> page, find the courier you want to remove.\r\n      <\/li>\r\n      <li>\r\n        Click <strong>Delete<\/strong> on that courier row.\r\n      <\/li>\r\n      <li>\r\n        Confirm the deletion. The courier will be removed and will no longer have\r\n        access to the system.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n      Tip: keep courier information and shifts up to date so route assignment and\r\n      planning reflect the real teams working in each hub.\r\n    <\/p>\r\n  <\/div>\r\n<\/article>\r\n\r\n    <!-- VEHICLE -->\r\n<article class=\"um-feature-item\" id=\"transporter-vehicle-doc\" data-doc-card=\"true\">\r\n  <button class=\"um-feature-header\" type=\"button\">\r\n    <div class=\"um-feature-header-main\">\r\n      <h3 class=\"um-feature-name\">Vehicles<\/h3>\r\n      <p class=\"um-feature-desc\">Configure vehicle types and their capacities and costs.<\/p>\r\n    <\/div>\r\n    <div class=\"um-feature-header-right\">\r\n      <span class=\"um-feature-chip\">Edit vehicle parameters<\/span>\r\n      <span class=\"um-feature-caret\">\u25be<\/span>\r\n    <\/div>\r\n  <\/button>\r\n\r\n  <div class=\"um-feature-body\">\r\n    <!-- OVERVIEW -->\r\n    <h4 style=\"margin:0 0 6px;font-size:13px;\">Vehicles overview<\/h4>\r\n    <p style=\"font-size:12px;opacity:0.9;margin:0 0 6px;\">\r\n      The <strong>Vehicles<\/strong> page shows one column for each vehicle type used in\r\n      your operation (for example bike, truck, e-car, van, cold-car, trailer-truck).\r\n      Each column contains the configuration fields that control how this vehicle\r\n      behaves in planning and cost calculations.\r\n    <\/p>\r\n\r\n    <!-- EDIT VEHICLE PARAMETERS -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">How to edit vehicle parameters<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        In the transporter navigation, click <strong>Vehicles<\/strong>.\r\n      <\/li>\r\n      <li>\r\n        Locate the column for the vehicle type you want to update\r\n        (for example <em>Bike<\/em>, <em>Van<\/em> or <em>Cold-car<\/em>).\r\n      <\/li>\r\n      <li>\r\n        Edit the fields in that column as needed. Typical fields include:\r\n        <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n          <li><strong>Max speed<\/strong> \u2013 typical maximum speed of the vehicle.<\/li>\r\n          <li><strong>Max task<\/strong> \u2013 maximum number of stops or tasks per route.<\/li>\r\n          <li><strong>Weight capacity<\/strong> \u2013 maximum allowed weight.<\/li>\r\n          <li><strong>Volume capacity<\/strong> \u2013 maximum allowed volume.<\/li>\r\n          <li><strong>Fuel type<\/strong> \u2013 for example diesel, petrol, electrical, hybrid.<\/li>\r\n          <li><strong>Fuel consumption<\/strong> \u2013 fuel used per 100 km.<\/li>\r\n          <li><strong>Loading cost<\/strong> \u2013 fixed cost for loading this vehicle.<\/li>\r\n          <li><strong>Travel cost per km<\/strong> \u2013 cost used per kilometre travelled.<\/li>\r\n          <li><strong>Min allowed cost<\/strong> \u2013 minimum cost that should be considered\r\n              for a route with this vehicle type.<\/li>\r\n        <\/ul>\r\n      <\/li>\r\n      <li>\r\n        Repeat for any other vehicle types that need to be updated.\r\n      <\/li>\r\n      <li>\r\n        When you are done, save the configuration (if a save action is required in\r\n        your environment). The new values will be used the next time routes are\r\n        generated and costs are calculated.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n      Tip: align vehicle capacities and costs with your real fleet and contracts.\r\n      This helps route generation produce realistic plans and gives more accurate\r\n      cost estimates across hubs and shifts.\r\n    <\/p>\r\n  <\/div>\r\n<\/article>\r\n\r\n    <!-- STATISTICS & SUPPORT -->\r\n<article class=\"um-feature-item\" id=\"transporter-statistics-support-doc\" data-doc-card=\"true\">\r\n  <button class=\"um-feature-header\" type=\"button\">\r\n    <div class=\"um-feature-header-main\">\r\n      <h3 class=\"um-feature-name\">Statistics &amp; customer support<\/h3>\r\n      <p class=\"um-feature-desc\">Analyse performance and check delivery logs for support.<\/p>\r\n    <\/div>\r\n    <div class=\"um-feature-header-right\">\r\n      <span class=\"um-feature-chip\">Dashboards \u00b7 Logs<\/span>\r\n      <span class=\"um-feature-caret\">\u25be<\/span>\r\n    <\/div>\r\n  <\/button>\r\n\r\n  <div class=\"um-feature-body\">\r\n    <!-- STATISTICS \u2013 DAILY -->\r\n    <h4 style=\"margin:0 0 6px;font-size:13px;\">Daily statistics (transporter)<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        In the transporter navigation, open the <strong>Statistics<\/strong> page.\r\n      <\/li>\r\n      <li>\r\n        Select the <strong>Daily statistics<\/strong> tab.\r\n      <\/li>\r\n      <li>\r\n        Set the filters:\r\n        <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n          <li><strong>Choose a hub<\/strong> \u2013 hub you want to analyse.<\/li>\r\n          <li><strong>Date<\/strong> \u2013 delivery date to inspect.<\/li>\r\n          <li><strong>Choose shifts<\/strong> \u2013 limit the view to specific shifts if needed.<\/li>\r\n        <\/ul>\r\n      <\/li>\r\n      <li>\r\n        Click <strong>View stats<\/strong>. The dashboard shows daily KPIs for the\r\n        selected hub, date and shifts from the transporter perspective.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- STATISTICS \u2013 OVERALL -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">Overall statistics (date range)<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        In the same page, select the <strong>Overall statistics<\/strong> tab.\r\n      <\/li>\r\n      <li>\r\n        Choose the <strong>hub<\/strong> you want to analyse.\r\n      <\/li>\r\n      <li>\r\n        Set the date range:\r\n        <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n          <li><strong>Start date<\/strong> \u2013 first day of the period.<\/li>\r\n          <li>\r\n            <strong>End date<\/strong> \u2013 last day of the period.  \r\n            The end date must be earlier than today (up to yesterday).\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n      <li>\r\n        Optionally select one or more <strong>shifts<\/strong> to narrow down the data.\r\n      <\/li>\r\n      <li>\r\n        Click <strong>View stats<\/strong> to see aggregated KPIs for the chosen hub\r\n        and date range.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- CUSTOMER SUPPORT \u2013 LOGS BY DATE -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">Customer support \u2013 logs by date range<\/h4>\r\n    <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        Open the <strong>Customer support<\/strong> page from the transporter navigation.\r\n      <\/li>\r\n      <li>\r\n        On the <strong>All<\/strong> tab, select:\r\n        <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n          <li><strong>Start date<\/strong> and <strong>End date<\/strong> \u2013 the period you want to review.<\/li>\r\n          <li><strong>Choose a hub<\/strong> \u2013 hub whose logs you want to see.<\/li>\r\n          <li><strong>Choose a shift<\/strong> \u2013 optional shift filter.<\/li>\r\n        <\/ul>\r\n      <\/li>\r\n      <li>\r\n        Click <strong>View logs<\/strong>. All support logs that match the selected\r\n        dates, hub and shift are shown in the list below.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- CUSTOMER SUPPORT \u2013 BY ORDER ID -->\r\n    <h4 style=\"margin:6px 0 6px;font-size:13px;\">Customer support \u2013 logs by order ID<\/h4>\r\n    <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n      <li>\r\n        In the <strong>Customer support<\/strong> page, switch to the\r\n        <strong>By order ID<\/strong> tab.\r\n      <\/li>\r\n      <li>\r\n        Enter the order ID you want to investigate and apply the available filters\r\n        if needed.\r\n      <\/li>\r\n      <li>\r\n        View the log entries related to that specific order to support customers\r\n        and investigate issues.\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n      Tip: use statistics for long-term performance monitoring, and customer support\r\n      logs for detailed investigation of individual deliveries and issues.\r\n    <\/p>\r\n  <\/div>\r\n<\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f0856a e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"0f0856a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce49c8c elementor-widget elementor-widget-html\" data-id=\"ce49c8c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"customer-app-docs\" class=\"um-doc-section\">\r\n  <h2 class=\"um-doc-section-title\">Customer app \u2013 documentation<\/h2>\r\n  <p class=\"um-doc-section-subtitle\">\r\n    Track deliveries, see order details, postpone or cancel orders and manage your profile in the Ecolos+ customer app.\r\n  <\/p>\r\n\r\n  <div class=\"um-feature-list\">\r\n\r\n    <!-- MY DELIVERIES (LIST VIEW) -->\r\n    <article class=\"um-feature-item\" id=\"customer-my-deliveries-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">My Deliveries<\/h3>\r\n          <p class=\"um-feature-desc\">See all your active deliveries in one place.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">View \u00b7 Browse<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- DEFINITION -->\r\n        <p style=\"font-size:12px;margin:0 0 8px;\">\r\n          The <strong>My Deliveries<\/strong> screen is the home view of the customer app.\r\n          It shows how many <strong>active deliveries<\/strong> you have and lists each order\r\n          in a separate card with its status, delivery date and actions.\r\n        <\/p>\r\n\r\n        <!-- LAYOUT -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">What you see on My Deliveries<\/h4>\r\n        <ul style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            At the top, the title <strong>My Deliveries<\/strong> and a line such as\r\n            <em>\u201c5 active deliveries\u201d<\/em>.\r\n          <\/li>\r\n          <li>\r\n            Two summary boxes: <strong>Active<\/strong> and <strong>Delivered<\/strong>,\r\n            showing how many orders are currently in progress and how many have already\r\n            been delivered.\r\n          <\/li>\r\n          <li>\r\n            A list of <strong>delivery cards<\/strong>. Each card normally contains:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Order code<\/strong> (for example <em>BC1000<\/em>).<\/li>\r\n              <li><strong>Order title<\/strong> (for example <em>Order 1<\/em>).<\/li>\r\n              <li><strong>Price<\/strong> (for example <em>$20.00<\/em>).<\/li>\r\n              <li>\r\n                The planned <strong>delivery date and time<\/strong> with a clock icon\r\n                (for example <em>Wed Dec 03 2025<\/em>).\r\n              <\/li>\r\n              <li>\r\n                A coloured <strong>status badge<\/strong> such as\r\n                <em>Registered<\/em>, <em>Scheduled<\/em>, <em>Delivered<\/em> or\r\n                <em>Unassigned<\/em>.\r\n              <\/li>\r\n              <li>\r\n                For active deliveries, two buttons:\r\n                <strong>Postpone<\/strong> (blue) and <strong>Cancel<\/strong> (red).\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <!-- HOW TO USE -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to open and use My Deliveries<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            After logging in, you are usually taken directly to <strong>My Deliveries<\/strong>.\r\n            If not, tap the <strong>Orders<\/strong> icon in the bottom navigation bar.\r\n          <\/li>\r\n          <li>\r\n            Check the numbers in the <strong>Active<\/strong> and <strong>Delivered<\/strong>\r\n            boxes to quickly understand how many orders are in progress.\r\n          <\/li>\r\n          <li>\r\n            Scroll down to see all your active delivery cards.\r\n          <\/li>\r\n          <li>\r\n            To see full details for a specific order, tap anywhere on its card\r\n            (not only the buttons). This opens the <strong>Order Detail<\/strong> view.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: focus on cards with a <strong>Registered<\/strong> or <strong>Scheduled<\/strong>\r\n          status \u2013 these are the deliveries that can normally still be postponed or cancelled.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- ORDER DETAIL & TRACKING -->\r\n    <article class=\"um-feature-item\" id=\"customer-order-detail-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Order detail &amp; tracking<\/h3>\r\n          <p class=\"um-feature-desc\">See full information and live status for one order.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">View details \u00b7 Track<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- HOW TO OPEN -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to open order details<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            Go to <strong>My Deliveries<\/strong> (bottom navigation \u2013 <strong>Orders<\/strong>).\r\n          <\/li>\r\n          <li>\r\n            Find the order you are interested in and tap anywhere on its card.\r\n          <\/li>\r\n          <li>\r\n            The <strong>Order Detail<\/strong> screen opens, showing several sections with\r\n            more information about this delivery.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- LAYOUT DESCRIPTION -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">What you see in the Order Detail view<\/h4>\r\n        <ul style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            At the top, the current <strong>status badge<\/strong> (for example\r\n            <em>Scheduled<\/em>) and the order icon, followed by\r\n            <strong>Order name<\/strong> (for example <em>Order 3<\/em>) and\r\n            <strong>Order code<\/strong> (for example <em>BC1002<\/em>).\r\n          <\/li>\r\n          <li>\r\n            A coloured banner with the <strong>ETA<\/strong> (\u201cEstimated Time of Arrival\u201d),\r\n            for example <em>ETA: 2025-11-30<\/em>.\r\n          <\/li>\r\n          <li>\r\n            A <strong>Delivery Information<\/strong> section showing:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li>The <strong>delivery address<\/strong> and any extra notes (for example floor).<\/li>\r\n              <li>The planned <strong>date and time<\/strong> of the delivery.<\/li>\r\n              <li>The <strong>shipping fee<\/strong> for this order.<\/li>\r\n              <li>\r\n                In some cases, extra details such as <strong>weight<\/strong> and\r\n                <strong>volume<\/strong> of the parcel.\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            A <strong>Courier Information<\/strong> section with:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li>The courier\u2019s <strong>name<\/strong>.<\/li>\r\n              <li>The courier\u2019s <strong>phone number<\/strong>.<\/li>\r\n              <li>The courier\u2019s <strong>email address<\/strong>.<\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            A <strong>Tracking Timeline<\/strong> showing the main steps of the delivery,\r\n            with a dot and label for each step.\r\n          <\/li>\r\n          <li>\r\n            At the bottom, two large buttons:\r\n            <strong>Cancel Order<\/strong> (red) and <strong>Postpone Order<\/strong> (blue).\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <!-- TRACKING TIMELINE -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to read the tracking timeline<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            Look at the list under <strong>Tracking Timeline<\/strong>. Each line is one\r\n            step in the process (for example <em>Registered<\/em>, <em>Scheduled<\/em>,\r\n            <em>Delivered<\/em>).\r\n          <\/li>\r\n          <li>\r\n            The step with a coloured dot (for example an orange dot next to\r\n            <em>Scheduled<\/em>) shows the <strong>current status<\/strong> of the order.\r\n          <\/li>\r\n          <li>\r\n            Steps above the coloured dot are already completed, while steps below it are\r\n            planned but not completed yet.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: when contacting support about a delivery, open the\r\n          <strong>Order Detail<\/strong> view and mention both the\r\n          <strong>order code<\/strong> (for example <em>BC1002<\/em>) and the\r\n          <strong>current timeline step<\/strong> (for example <em>Scheduled<\/em>).\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- POSTPONE OR CANCEL -->\r\n    <article class=\"um-feature-item\" id=\"customer-postpone-cancel-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Postpone or cancel an order<\/h3>\r\n          <p class=\"um-feature-desc\">Change the delivery date or cancel before it is delivered.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Postpone \u00b7 Cancel<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- POSTPONE -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to postpone a delivery<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            Open <strong>My Deliveries<\/strong> and find the order you want to move, or\r\n            open the <strong>Order Detail<\/strong> view.\r\n          <\/li>\r\n          <li>\r\n            Tap the blue <strong>Postpone<\/strong> (or <strong>Postpone Order<\/strong>)\r\n            button.\r\n          <\/li>\r\n          <li>\r\n            A white pop-up appears with the title <strong>Postpone Order<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            Tap the field <strong>Select target date<\/strong>. Choose the new delivery\r\n            date in the date picker that appears.\r\n          <\/li>\r\n          <li>\r\n            When you are happy with the new date, tap <strong>Confirm<\/strong>.\r\n            The app updates the order and closes the pop-up.\r\n          <\/li>\r\n          <li>\r\n            The new delivery date and status are shown on the order card and in the\r\n            <strong>Order Detail<\/strong> view.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0 0 10px;\">\r\n          If the selected date is not allowed (for example too early or too far in the\r\n          future), the app will show an error message and you will need to choose another\r\n          date.\r\n        <\/p>\r\n\r\n        <!-- CANCEL -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to cancel a delivery<\/h4>\r\n        <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            Open <strong>My Deliveries<\/strong> or the <strong>Order Detail<\/strong> view\r\n            for the order you want to cancel.\r\n          <\/li>\r\n          <li>\r\n            Tap the red <strong>Cancel<\/strong> (or <strong>Cancel Order<\/strong>) button.\r\n          <\/li>\r\n          <li>\r\n            Confirm the cancellation if the app asks you to.\r\n          <\/li>\r\n          <li>\r\n            After a successful cancellation, the order disappears from your\r\n            <strong>active deliveries<\/strong>. In some cases it might still be visible in\r\n            another history view depending on your configuration.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Note: after an order has been <strong>delivered<\/strong>, it can no longer be\r\n          postponed or cancelled \u2013 the buttons will be disabled or the order will no longer\r\n          appear in <em>My Deliveries<\/em>.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- DELIVERY STATUSES -->\r\n    <article class=\"um-feature-item\" id=\"customer-statuses-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Delivery statuses<\/h3>\r\n          <p class=\"um-feature-desc\">Understand what each status badge means.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Registered \u00b7 Scheduled \u00b7 Delivered<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <p style=\"font-size:12px;margin:0 0 8px;\">\r\n          Each delivery card and the <strong>Order Detail<\/strong> view show a coloured\r\n          <strong>status badge<\/strong>. These colours match the tracking timeline and help\r\n          you quickly understand where your parcel is in the process.\r\n        <\/p>\r\n\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">Main statuses in the customer app<\/h4>\r\n        <ul style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            <strong>Registered<\/strong> (blue badge) \u2013 the order has been created and\r\n            registered in Ecolos+. The delivery date exists, but the route may not yet be\r\n            fully planned. You can usually still <strong>postpone<\/strong> or\r\n            <strong>cancel<\/strong> at this stage.\r\n          <\/li>\r\n          <li>\r\n            <strong>Scheduled<\/strong> (orange\/gold badge) \u2013 the order is planned for a\r\n            specific date and time window and is assigned to a courier or route. You will\r\n            see an <strong>ETA<\/strong> banner with the expected delivery date.\r\n          <\/li>\r\n          <li>\r\n            <strong>Delivered<\/strong> (green badge) \u2013 the order has been delivered.\r\n            It still appears in the list for a while but the <strong>Postpone<\/strong> and\r\n            <strong>Cancel<\/strong> actions are not available.\r\n          <\/li>\r\n          <li>\r\n            <strong>Unassigned<\/strong> (dark badge) \u2013 the order is registered but not yet\r\n            connected to a route or courier. This is usually a temporary status before it\r\n            becomes <em>Scheduled<\/em>.\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: when you have several active deliveries on the same day, sort your attention\r\n          by status \u2013 start with <strong>Scheduled<\/strong> orders (they will arrive\r\n          soonest) and then check <strong>Registered<\/strong> or <strong>Unassigned<\/strong>\r\n          orders for future planning.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- PROFILE & SUPPORT -->\r\n    <article class=\"um-feature-item\" id=\"customer-profile-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Profile &amp; support<\/h3>\r\n          <p class=\"um-feature-desc\">Manage your contact details and reach support.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Profile \u00b7 Help \u00b7 Sign out<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- HOW TO OPEN PROFILE -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to open your profile<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the bottom navigation bar, tap the <strong>Profile<\/strong> icon.\r\n          <\/li>\r\n          <li>\r\n            The <strong>Profile<\/strong> screen opens, showing your user information and\r\n            support options.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- LAYOUT PROFILE -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">What you see in the Profile screen<\/h4>\r\n        <ul style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            At the top, a card with your <strong>name<\/strong> and <strong>email<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            A <strong>Contact<\/strong> section containing:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li>Your <strong>phone number<\/strong>.<\/li>\r\n              <li>Your <strong>email address<\/strong>.<\/li>\r\n              <li>Your <strong>city and country<\/strong> or similar location information.<\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            A <strong>Support<\/strong> section with:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Help Center<\/strong> \u2013 general help and FAQs.<\/li>\r\n              <li><strong>Contact Support<\/strong> \u2013 a direct way to contact the support team\r\n                  (for example by email or a form, depending on your configuration).<\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            A <strong>Sign Out<\/strong> row at the bottom to log out of the app.\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <!-- SIGN OUT \/ SUPPORT -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to sign out<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            Open the <strong>Profile<\/strong> screen.\r\n          <\/li>\r\n          <li>\r\n            Tap <strong>Sign Out<\/strong> at the bottom.\r\n          <\/li>\r\n          <li>\r\n            Confirm if the app asks you. You return to the login screen and your session is\r\n            closed on this device.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to get help<\/h4>\r\n        <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            Go to <strong>Profile<\/strong> and look under the <strong>Support<\/strong> section.\r\n          <\/li>\r\n          <li>\r\n            Tap <strong>Help Center<\/strong> to read general information and FAQs.\r\n          <\/li>\r\n          <li>\r\n            Tap <strong>Contact Support<\/strong> if you need to reach the support team about\r\n            a specific problem (for example a missing parcel). Include your\r\n            <strong>order code<\/strong> from the <em>Order Detail<\/em> screen to speed up\r\n            troubleshooting.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: keep your contact information up to date in the profile so that the courier\r\n          and support team can reach you if there are questions about your delivery.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-164d63a e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"164d63a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b807d66 elementor-widget elementor-widget-html\" data-id=\"b807d66\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"courier-app-docs\" class=\"um-doc-section\">\r\n  <h2 class=\"um-doc-section-title\">Courier app \u2013 documentation<\/h2>\r\n  <p class=\"um-doc-section-subtitle\">\r\n    Use the Ecolos+ courier app to receive routes, load parcels, follow navigation and report delivery results.\r\n  <\/p>\r\n\r\n  <div class=\"um-feature-list\">\r\n\r\n    <!-- HOME & MAP \/ WAITING FOR ROUTE -->\r\n    <article class=\"um-feature-item\" id=\"courier-home-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Home &amp; map<\/h3>\r\n          <p class=\"um-feature-desc\">See your position, wait for a route and navigate to the hub.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Home \u00b7 Map \u00b7 Navigation<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- WAITING FOR ROUTE -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">When you open the app<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            After logging in, you land on the <strong>Home<\/strong> map screen.\r\n          <\/li>\r\n          <li>\r\n            Your current position is shown as a blue dot on the map.\r\n          <\/li>\r\n          <li>\r\n            At the bottom you see an orange bar that says\r\n            <strong>\u201cWaiting for route assignment\u2026\u201d<\/strong>. This means dispatch has not\r\n            assigned a route to you yet.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- DIRECTION TO HUB -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">When a route is assigned<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            As soon as a route is assigned, the bottom area changes to a card that says\r\n            <strong>Direction to hub<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            The map now shows a <strong>line<\/strong> from your current position to the\r\n            <strong>hub<\/strong> location (red pin).\r\n          <\/li>\r\n          <li>\r\n            Use the map to drive to the hub. If available, you can tap the navigation icon\r\n            on the card to open driving directions in your navigation app.\r\n          <\/li>\r\n          <li>\r\n            When you reach the hub, tap the blue button <strong>Arrived At Hub<\/strong>.\r\n            This confirms to the system that you are ready to start loading parcels.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: always tap <strong>Arrived At Hub<\/strong> only after you are actually at the\r\n          correct hub, so loading and tracking times are accurate.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- LOADING & SCANNING AT HUB -->\r\n    <article class=\"um-feature-item\" id=\"courier-loading-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Loading parcels at the hub<\/h3>\r\n          <p class=\"um-feature-desc\">Start loading and scan each parcel into your vehicle.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Start loading \u00b7 Scan parcels<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- START LOADING -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to start loading<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            After you tap <strong>Arrived At Hub<\/strong>, the bottom card changes to a\r\n            white panel with the message:\r\n            <em>\u201cPlease tap on \u2018Start Loading\u2019 once loading parcels are started.\u201d<\/em>\r\n          <\/li>\r\n          <li>\r\n            When you are ready to begin loading parcels into your vehicle, tap the blue\r\n            button <strong>Start Loading\u2026<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            The app opens the <strong>barcode scanner<\/strong> view.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- SCAN PARCELS -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to scan parcels at the hub<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            The camera view shows a frame on the screen and a counter at the top\r\n            (for example <strong>\u201c19 remaining parcels to load\u201d<\/strong>).\r\n          <\/li>\r\n          <li>\r\n            Take a parcel, find its barcode and move your phone so that the barcode is\r\n            inside the frame.\r\n          <\/li>\r\n          <li>\r\n            Hold the phone steady until the app reads the barcode. The remaining counter\r\n            decreases by one.\r\n          <\/li>\r\n          <li>\r\n            Repeat this for each parcel until the counter reaches zero.\r\n          <\/li>\r\n          <li>\r\n            When all parcels are scanned, the loading step is complete and the system\r\n            creates the <strong>route<\/strong> with the missions in the correct order.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: if a parcel barcode does not scan, clean the label and try again. If it still\r\n          fails, follow your local procedure (for example manual entry or contact a supervisor).\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- DELIVERING PARCELS & REPORTING RESULTS -->\r\n    <article class=\"um-feature-item\" id=\"courier-delivery-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Delivering parcels on the route<\/h3>\r\n          <p class=\"um-feature-desc\">Follow the missions, call the customer and report delivery outcomes.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Missions \u00b7 Call \u00b7 Delivery result<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- FOLLOW ROUTE -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">Following the route<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            After loading, the system arranges your stops as <strong>missions<\/strong>\r\n            in an optimised order.\r\n          <\/li>\r\n          <li>\r\n            Use the app\u2019s navigation controls (or your external navigation app, if\r\n            integrated) to drive to the first mission, then to each next mission in the\r\n            list.\r\n          <\/li>\r\n          <li>\r\n            For each mission you normally see:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li>Customer name and address.<\/li>\r\n              <li>The parcel(s) that should be delivered here.<\/li>\r\n              <li>Buttons for actions such as <strong>Call<\/strong> or <strong>Scan<\/strong>.<\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            If you need to contact the customer while you are on the way or at the door,\r\n            tap the <strong>Call<\/strong> button. Your phone dials the customer\u2019s number\r\n            directly (according to local telephony rules).\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- SCAN & OUTCOME -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">Scanning and reporting the delivery result<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            When you arrive at the delivery address, open the mission in the app.\r\n          <\/li>\r\n          <li>\r\n            Tap the <strong>Scan<\/strong> action to open the barcode scanner for the parcel.\r\n          <\/li>\r\n          <li>\r\n            Scan the parcel barcode in the same way as at the hub, by placing it inside\r\n            the frame until the app reads it.\r\n          <\/li>\r\n          <li>\r\n            After a successful scan, the app asks what happened with this parcel.\r\n            Choose one of the options:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Delivered<\/strong> \u2013 the customer received the parcel.<\/li>\r\n              <li>\r\n                <strong>Not delivered<\/strong> \u2013 you could not deliver the parcel.\r\n                If you choose this, you must select a reason.\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            For <strong>Not delivered<\/strong>, choose the correct reason:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Unreachable customer<\/strong> \u2013 you could not reach the customer\r\n                  (no answer at door or phone).<\/li>\r\n              <li><strong>Unreachable address<\/strong> \u2013 you could not find or access the address\r\n                  (for example wrong address, gate closed).<\/li>\r\n              <li><strong>Unreachable courier<\/strong> \u2013 technical or courier-related issue\r\n                  that prevented delivery (for example vehicle problem).<\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            After you select the correct outcome, the mission status is updated and the app\r\n            moves you to the next mission in the route.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- END ROUTE -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">Finishing the route<\/h4>\r\n        <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            When all parcels in the route are processed (either delivered or marked as\r\n            not delivered), the app offers an option to <strong>End route<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            Tap <strong>End route<\/strong> to confirm that you have completed all missions\r\n            for this route.\r\n          <\/li>\r\n          <li>\r\n            The route status changes to <strong>Done<\/strong> in the route list and you\r\n            return to the home or routes screen, depending on configuration.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: make sure every parcel has a final status before you end the route. This\r\n          ensures correct statistics and avoids missing parcels.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- SIDE MENU, PROFILE & ROUTES -->\r\n    <article class=\"um-feature-item\" id=\"courier-menu-profile-routes-doc\" data-doc-card=\"true\">\r\n      <button class=\"um-feature-header\" type=\"button\">\r\n        <div class=\"um-feature-header-main\">\r\n          <h3 class=\"um-feature-name\">Side menu, profile &amp; routes<\/h3>\r\n          <p class=\"um-feature-desc\">Use the drawer menu to access profile, route history and logout.<\/p>\r\n        <\/div>\r\n        <div class=\"um-feature-header-right\">\r\n          <span class=\"um-feature-chip\">Menu \u00b7 Profile \u00b7 Routes<\/span>\r\n          <span class=\"um-feature-caret\">\u25be<\/span>\r\n        <\/div>\r\n      <\/button>\r\n\r\n      <div class=\"um-feature-body\">\r\n        <!-- SIDE MENU -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to open the side menu<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            On most screens you see a <strong>menu icon<\/strong> (three lines) or your\r\n            <strong>profile picture<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            Tap the menu or profile picture to open the <strong>side menu<\/strong>\r\n            (drawer) from the left.\r\n          <\/li>\r\n          <li>\r\n            The side menu shows your avatar, name and email, and these options:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li><strong>Home<\/strong><\/li>\r\n              <li><strong>Profile<\/strong><\/li>\r\n              <li><strong>Routes<\/strong><\/li>\r\n              <li><strong>Logout<\/strong><\/li>\r\n            <\/ul>\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- PROFILE -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">Profile screen<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the side menu, tap <strong>Profile<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            The <strong>Profile<\/strong> screen shows:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li>Your full name and email at the top.<\/li>\r\n              <li>A <strong>Personal Information<\/strong> card with name, phone and email.<\/li>\r\n              <li>\r\n                A <strong>Time Settings<\/strong> card with server time and your configured\r\n                region\/time zone.\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li>\r\n            Depending on configuration, some information may be read-only and can only be\r\n            changed by your administrator.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <!-- ROUTES LIST -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">Routes list and statuses<\/h4>\r\n        <ol style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            In the side menu, tap <strong>Routes<\/strong> to see all routes assigned to\r\n            you.\r\n          <\/li>\r\n          <li>\r\n            At the top-right you can see the total number of routes (for example\r\n            <em>\u201c10 routes\u201d<\/em> or <em>\u201c20 routes\u201d<\/em>).\r\n          <\/li>\r\n          <li>\r\n            Each route appears as a card with:\r\n            <ul style=\"margin:4px 0 0 16px;padding:0;\">\r\n              <li>A <strong>status badge<\/strong> (Loading, Scheduled, Done).<\/li>\r\n              <li>The route name (including date, hub and time window).<\/li>\r\n              <li>The <strong>hub<\/strong> for this route.<\/li>\r\n              <li>The planned <strong>time window<\/strong> (for example <em>08:00\u201309:13<\/em>).<\/li>\r\n              <li>\r\n                Summary info such as number of <strong>missions<\/strong>, estimated\r\n                duration and distance.\r\n              <\/li>\r\n              <li>The creation time of the route and the courier ID.<\/li>\r\n              <li>A blue button <strong>View Missions<\/strong> to open the list of stops.<\/li>\r\n            <\/ul>\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">Route status meanings<\/h4>\r\n        <ul style=\"margin:0 0 10px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            <strong>Loading<\/strong> (orange badge) \u2013 you are in the process of loading or\r\n            working on this route right now.\r\n          <\/li>\r\n          <li>\r\n            <strong>Scheduled<\/strong> (blue badge) \u2013 the route is planned for the future,\r\n            but has not started yet.\r\n          <\/li>\r\n          <li>\r\n            <strong>Done<\/strong> (green badge) \u2013 the route is completed. All missions have\r\n            a final status and the route is closed.\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <!-- LOGOUT -->\r\n        <h4 style=\"margin:0 0 6px;font-size:13px;\">How to log out<\/h4>\r\n        <ol style=\"margin:0 0 6px 18px;padding:0;font-size:12px;\">\r\n          <li>\r\n            Open the side menu.\r\n          <\/li>\r\n          <li>\r\n            Tap <strong>Logout<\/strong>.\r\n          <\/li>\r\n          <li>\r\n            Confirm if the app asks you. You are returned to the login screen and your\r\n            session is closed on this device.\r\n          <\/li>\r\n        <\/ol>\r\n\r\n        <p style=\"font-size:12px;opacity:0.9;margin:0;\">\r\n          Tip: check the <strong>Routes<\/strong> screen at the start of your shift to see\r\n          which routes are scheduled, and use the <strong>Done<\/strong> routes list to\r\n          review your completed work if needed.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-765c857 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"765c857\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17d3c96 elementor-widget elementor-widget-html\" data-id=\"17d3c96\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u0633\u06a9\u0634\u0646 \u06a9\u0644\u06cc *\/\r\n  .um-doc-section {\r\n    margin-top: 40px;\r\n    max-width: 1050px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .um-doc-section-title {\r\n    font-size: 18px;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    margin: 0 0 6px;\r\n  }\r\n\r\n  .um-doc-section-subtitle {\r\n    font-size: 13px;\r\n    margin: 0 0 16px;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  \/* \u0644\u06cc\u0633\u062a \u06cc\u06a9\u200c\u0633\u062a\u0648\u0646\u0647 \u0627\u0632 \u0628\u0648\u0644\u062a\u200c\u0647\u0627 *\/\r\n  .um-feature-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .um-feature-item {\r\n    background: #020617;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(15, 23, 42, 0.9);\r\n    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.9);\r\n    color: #e5e7eb;\r\n    overflow: hidden;\r\n    transition: background 0.18s ease-out, border-color 0.18s ease-out;\r\n  }\r\n\r\n  \/* \u0647\u062f\u0631 \u0628\u0648\u0644\u062a *\/\r\n  .um-feature-header {\r\n    width: 100%;\r\n    border: none;\r\n    background: #020617 !important;\r\n    padding: 10px 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n    transition: background 0.18s ease-out;\r\n  }\r\n\r\n  .um-feature-header-main {\r\n    text-align: left;\r\n  }\r\n\r\n  .um-feature-name {\r\n    margin: 0 0 2px;\r\n    font-size: 14px;\r\n    color: #e5e7eb;\r\n    transition: color 0.18s ease-out;\r\n  }\r\n\r\n  .um-feature-desc {\r\n    margin: 0;\r\n    font-size: 12px;\r\n    opacity: 0.7;\r\n    color: #cbd5f5;\r\n    transition: color 0.18s ease-out, opacity 0.18s ease-out;\r\n  }\r\n\r\n  .um-feature-header-right {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .um-feature-chip {\r\n    font-size: 11px;\r\n    border-radius: 999px;\r\n    padding: 4px 9px;\r\n    border: 1px solid rgba(59, 130, 246, 0.7); \/* blue border *\/\r\n    background: rgba(15, 23, 42, 0.95);\r\n    white-space: nowrap;\r\n    color: #bfdbfe; \/* light blue text *\/\r\n    transition: border-color 0.18s ease-out, color 0.18s ease-out,\r\n      background 0.18s ease-out;\r\n  }\r\n\r\n  .um-feature-caret {\r\n    font-size: 11px;\r\n    opacity: 0.7;\r\n    transition: transform 0.18s ease-out, color 0.18s ease-out;\r\n  }\r\n\r\n  .um-feature-item.is-open .um-feature-caret {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  \/* \u0647\u0627\u0648\u0631 \u06a9\u0627\u0631\u062a + \u062d\u0627\u0644\u062a \u0628\u0627\u0632: \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0622\u0628\u06cc\u060c \u0645\u062a\u0646 \u0622\u0628\u06cc\/\u0633\u0641\u06cc\u062f *\/\r\n  .um-feature-item:hover .um-feature-header,\r\n  .um-feature-item.is-open .um-feature-header {\r\n    background: linear-gradient(90deg, #1d4ed8, #0b1120) !important;\r\n  }\r\n\r\n  .um-feature-item:hover,\r\n  .um-feature-item.is-open {\r\n    border-color: rgba(59, 130, 246, 0.8);\r\n  }\r\n\r\n  .um-feature-item:hover .um-feature-name,\r\n  .um-feature-item.is-open .um-feature-name {\r\n    color: #f9fafb;\r\n  }\r\n\r\n  .um-feature-item:hover .um-feature-desc,\r\n  .um-feature-item.is-open .um-feature-desc {\r\n    color: #e5e7eb;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .um-feature-item:hover .um-feature-chip,\r\n  .um-feature-item.is-open .um-feature-chip {\r\n    border-color: #60a5fa;\r\n    color: #dbeafe;\r\n    background: rgba(15, 23, 42, 0.9);\r\n  }\r\n\r\n  .um-feature-item:hover .um-feature-caret,\r\n  .um-feature-item.is-open .um-feature-caret {\r\n    color: #bfdbfe;\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* \u0628\u062f\u0646\u0647 \u0628\u0648\u0644\u062a (\u0645\u062a\u0646 \u062a\u0648\u0636\u06cc\u062d) *\/\r\n  .um-feature-body {\r\n    display: none;\r\n    padding: 8px 14px 12px;\r\n    border-top: 1px solid rgba(30, 64, 175, 0.6);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .um-feature-item.is-open .um-feature-body {\r\n    display: block;\r\n  }\r\n\r\n  .um-feature-body p {\r\n    margin: 0 0 6px;\r\n    font-size: 13px;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .um-feature-body ul {\r\n    margin: 0;\r\n    padding-left: 18px;\r\n    font-size: 12px;\r\n    opacity: 0.95;\r\n    color: #60a5fa; \/* \u0645\u062a\u0646 \u0628\u0648\u0644\u062a\u200c\u0647\u0627 \u0622\u0628\u06cc *\/\r\n  }\r\n\r\n  \/* \u0631\u0646\u06af \u062e\u0648\u062f \u0628\u0648\u0644\u062a\u200c\u0647\u0627 \u0622\u0628\u06cc *\/\r\n  .um-feature-body ul li::marker {\r\n    color: #3b82f6; \/* blue *\/\r\n  }\r\n\r\n  \/* \u0647\u0627\u0648\u0631 \u0631\u0648\u06cc \u0622\u06cc\u062a\u0645 \u0628\u0648\u0644\u062a: \u0645\u062a\u0646 + \u0628\u0648\u0644\u062a \u0622\u0628\u06cc\u200c\u062a\u0631 *\/\r\n  .um-feature-body ul li:hover {\r\n    color: #93c5fd; \/* lighter blue *\/\r\n  }\r\n\r\n  .um-feature-body ul li:hover::marker {\r\n    color: #93c5fd;\r\n  }\r\n  \r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    \/\/ \u0622\u06a9\u0627\u0631\u062f\u0626\u0648\u0646 \u0633\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u0628\u0648\u0644\u062a\u200c\u0647\u0627\r\n    var items = document.querySelectorAll(\".um-feature-item\");\r\n\r\n    items.forEach(function (item) {\r\n      var header = item.querySelector(\".um-feature-header\");\r\n      if (!header) return;\r\n\r\n      header.addEventListener(\"click\", function () {\r\n        item.classList.toggle(\"is-open\");\r\n      });\r\n    });\r\n  });\r\n  \r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Choose your area Start from the side that matches your role. You can always switch between views later. Retailer side Retailer dashboard \ud83d\udce6 For retailers. Set up order management and order tracking in Ecolos+. You\u2019ll find Hub \/ terminal specification Order status tracking Order delivery statistics Go to retailer manual Focus: order management &amp; tracking [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-2235","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.3 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>User Manual - Ecolos Plus<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ecolosplus.se\/sv\/user-manual\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Manual\" \/>\n<meta property=\"og:description\" content=\"Choose your area Start from the side that matches your role. You can always switch between views later. Retailer side Retailer dashboard \ud83d\udce6 For retailers. Set up order management and order tracking in Ecolos+. You\u2019ll find Hub \/ terminal specification Order status tracking Order delivery statistics Go to retailer manual Focus: order management &amp; tracking [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecolosplus.se\/sv\/user-manual\/\" \/>\n<meta property=\"og:site_name\" content=\"Ecolos Plus\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-04T11:43:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"32 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ecolosplus.se\/user-manual\/\",\"url\":\"https:\/\/ecolosplus.se\/user-manual\/\",\"name\":\"User Manual - Ecolos Plus\",\"isPartOf\":{\"@id\":\"https:\/\/ecolosplus.se\/#website\"},\"datePublished\":\"2025-11-24T06:08:55+00:00\",\"dateModified\":\"2026-02-04T11:43:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ecolosplus.se\/user-manual\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ecolosplus.se\/user-manual\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ecolosplus.se\/user-manual\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ecolosplus.se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Manual\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ecolosplus.se\/#website\",\"url\":\"https:\/\/ecolosplus.se\/\",\"name\":\"Ecolos Plus\",\"description\":\"Dive into the future of last-mile logistics\",\"publisher\":{\"@id\":\"https:\/\/ecolosplus.se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ecolosplus.se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ecolosplus.se\/#organization\",\"name\":\"Ecolos Plus\",\"url\":\"https:\/\/ecolosplus.se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/ecolosplus.se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/logo01.png\",\"contentUrl\":\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/logo01.png\",\"width\":742,\"height\":314,\"caption\":\"Ecolos Plus\"},\"image\":{\"@id\":\"https:\/\/ecolosplus.se\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"User Manual - Ecolos Plus","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ecolosplus.se\/sv\/user-manual\/","og_locale":"sv_SE","og_type":"article","og_title":"User Manual","og_description":"Choose your area Start from the side that matches your role. You can always switch between views later. Retailer side Retailer dashboard \ud83d\udce6 For retailers. Set up order management and order tracking in Ecolos+. You\u2019ll find Hub \/ terminal specification Order status tracking Order delivery statistics Go to retailer manual Focus: order management &amp; tracking [&hellip;]","og_url":"https:\/\/ecolosplus.se\/sv\/user-manual\/","og_site_name":"Ecolos Plus","article_modified_time":"2026-02-04T11:43:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"32 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecolosplus.se\/user-manual\/","url":"https:\/\/ecolosplus.se\/user-manual\/","name":"User Manual - Ecolos Plus","isPartOf":{"@id":"https:\/\/ecolosplus.se\/#website"},"datePublished":"2025-11-24T06:08:55+00:00","dateModified":"2026-02-04T11:43:26+00:00","breadcrumb":{"@id":"https:\/\/ecolosplus.se\/user-manual\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecolosplus.se\/user-manual\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ecolosplus.se\/user-manual\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ecolosplus.se\/"},{"@type":"ListItem","position":2,"name":"User Manual"}]},{"@type":"WebSite","@id":"https:\/\/ecolosplus.se\/#website","url":"https:\/\/ecolosplus.se\/","name":"Ecolos Plus","description":"Dive into the future of last-mile logistics","publisher":{"@id":"https:\/\/ecolosplus.se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecolosplus.se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/ecolosplus.se\/#organization","name":"Ecolos Plus","url":"https:\/\/ecolosplus.se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/ecolosplus.se\/#\/schema\/logo\/image\/","url":"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/logo01.png","contentUrl":"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/logo01.png","width":742,"height":314,"caption":"Ecolos Plus"},"image":{"@id":"https:\/\/ecolosplus.se\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages\/2235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/comments?post=2235"}],"version-history":[{"count":140,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages\/2235\/revisions"}],"predecessor-version":[{"id":2421,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages\/2235\/revisions\/2421"}],"wp:attachment":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/media?parent=2235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}