and runs during HTML parse, but hubspotutk is set by js.hs-analytics.net, measured loading at ~834ms. On a first visit the cookie does not exist yet, so a single read returns nothing and the visitor gets no external ID at all — and a first visit is exactly what an ad click is. So poll briefly until HubSpot sets it. The SDK loads lazily (~4.5s) and replays a queue, so an init queued a second or two in still lands before any events are transmitted. */ (function attachExternalId() { var attempts = 0; var MAX_ATTEMPTS = 40; /* 40 x 200ms = 8s, then give up quietly */ var timer = null; function tryAttach() { var raw = getExternalId(); if (!raw) { if (++attempts >= MAX_ATTEMPTS && timer) clearInterval(timer); return; } if (timer) clearInterval(timer); sha256Hex(raw).then(function (hash) { oaiq("init", { user: { external_id_sha256: hash } }); }).catch(function () {}); } tryAttach(); /* returning visitor: immediate */ if (!getExternalId()) timer = setInterval(tryAttach, 200); })(); /* --------------------------------------------------------------------------- 2. Load the SDK off the critical path Whichever comes first: the main thread going idle after load, or the first sign of real user intent. No preconnect on purpose — a TLS handshake during LCP for a script we deliberately deferred is a net loss. Measured on clickpost.ai: load event 3614ms, SDK fetched 4508ms. ------------------------------------------------------------------------ */ var loaded = false; var INTENT = ["pointerdown", "keydown", "scroll"]; function loadSdk() { if (loaded) return; loaded = true; INTENT.forEach(function (t) { removeEventListener(t, loadSdk, { passive: true }); }); var s = document.createElement("script"); s.src = SDK; s.async = true; s.fetchPriority = "low"; document.head.appendChild(s); } INTENT.forEach(function (t) { addEventListener(t, loadSdk, { passive: true, once: true }); }); addEventListener("load", function () { window.requestIdleCallback ? requestIdleCallback(loadSdk, { timeout: 2500 }) : setTimeout(loadSdk, 1500); }, { once: true }); /* --------------------------------------------------------------------------- 3. Conversion id sha256(lowercase(email) + "|" + formId + "|" + ISO-hour), first 20 hex, "lead_" prefix. - email lowercased/trimmed so casing does not fork the id - formId keeps two different forms in the same hour from colliding - the hour bucket is only the server's fallback; the id computed here is sent to the relay verbatim, so the two paths cannot disagree even when a submit straddles an hour boundary Ads Manager's own sample omits event_id. We send it so the pixel event and the relay event collapse into one conversion instead of counting twice. ------------------------------------------------------------------------ */ function buildEventId(email, formId) { var seed = [ String(email || "").trim().toLowerCase(), String(formId || ""), new Date().toISOString().slice(0, 13) ].join("|"); return crypto.subtle.digest("SHA-256", new TextEncoder().encode(seed)).then(function (buf) { var hex = Array.prototype.map.call(new Uint8Array(buf), function (b) { return b.toString(16).padStart(2, "0"); }).join(""); return "lead_" + hex.slice(0, 20); }); } /* Guards a re-fire from the history.pushState that book-a-demo-core.js runs after submit, and from back-navigation onto the same state. */ function firedOnce(id) { try { if (sessionStorage.getItem("oaiq_" + id)) return true; sessionStorage.setItem("oaiq_" + id, "1"); return false; } catch (e) { return false; /* private mode / blocked storage: fire rather than lose it */ } } /* Path 2. keepalive lets the request finish even if the page navigates away. Failures are swallowed deliberately: a reporting call must never surface an error to someone who just submitted a form. The relay hashes the email server-side into user.emails_sha256 and adds the caller's IP and user agent, so this event carries the same match signals the pixel gets for free. */ function sendToRelay(email, formId, eventType, eventId) { try { var payload = { token: RELAY_TOKEN, email: email, form_id: formId || "", event_type: eventType, event_id: eventId, /* verbatim, so both paths always match */ source_url: location.href }; var oppref = getOppref(); if (oppref) payload.oppref = oppref; var externalId = getExternalId(); if (externalId) payload.external_id = externalId; fetch(RELAY_URL, { method: "POST", keepalive: true, headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }).catch(function () {}); } catch (e) {} } /* Capture the email while the form is still on the page. onFormSubmitted does not reliably carry submissionValues, and by then the form may be removed. */ var lastEmail = ""; document.addEventListener("submit", function (e) { var f = e.target; if (!f || !f.querySelector) return; var i = f.querySelector('input[name="email"], input[type="email"]'); if (i && i.value) lastEmail = i.value; }, true); /* Every HubSpot form on the site reports through this one message event, so no module or theme JS needs editing to add coverage. */ window.addEventListener("message", function (e) { var d = e.data; if (!d || d.type !== "hsFormCallback" || d.eventName !== "onFormSubmitted") return; var email = (d.data && d.data.submissionValues && d.data.submissionValues.email) || lastEmail; if (!email) return; /* without an email there is no stable id to dedupe on */ var eventType = EVENT_BY_FORM[d.id] || EVENT_DEFAULT; buildEventId(email, d.id).then(function (id) { if (firedOnce(id)) return; oaiq("measure", eventType, { type: DATA_TYPE }, { event_id: id }); /* path 1 */ sendToRelay(email, d.id, eventType, id); /* path 2 */ }); }); })();

