{"id":63,"date":"2026-06-29T19:20:19","date_gmt":"2026-06-29T19:20:19","guid":{"rendered":"http:\/\/francerezy.cluster015.ovh.net\/?page_id=63"},"modified":"2026-06-29T20:33:06","modified_gmt":"2026-06-29T20:33:06","slug":"expeditions-nationales","status":"publish","type":"page","link":"https:\/\/www.antsound.net\/index.php\/expeditions-nationales\/","title":{"rendered":"Exp\u00e9ditions Nationales"},"content":{"rendered":"\n<div class=\"container\" style=\"max-width:960px;margin:auto;background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.06);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\">\n  <h1 style=\"margin-top:0;color:#1f2933;\">Valider votre livraison<\/h1>\n\n  <form id=\"boxtalForm\">\n\n    <!-- MODE DE LIVRAISON -->\n    <fieldset>\n      <legend>Mode de livraison<\/legend>\n\n      <label>\n        <input type=\"radio\" name=\"deliveryMode\" value=\"domicile\" checked>\n        Livraison \u00e0 domicile (transporteur)\n      <\/label>\n\n      <label>\n        <input type=\"radio\" name=\"deliveryMode\" value=\"relais\">\n        Livraison en point relais\n      <\/label>\n    <\/fieldset>\n\n    <div id=\"domicileSection\">\n      <div class=\"row\" style=\"display:flex;flex-wrap:wrap;gap:16px;\">\n        <!-- EXP\u00c9DITEUR -->\n        <div class=\"col\" style=\"flex:1 1 300px;\">\n          <fieldset>\n            <legend>Exp\u00e9diteur<\/legend>\n\n            <label>Nom complet<\/label>\n            <input id=\"senderName\" required>\n\n            <label>Adresse<\/label>\n            <input id=\"senderAddress\" required>\n\n            <div class=\"inline\" style=\"display:flex;gap:8px;\">\n              <div style=\"flex:1;\">\n                <label>Code postal<\/label>\n                <input id=\"senderZip\" required>\n              <\/div>\n              <div style=\"flex:1;\">\n                <label>Ville<\/label>\n                <input id=\"senderCity\" required>\n              <\/div>\n            <\/div>\n\n            <label>Pays<\/label>\n            <select id=\"senderCountry\" required>\n              <option value=\"FR\">France<\/option>\n            <\/select>\n\n            <label>T\u00e9l\u00e9phone<\/label>\n            <input id=\"senderPhone\" required>\n\n            <label>Email<\/label>\n            <input id=\"senderEmail\" type=\"email\" required>\n          <\/fieldset>\n        <\/div>\n\n        <!-- DESTINATAIRE -->\n        <div class=\"col\" style=\"flex:1 1 300px;\">\n          <fieldset>\n            <legend>Destinataire<\/legend>\n\n            <label>Nom complet<\/label>\n            <input id=\"recipientName\" required>\n\n            <label>Adresse<\/label>\n            <input id=\"recipientAddress\" required>\n\n            <div class=\"inline\" style=\"display:flex;gap:8px;\">\n              <div style=\"flex:1;\">\n                <label>Code postal<\/label>\n                <input id=\"recipientZip\" required>\n              <\/div>\n              <div style=\"flex:1;\">\n                <label>Ville<\/label>\n                <input id=\"recipientCity\" required>\n              <\/div>\n            <\/div>\n\n            <label>Pays<\/label>\n            <select id=\"recipientCountry\" required>\n              <option value=\"FR\">France<\/option>\n            <\/select>\n\n            <label>T\u00e9l\u00e9phone<\/label>\n            <input id=\"recipientPhone\" required>\n\n            <label>Email<\/label>\n            <input id=\"recipientEmail\" type=\"email\" required>\n          <\/fieldset>\n        <\/div>\n      <\/div>\n\n      <!-- COLIS -->\n      <fieldset>\n        <legend>D\u00e9tails du colis<\/legend>\n\n        <div class=\"inline\" style=\"display:flex;gap:8px;\">\n          <div style=\"flex:1;\">\n            <label>Poids (kg)<\/label>\n            <input id=\"parcelWeight\" type=\"number\" step=\"0.1\" required>\n          <\/div>\n\n          <div style=\"flex:1;\">\n            <label>Transporteur<\/label>\n            <select id=\"carrier\" required>\n              <option value=\"\">S\u00e9lectionnez une offre<\/option>\n              <option value=\"POFR-ColissimoAccess\">Colissimo \u2013 Sans signature<\/option>\n              <option value=\"POFR-ColissimoExpert\">Colissimo \u2013 Avec signature<\/option>\n              <option value=\"MONR-CpourToi\">Mondial Relay \u2013 Point Relais<\/option>\n              <option value=\"CHRP-Chrono13\">Chronopost \u2013 Chrono 13<\/option>\n              <option value=\"UPSE-Standard\">UPS \u2013 Standard<\/option>\n              <option value=\"DHLE-ExpressWorldwide\">DHL \u2013 Express Worldwide<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n      <\/fieldset>\n    <\/div>\n\n    <!-- POINT RELAIS -->\n    <div id=\"relaisSection\" style=\"display:none;\">\n      <fieldset>\n        <legend>Choisir un point relais<\/legend>\n        <div id=\"boxtalRelaySelector\"><\/div>\n      <\/fieldset>\n    <\/div>\n\n    <div class=\"actions\" style=\"margin-top:16px;display:flex;justify-content:flex-end;gap:12px;\">\n      <div class=\"badge\" style=\"background:#e0f2fe;color:#0369a1;padding:4px 8px;border-radius:999px;font-size:12px;\">\n        \ud83d\udd12 Paiement s\u00e9curis\u00e9 via Boxtal\n      <\/div>\n      <button type=\"submit\">Continuer vers le paiement<\/button>\n    <\/div>\n\n  <\/form>\n<\/div>\n\n\n<script src=\"https:\/\/cdn.boxtal.com\/js\/boxtal-autocomplete.min.js\"><\/script>\n<script src=\"https:\/\/cdn.boxtal.com\/js\/boxtal-dropoff-selector.min.js\"><\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  \/* AUTOCOMPL\u00c9TION *\/\n  BoxtalAutocomplete.init({\n    apiKey: \"UQ903TPTT0JDPOU80A9L48DGN1XBRH3XGETV7AWW\",\n    fields: [\n      { element: \"#senderAddress\", country: [\"FR\"] },\n      { element: \"#recipientAddress\", country: [\"FR\"] }\n    ]\n  });\n\n  \/* POINT RELAIS *\/\n  BoxtalDropoffSelector.init({\n    apiKey: \"UQ903TPTT0JDPOU80A9L48DGN1XBRH3XGETV7AWW\",\n    element: \"#boxtalRelaySelector\",\n    country: \"FR\"\n  });\n\n  \/* AFFICHAGE DYNAMIQUE *\/\n  const domicile = document.getElementById(\"domicileSection\");\n  const relais = document.getElementById(\"relaisSection\");\n\n  document.querySelectorAll(\"input[name='deliveryMode']\").forEach(radio => {\n    radio.addEventListener(\"change\", () => {\n      domicile.style.display = radio.value === \"domicile\" ? \"block\" : \"none\";\n      relais.style.display = radio.value === \"relais\" ? \"block\" : \"none\";\n    });\n  });\n\n});\n<\/script>\n\n<script>\ndocument.getElementById(\"boxtalForm\").addEventListener(\"submit\", async function(e) {\n  e.preventDefault();\n\n  const deliveryMode = document.querySelector(\"input[name='deliveryMode']:checked\").value;\n\n  let payload = {\n    apiKey: \"UQ903TPTT0JDPOU80A9L48DGN1XBRH3XGETV7AWW\",\n    sender: {\n      name: senderName.value,\n      address: senderAddress.value,\n      zip: senderZip.value,\n      city: senderCity.value,\n      country: senderCountry.value,\n      phone: senderPhone.value,\n      email: senderEmail.value\n    },\n    parcel: {\n      weight: parcelWeight.value\n    }\n  };\n\n  if (deliveryMode === \"domicile\") {\n    payload.recipient = {\n      name: recipientName.value,\n      address: recipientAddress.value,\n      zip: recipientZip.value,\n      city: recipientCity.value,\n      country: recipientCountry.value,\n      phone: recipientPhone.value,\n      email: recipientEmail.value\n    };\n    payload.carrier = carrier.value;\n  } else {\n    payload.dropoffPoint = BoxtalDropoffSelector.getSelected();\n  }\n\n  console.log(\"Payload envoy\u00e9 \u00e0 Boxtal :\", payload);\n\n  const res = await fetch(\"https:\/\/api.boxtal.com\/v3\/shipments\", {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application\/json\" },\n    body: JSON.stringify(payload)\n  });\n\n  const result = await res.json();\n  console.log(result);\n\n  if (!res.ok) {\n    alert(\"Erreur Boxtal : \" + JSON.stringify(result));\n    return;\n  }\n\n  alert(\"Exp\u00e9dition cr\u00e9\u00e9e ! Paiement Boxtal ouvert.\");\n  window.location.href = result.paymentUrl;\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Valider votre livraison Mode de livraison Livraison \u00e0 domicile (transporteur) Livraison en point relais Exp\u00e9diteur Nom complet Adresse Code postal Ville Pays France T\u00e9l\u00e9phone Email Destinataire Nom complet Adresse Code postal Ville Pays France T\u00e9l\u00e9phone Email D\u00e9tails du colis Poids (kg) Transporteur S\u00e9lectionnez une offreColissimo \u2013 Sans signatureColissimo \u2013 Avec signatureMondial Relay \u2013 Point RelaisChronopost [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.antsound.net\/index.php\/wp-json\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.antsound.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.antsound.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.antsound.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.antsound.net\/index.php\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":9,"href":"https:\/\/www.antsound.net\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/www.antsound.net\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/www.antsound.net\/index.php\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}