91Ƶ

See where your logistics stands on automation Start assessment

Book a demo
Intelligence
Parth - AI Voice Agents COD order confirmations, NDR recovery AI Carrier Allocation 200B+ data points evaluate the best carrier per order. Apex Identifies and acts on exceptions Ally Agentic support for all channels
D2C Shipping
Multi-Carrier Integrations Branded Tracking Returns & Exchanges Failed Delivery Management Delivery Date Estimates Order Editing Notifications
Specialised Shipping
ClickPost Darwin B2B and bulk shipping Hyperlocal deliveries D2C quick commerce Cross Border Ship eCommerce orders worldwide
Featured
Header Feature Festive Readiness Hub Everything you need to hold delivery promises through peak season. Get ready
Use cases by category
Fashion and lifestyle Beauty and cosmetics Home decor and furniture Health and Wellness Consumer Electronics
Integrations
Carriers 600+ carriers across 30+ countries Storefronts Shopify, Magento, WooCommerce and more WMS/OMS Sync orders and inventory both ways Communication gateways WhatsApp, SMS, email and voice
Tool
ROI Calculator (1) NDR ROI Calculator See what a 40% RTO cut is worth on your monthly volume. Run the numbers
Resources
Blog Deep dives & guides Ebooks & reports Research & benchmarks Assessments Tools to assess your D2C operations
New report
RTO Playbook (1) 90-Day RTO Reduction Playbook Go from diagnosis to a 25% cut in RTO in 90 days. Get the playbook
India US
Customers 91Ƶ
Book a demo

“The tech part is something I really liked. It’s one of the cleanest documentations and APIs I’ve seen. We were able to simply plug the logistics system into our ERP with minimal intervention.”

- , COO&CFO

 

The Push for B2B Scale

As The Face Shop expanded its B2B footprint across marketplaces, retail chains, quick-commerce platforms, and distributors, logistics complexity increased faster than volume. Each channel came with its own delivery rules, carrier preferences, appointment requirements, and payment-linked SLAs.

The priority was clear: ensure products reach shelves on time, maintain high GRN rates, and avoid sales loss, without adding operational headcount.

Manual processes, fragmented visibility, and carrier-by-carrier integrations were no longer viable for a business handling 1,000+ B2B shipments every month across 60+ retail channels.

To support this growth, The Face Shop needed a logistics layer built for integration, automation, and control, not just execution.

 

Why ClickPost Darwin

From the outset, The Face Shop chose ClickPost Darwin as its B2B logistics intelligence layer, positioned between its ERP and all carrier, marketplace, and fleet systems.

What stood out was Darwin’s API-first architecture and flexibility. Instead of building and maintaining individual integrations for every carrier or channel, the team integrated once with ClickPost and scaled effortlessly from there.

 

Operational Bottlenecks ClickPost Darwin Eliminated

Before Darwin, logistics teams spent 4+ hours every day consolidating data from multiple carrier portals, marketplace dashboards, and internal systems. Carrier allocation depended on manual judgment, appointment failures were discovered too late, and POD collection slowed down payment cycles.

With ClickPost Darwin in place, these inefficiencies were systematically removed.

 

How ClickPost Darwin Transformed B2B Operations

  • Rule-based carrier allocation replaced manual decision-making. The Face Shop configured 27+ automated rules that assign carriers based on channel, pin code, and historical performance,ensuring the right carrier is chosen every time without human intervention.

  • Unified B2B visibility replaced fragmented tracking. All shipments across third-party carriers and the brand’s own fleet are now visible in a single dashboard, enabling exception-first monitoring instead of constant status checks.

  • Own fleet integration allowed The Face Shop to bring nearly 40% of B2B shipments under controlled logistics while maintaining the same level of tracking and reporting as external carriers.

  • Appointment-based delivery management became proactive. Teams now track shipments by appointment date and intervene early if a delivery risks missing its slot—protecting GRN timelines and downstream payments.

  • Automated POD access and reconciliation significantly shortened payment cycles. PODs are centrally stored for one year and fetched via API, enabling automated three-way reconciliation with PO and invoice data.

 

Metric Before ClickPost With ClickPost Darwin
Daily reporting effort ~4 hours per person ~30 minutes
Carrier allocation Manual, error-prone 27+ automated rules
GRN success rate ~70% first attempt 85–90% consistently
POD handling Manual downloads from portals Centralized, API-accessible
Payment cycle 7–10 days post-delivery 3–5 days (1 week faster)
Fleet visibility Fragmented Unified (3PL + own fleet)
Ops scalability Headcount-heavy Same team handles higher volume

Business Outcomes

ClickPost Darwin enabled The Face Shop to scale B2B distribution without scaling operations teams. Approximately 4+ hours per day were freed across the logistics team, allowing focus to shift from reporting to proactive issue resolution.

More importantly, logistics moved from being a cost center to a sales-protection function. High GRN adherence ensured faster shelf availability, fewer stockouts, and quicker replenishment across key retail partners.

“Logistics is just 2% of our total cost, but not being available on a shelf is a loss of sales. We optimize for sales loss prevention, not just delivery cost.” - Madhusudan Bhutra, COO&CFO

 

The Bigger Picture

By adopting ClickPost Darwin early, The Face Shop built a future-ready B2B logistics foundation, one that supports new channels, carriers, and regions without additional complexity.

The result is a supply chain that scales with the business, protects revenue, and delivers control at enterprise scale.

 

TFS_Logo

About the Brand

Leading K-beauty brand distributing skincare and cosmetics across India's retail, e-commerce, and quick-commerce channels.

Website :

Industry:

Beauty & Personal Care

Solutions Used

Carrier Recommendation | Order Creation | Tracking & Visibility | POD Collection | Invoice Reconciliation

Other Customer Success Stories

Fashion & Apparel

How DaMENSCH reduced RTO rate by 54% with the help of ClickPost

Read Case Study

Jewellery

How Caratlane perfected their Omni-Channel customer experience

Read Case Study

Kids apparel

How HOPSCOTCH Boosted PDP Conversion Rate by 5% With ClickPost

Read Case Study
READ ALL CASE STUDIES

Industry Leaders Love These Solutions

Integrated Tracking
Read More
image (6)
Shopify Return App
Read More
image (7)
Returns     Manager
Read More
image (8)
Automated carrier allocation
Read More
Carrier allocation
NDR   management
Read More
alert
Order tracking notifications
Read More
Order notifications-8
COD orders management
Read More
COD ordera reconciliation
Estimated Delivery Date Predictor
Read More
EDD prediction
Reports and analytics
Read More
Reports & analytics
B2B/MPS Shipping solutions
Read More
B2B-MPS
 Logistics   Automation
Read More
Multi-carrier integration

Wondering where we can take your business? Let's figure out together.

CONNECT WITH US
. window.disableHubSpotCookieBanner = true; function killNative() { var n = document.getElementById("hs-eu-cookie-confirmation"); if (n && n.parentNode) { n.parentNode.removeChild(n); return true; } return false; } killNative(); if (window.MutationObserver) { var mo = new MutationObserver(function () { killNative(); }); mo.observe(document.documentElement, { childList: true, subtree: true }); setTimeout(function () { mo.disconnect(); }, 15000); } var COOKIE = "cp_cookie_consent"; var EU = ["at","be","bg","hr","cy","cz","dk","ee","fi","fr","de","gr","hu","ie","it","lv","lt","lu","mt","nl","pl","pt","ro","sk","si","es","se","gb","uk","is","li","no","ch"]; function readCookie(nm) { var m = document.cookie.match(new RegExp("(?:^|; )" + nm + "=([^;]*)")); return m ? decodeURIComponent(m[1]) : null; } function writeCookie(nm, val, days) { var d = new Date(); d.setTime(d.getTime() + (days * 864e5)); document.cookie = nm + "=" + encodeURIComponent(val) + ";expires=" + d.toUTCString() + ";path=/;SameSite=Lax" + (location.protocol === "https:" ? ";Secure" : ""); } function stored() { var raw = readCookie(COOKIE); if (!raw) return null; try { var o = JSON.parse(raw); if (typeof o.analytics === "boolean") return o; } catch (e) {} return null; } function apply(state, revoke) { window._hsp = window._hsp || []; window._hsp.push(["setHubSpotConsent", { analytics: !!state.analytics, advertisement: !!state.advertisement, functionality: !!state.functionality }]); if (revoke && !state.analytics && !state.advertisement && !state.functionality) { window._hsp.push(["revokeCookieConsent"]); } window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "cp_cookie_consent", cp_consent_analytics: !!state.analytics, cp_consent_advertisement: !!state.advertisement, cp_consent_functionality: !!state.functionality }); document.documentElement.setAttribute("data-cp-consent", "set"); } function inScope(banner) { if (banner.getAttribute("data-scope") !== "eu_only") return true; var geo = (document.body.getAttribute("data-geo_location") || "").toLowerCase(); if (!geo) return true; return EU.indexOf(geo) !== -1; } function init(banner) { var days = parseInt(banner.getAttribute("data-days"), 10) || 180; var prefs = banner.querySelector("[data-cpcb-prefs]"); var compact = banner.querySelector('[data-cpcb-actions="compact"]'); var expanded = banner.querySelector('[data-cpcb-actions="expanded"]'); var toggles = banner.querySelectorAll("[data-cpcb-toggle]"); function show() { banner.hidden = false; requestAnimationFrame(function () { banner.classList.add("is-visible"); }); } function hide() { banner.classList.remove("is-visible"); setTimeout(function () { banner.hidden = true; }, 300); } function collapse() { if (!prefs) return; prefs.hidden = true; if (expanded) expanded.hidden = true; if (compact) compact.hidden = false; } function expand() { if (!prefs) return; prefs.hidden = false; if (compact) compact.hidden = true; if (expanded) expanded.hidden = false; } function paint(state) { Array.prototype.forEach.call(toggles, function (t) { var key = t.getAttribute("data-cpcb-toggle"); if (key === "necessary") { t.setAttribute("aria-checked", "true"); return; } t.setAttribute("aria-checked", state[key] ? "true" : "false"); }); } function fromToggles() { var state = { analytics: false, advertisement: false, functionality: false }; Array.prototype.forEach.call(toggles, function (t) { var key = t.getAttribute("data-cpcb-toggle"); if (key in state) state[key] = t.getAttribute("aria-checked") === "true"; }); return state; } function commit(state, revoke) { writeCookie(COOKIE, JSON.stringify({ analytics: !!state.analytics, advertisement: !!state.advertisement, functionality: !!state.functionality, v: 1, ts: Date.now() }), days); apply(state, revoke); hide(); } Array.prototype.forEach.call(toggles, function (t) { if (t.disabled) return; t.addEventListener("click", function () { t.setAttribute("aria-checked", t.getAttribute("aria-checked") === "true" ? "false" : "true"); }); }); banner.addEventListener("click", function (e) { if (!e.target || !e.target.closest) return; var btn = e.target.closest("[data-cpcb-action]"); if (!btn) return; var action = btn.getAttribute("data-cpcb-action"); if (action === "customise") { expand(); return; } if (action === "accept") { commit({ analytics: true, advertisement: true, functionality: true }, false); return; } if (action === "reject") { commit({ analytics: false, advertisement: false, functionality: false }, true); return; } if (action === "save") { commit(fromToggles(), true); return; } }); var existing = stored(); if (existing) { apply(existing, false); paint(existing); collapse(); } else if (!inScope(banner)) { // Out of the consent-required region: implied consent, banner never shown. commitSilently(); } else { collapse(); show(); } function commitSilently() { var all = { analytics: true, advertisement: true, functionality: true }; writeCookie(COOKIE, JSON.stringify({ analytics: true, advertisement: true, functionality: true, v: 1, ts: Date.now(), implied: true }), days); apply(all, false); } // Public re-open hook for a footer "Cookie settings" link. window.cpCookieBanner = window.cpCookieBanner || {}; window.cpCookieBanner.open = function () { var s = stored() || { analytics: false, advertisement: false, functionality: false }; paint(s); expand(); show(); }; } function boot() { var banners = document.querySelectorAll("[data-cpcb]"); if (!banners.length) return; init(banners[0]); document.addEventListener("click", function (e) { if (!e.target || !e.target.closest) return; var trigger = e.target.closest("[data-cp-cookie-settings]"); if (!trigger) return; e.preventDefault(); if (window.cpCookieBanner && window.cpCookieBanner.open) window.cpCookieBanner.open(); }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", boot); } else { boot(); } })();