{"id":1430,"date":"2026-08-14T08:08:58","date_gmt":"2026-08-14T08:08:58","guid":{"rendered":"https:\/\/truckly.io\/?page_id=1430"},"modified":"2026-08-14T08:47:43","modified_gmt":"2026-08-14T08:47:43","slug":"support","status":"publish","type":"page","link":"https:\/\/truckly.io\/en\/support\/","title":{"rendered":"support"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1430\" class=\"elementor elementor-1430\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cb54cd e-con-full e-flex e-con e-parent\" data-id=\"5cb54cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c808c55 elementor-widget elementor-widget-html\" data-id=\"c808c55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  .truckly-support{\n    --purple: #6C4CF1;\n    --purple-dark: #4E33C4;\n    --purple-tint: #F3F0FE;\n    --ink: #1D1B2E;\n    --ink-soft: #6E6B80;\n    --line: #E7E4F3;\n    --white: #FFFFFF;\n    --radius-sm: 10px;\n    --font-display: 'Baloo 2', system-ui, sans-serif;\n    --font-body: 'Inter', system-ui, sans-serif;\n\n    font-family:var(--font-body);\n    color:var(--ink);\n    background:var(--white);\n    -webkit-font-smoothing:antialiased;\n  }\n  .truckly-support *{box-sizing:border-box;}\n\n  .truckly-support .wrap{max-width:820px;margin:0 auto;padding:0 24px;}\n\n  \/* ---------- Header ---------- *\/\n  .truckly-support header.site{padding:20px 0;border-bottom:1px solid var(--line);}\n  .truckly-support header.site .wrap{display:flex;align-items:center;justify-content:space-between;}\n  .truckly-support header.site img{height:34px;width:auto;display:block;}\n  .truckly-support header.site a.back{\n    font-family:var(--font-body);\n    font-weight:600;\n    font-size:14px;\n    color:var(--ink-soft);\n    text-decoration:none;\n  }\n  .truckly-support header.site a.back:hover{color:var(--purple-dark);}\n\n  \/* ---------- Hero ---------- *\/\n  .truckly-support .hero{padding:56px 0 40px;}\n  .truckly-support .hero .eyebrow{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    font-family:var(--font-body);\n    font-weight:600;\n    font-size:13px;\n    letter-spacing:.02em;\n    color:var(--purple-dark);\n    background:var(--purple-tint);\n    padding:6px 14px;\n    border-radius:999px;\n    margin-bottom:18px;\n  }\n  .truckly-support .hero h1{\n    font-family:var(--font-display);\n    font-weight:700;\n    font-size:clamp(30px,5vw,44px);\n    line-height:1.1;\n    margin:0 0 14px;\n    letter-spacing:-.01em;\n  }\n  .truckly-support .hero p{\n    font-size:17px;\n    line-height:1.6;\n    color:var(--ink-soft);\n    max-width:560px;\n    margin:0;\n  }\n\n  \/* ---------- FAQ ---------- *\/\n  .truckly-support section.faq{padding-bottom:64px;}\n  .truckly-support section.faq h2{\n    font-family:var(--font-display);\n    font-weight:700;\n    font-size:24px;\n    margin:0 0 20px;\n  }\n  .truckly-support .faq-item{\n    border:1px solid var(--line);\n    border-radius:var(--radius-sm);\n    margin-bottom:10px;\n    overflow:hidden;\n    background:var(--white);\n  }\n  .truckly-support .faq-item summary{\n    padding:16px 18px;\n    font-weight:600;\n    font-size:15px;\n    cursor:pointer;\n    list-style:none;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:12px;\n  }\n  .truckly-support .faq-item summary::-webkit-details-marker{display:none;}\n  .truckly-support .faq-item summary::after{\n    content:\"+\";\n    font-family:var(--font-display);\n    font-size:20px;\n    color:var(--purple);\n    flex-shrink:0;\n    transition:transform .2s ease;\n  }\n  .truckly-support .faq-item[open] summary::after{transform:rotate(45deg);}\n  .truckly-support .faq-item p{\n    margin:0;\n    padding:0 18px 18px;\n    font-size:14.5px;\n    line-height:1.6;\n    color:var(--ink-soft);\n  }\n\n  \/* ---------- Mini-form suppression de compte ---------- *\/\n  .truckly-support .delete-form{\n    padding:0 18px 18px;\n    display:flex;\n    flex-direction:column;\n    gap:12px;\n  }\n  .truckly-support .delete-form .field{display:flex;flex-direction:column;gap:5px;}\n  .truckly-support .delete-form label{\n    font-weight:600;\n    font-size:13px;\n    color:var(--ink);\n  }\n  .truckly-support .delete-form input{\n    font-family:var(--font-body);\n    font-size:14.5px;\n    color:var(--ink);\n    padding:11px 13px;\n    border-radius:var(--radius-sm);\n    border:1.5px solid var(--line);\n    background:var(--white);\n    outline:none;\n    transition:border-color .15s ease, box-shadow .15s ease;\n  }\n  .truckly-support .delete-form input:focus{\n    border-color:var(--purple);\n    box-shadow:0 0 0 4px var(--purple-tint);\n  }\n  .truckly-support .delete-form button{\n    align-self:flex-start;\n    font-family:var(--font-body);\n    font-weight:700;\n    font-size:14.5px;\n    color:var(--white);\n    background:var(--purple);\n    border:none;\n    border-radius:999px;\n    padding:11px 24px;\n    cursor:pointer;\n    transition:background .15s ease, opacity .15s ease;\n  }\n  .truckly-support .delete-form button:hover{background:var(--purple-dark);}\n  .truckly-support .delete-form button:disabled{opacity:.6;cursor:default;}\n  .truckly-support .delete-form button:focus-visible{outline:3px solid var(--purple-dark);outline-offset:2px;}\n  .truckly-support .delete-form .form-notice{\n    font-size:13.5px;\n    line-height:1.5;\n    display:none;\n  }\n  .truckly-support .delete-form .form-notice.success{display:block;color:#1F8F5A;}\n  .truckly-support .delete-form .form-notice.error{display:block;color:#C23A3A;}\n\n  @media (prefers-reduced-motion: reduce){\n    .truckly-support *{transition:none !important;}\n  }\n<\/style>\n\n<div class=\"truckly-support\">\n\n<header class=\"site\">\n  <div class=\"wrap\">\n    <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/03\/logo-truckly--1024x240.png\" alt=\"Truckly\">\n    <a class=\"back\" href=\"https:\/\/truckly.io\">\u2190 Retour au site<\/a>\n  <\/div>\n<\/header>\n\n<main class=\"wrap\">\n\n  <section class=\"hero\">\n    <span class=\"eyebrow\">\ud83d\ude9a Support Truckly<\/span>\n    <h1>Une question sur Truckly&nbsp;?<\/h1>\n    <p>Retrouvez ici les r\u00e9ponses aux questions les plus fr\u00e9quentes sur le cocamionnage et le fonctionnement de l'application.<\/p>\n  <\/section>\n\n  <section class=\"faq\" id=\"faq\">\n    <h2>Les questions qu'on nous pose souvent<\/h2>\n\n    <details class=\"faq-item\" open>\n      <summary>Pourquoi Truckly&nbsp;?<\/summary>\n      <p>Truckly vous permet de voyager \u00e0 prix r\u00e9duit \u00e0 bord de camions qui effectuent de toute fa\u00e7on leur trajet, avec des conducteurs professionnels v\u00e9rifi\u00e9s. Une exp\u00e9rience originale, plus \u00e9conomique qu'un billet de train ou de bus, et qui limite les trajets \u00e0 vide.<\/p>\n    <\/details>\n\n    <details class=\"faq-item\">\n      <summary>Comment fonctionne le cocamionnage&nbsp;?<\/summary>\n      <p>Un conducteur professionnel propose une place libre sur un trajet qu'il effectue d\u00e9j\u00e0 avec son camion. Vous r\u00e9servez cette place depuis l'application, et vous voyagez \u00e0 ses c\u00f4t\u00e9s en cabine \u2014 comme un covoiturage classique, appliqu\u00e9 au transport routier.<\/p>\n    <\/details>\n\n    <details class=\"faq-item\">\n      <summary>Comment fonctionne l'application&nbsp;?<\/summary>\n      <p>Indiquez votre ville de d\u00e9part, votre destination et la date souhait\u00e9e : les trajets disponibles s'affichent aussit\u00f4t. Choisissez celui qui vous convient, r\u00e9servez et r\u00e9glez en ligne, puis \u00e9changez directement avec le conducteur avant le d\u00e9part.<\/p>\n    <\/details>\n\n    <details class=\"faq-item\">\n      <summary>Mes trajets et mon compte sont-ils s\u00e9curis\u00e9s&nbsp;?<\/summary>\n      <p>Chaque conducteur professionnel valide son identit\u00e9 et ses documents avant de pouvoir proposer un trajet, et chaque r\u00e9servation est couverte par une assurance d\u00e9di\u00e9e.<\/p>\n    <\/details>\n\n    <details class=\"faq-item\">\n      <summary>Comment supprimer mon compte et mes donn\u00e9es&nbsp;?<\/summary>\n      <p>Depuis l'application, rendez-vous dans votre profil pour supprimer votre compte directement. Si vous n'avez plus acc\u00e8s \u00e0 l'app, renseignez vos informations ci-dessous : vous recevrez un email de confirmation avant toute suppression d\u00e9finitive.<\/p>\n      <form class=\"delete-form\" id=\"delete-account-form\">\n        <div class=\"field\">\n          <label for=\"delete-prenom\">Pr\u00e9nom<\/label>\n          <input type=\"text\" id=\"delete-prenom\" name=\"prenom\" autocomplete=\"given-name\" required>\n        <\/div>\n        <div class=\"field\">\n          <label for=\"delete-email\">Email du compte<\/label>\n          <input type=\"email\" id=\"delete-email\" name=\"email\" autocomplete=\"email\" required>\n        <\/div>\n        <button type=\"submit\">Envoyer ma demande<\/button>\n        <p class=\"form-notice\" id=\"delete-form-notice\"><\/p>\n      <\/form>\n    <\/details>\n\n  <\/section>\n\n<\/main>\n\n<\/div>\n\n<script>\n  const DELETE_WEBHOOK_URL = \"https:\/\/truckly.app.n8n.cloud\/webhook\/3f963162-91ec-4dc9-9b5b-feef250447ea\";\n\n  const deleteForm = document.getElementById('delete-account-form');\n  const deleteNotice = document.getElementById('delete-form-notice');\n\n  deleteForm.addEventListener('submit', async (e) => {\n    e.preventDefault();\n    if (!deleteForm.reportValidity()) return;\n\n    const submitBtn = deleteForm.querySelector('button[type=\"submit\"]');\n    const payload = {\n      prenom: document.getElementById('delete-prenom').value.trim(),\n      email: document.getElementById('delete-email').value.trim()\n    };\n\n    submitBtn.disabled = true;\n    submitBtn.textContent = 'Envoi\u2026';\n    deleteNotice.className = 'form-notice';\n    deleteNotice.textContent = '';\n\n    try {\n      const response = await fetch(DELETE_WEBHOOK_URL, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application\/json' },\n        body: JSON.stringify(payload)\n      });\n\n      if (!response.ok) throw new Error('R\u00e9ponse non-OK du webhook');\n\n      deleteNotice.className = 'form-notice success';\n      deleteNotice.textContent = 'Demande envoy\u00e9e. Votre compte sera supprim\u00e9 dans les plus brefs d\u00e9lais.';\n      deleteForm.reset();\n      submitBtn.textContent = 'Demande envoy\u00e9e';\n    } catch (err) {\n      deleteNotice.className = 'form-notice error';\n      deleteNotice.textContent = \"Une erreur est survenue, r\u00e9essayez ou contactez-nous via le formulaire de contact.\";\n      submitBtn.disabled = false;\n      submitBtn.textContent = 'Envoyer ma demande';\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34f04a1 e-flex e-con-boxed e-con e-parent\" data-id=\"34f04a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32bdcc2 elementor-widget elementor-widget-text-editor\" data-id=\"32bdcc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tCette page ne vous a pas aid\u00e9 ? Contactez-nous pour nous faire part de votre demande.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cb97c5 fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"1cb97c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <div class=\"fluentform-widget-wrapper fluentform-widget-align-center\">\n\n            \n            <div class='fluentform ff-default fluentform_wrapper_4 ffs_default_wrap'><form data-form_id=\"4\" id=\"fluentform_4\" class=\"frm-fluent-form fluent_form_4 ff-el-form-top ff_form_instance_4_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_4_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">form \/support<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='1430' \/><input type=\"hidden\" id=\"_fluentform_4_fluentformnonce\" name=\"_fluentform_4_fluentformnonce\" value=\"034b84ce2e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1430\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_names_first_name_' id='label_ff_4_names_first_name_' >Pr\u00e9nom<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_4_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Saisissez votre pr\u00e9nom\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_names_last_name_' id='label_ff_4_names_last_name_' >Nom de famille<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_4_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Saisissez votre nom de famille\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_4_email' id='label_ff_4_email' aria-label=\"E-mail\">E-mail<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_4_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_4_description' id='label_ff_4_description' aria-label=\"Zone de texte\">Zone de texte<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_4_description\" name=\"description\" id=\"ff_4_description\" class=\"ff-el-form-control\" rows=\"3\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_4_errors' class='ff-errors-in-stack ff_form_instance_4_1 ff-form-loading_errors ff_form_instance_4_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_4_1 = {\"id\":\"4\",\"ajaxUrl\":\"https:\\\/\\\/truckly.io\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_4_1\",\"form_id_selector\":\"fluentform_4\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"Ce champ doit contenir un e-mail valide\",\"global\":true}},\"description\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n                        <\/div>\n\n            \t\t\t\t<\/div>\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-5ca7ae3 e-flex e-con-boxed e-con e-parent\" data-id=\"5ca7ae3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9be1f01 elementor-widget elementor-widget-html\" data-id=\"9be1f01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<div class=\"tks-wrap\" id=\"tksWrap\">\n\n  <div class=\"tks-head\">\n    <span class=\"tks-badge\">\ud83d\ude9a&nbsp; D\u00e9j\u00e0 des centaines de trajets partag\u00e9s<\/span>\n    <h2 class=\"tks-title\">Ils ont v\u00e9cu l'exp\u00e9rience <span>Truckly<\/span><\/h2>\n    <p class=\"tks-sub\">Voyageurs et conducteurs v\u00e9rifi\u00e9s, des trajets partag\u00e9s en toute confiance partout en France.<\/p>\n  <\/div>\n\n  <div class=\"tks-stage\" id=\"tksStage\" tabindex=\"0\" aria-label=\"Galerie de voyageurs Truckly, glissez ou utilisez les fl\u00e8ches du clavier\">\n    <div class=\"tks-track\" id=\"tksTrack\"><\/div>\n  <\/div>\n\n  <div class=\"tks-dots\" id=\"tksDots\"><\/div>\n\n<\/div>\n\n<style>\n.tks-wrap, .tks-wrap *{ box-sizing:border-box; }\n.tks-wrap{\n  font-family:'Poppins','Segoe UI',system-ui,sans-serif;\n  padding:64px 20px 56px;\n  text-align:center;\n  overflow:hidden;\n}\n.tks-badge{\n  display:inline-flex; align-items:center; gap:4px;\n  background:#fff; border:1px solid #E8E8F1; color:#6556DF;\n  font-weight:600; font-size:13px; letter-spacing:.2px;\n  padding:9px 20px; border-radius:999px;\n  box-shadow:0 4px 16px rgba(101,86,223,.10);\n  margin-bottom:20px;\n}\n.tks-title{\n  font-size:clamp(24px,4vw,40px); font-weight:800; color:#14141f;\n  margin:0 0 14px; line-height:1.22; letter-spacing:-0.5px;\n}\n.tks-title span{\n  background:linear-gradient(90deg,#1CD77B,#6556DF);\n  -webkit-background-clip:text; background-clip:text; color:transparent;\n}\n.tks-sub{\n  font-size:clamp(14px,1.6vw,17px); font-weight:400; color:#5b5b6b;\n  max-width:560px; margin:0 auto 46px; line-height:1.6;\n}\n.tks-stage{\n  position:relative;\n  height:clamp(300px,40vw,460px);\n  max-width:1200px;\n  margin:0 auto;\n  overflow:hidden;\n  cursor:grab;\n  outline:none;\n  touch-action:pan-y;\n}\n.tks-stage.is-dragging{ cursor:grabbing; }\n.tks-stage:focus-visible{ box-shadow:0 0 0 3px rgba(101,86,223,.35); border-radius:20px; }\n.tks-track{ position:absolute; inset:0; }\n.tks-slide{\n  position:absolute; top:50%; left:50%;\n  border-radius:26px; overflow:hidden;\n  will-change:transform,filter,opacity;\n  box-shadow:0 16px 34px -14px rgba(20,20,31,.20);\n  transition:transform 1s cubic-bezier(.65,.05,.36,1), filter 1s ease, opacity 1s ease;\n}\n.tks-slide.is-front{ box-shadow:0 24px 54px -12px rgba(20,20,31,.30); }\n.tks-slide img{\n  width:100% !important; height:100% !important;\n  max-width:none !important;\n  object-fit:cover !important; object-position:center;\n  display:block; border:0;\n}\n.tks-dots{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:30px; }\n.tks-dot{ width:7px; height:7px; border-radius:999px; background:#DBDBE7; transition:all .4s ease; flex-shrink:0; }\n.tks-dot.is-active{ width:24px; background:linear-gradient(90deg,#1CD77B,#6556DF); }\n\n@media (max-width:640px){\n  .tks-wrap{ padding:44px 14px 40px; }\n  .tks-stage{ height:min(88vw,420px); }\n  .tks-dots{ gap:6px; margin-top:22px; }\n  .tks-dot{ width:6px; height:6px; }\n  .tks-dot.is-active{ width:18px; }\n}\n<\/style>\n\n<script>\n(function(){\n  var images = [\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/IMG_8871-scaled.jpg', alt:'Voyageuse Truckly pendant son trajet' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Valentin-et-Marc2-scaled.jpg', alt:'Valentin et Marc, voyageurs Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Cabine-de-Francois-by-night2-scaled.jpg', alt:'Cabine du camion de Fran\u00e7ois, conducteur Truckly, de nuit' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Marion-condcutrice-1-scaled.jpg', alt:'Marion, conductrice Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/IMG_9249-scaled.jpg', alt:'Trajet partag\u00e9 en Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Charlotte-voyageuse-scaled.jpg', alt:'Charlotte, voyageuse Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/IMG_4496-scaled.jpg', alt:'Voyageur Truckly pendant son trajet' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Premier-voyageur-1.jpg', alt:'Premier voyageur Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/IMG_9244-scaled.jpg', alt:'Trajet Truckly en cours' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Francois-conducteur.jpg', alt:'Fran\u00e7ois, conducteur Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Fabien-voyageur.jpg', alt:'Fabien, voyageur Truckly' }\n  ];\n\n  var stage = document.getElementById('tksStage');\n  var track = document.getElementById('tksTrack');\n  var dotsWrap = document.getElementById('tksDots');\n  var N = images.length;\n  var current = 0;\n  var mobileQuery = window.matchMedia('(max-width: 640px)');\n\n  var slideEls = images.map(function(im, i){\n    var el = document.createElement('div');\n    el.className = 'tks-slide';\n    var img = document.createElement('img');\n    img.src = im.src;\n    img.alt = im.alt;\n    img.loading = i < 3 ? 'eager' : 'lazy';\n    img.draggable = false;\n    el.appendChild(img);\n    track.appendChild(el);\n    return el;\n  });\n\n  var dotEls = images.map(function(){\n    var d = document.createElement('span');\n    d.className = 'tks-dot';\n    dotsWrap.appendChild(d);\n    return d;\n  });\n\n  function metrics(){\n    var h = stage.clientHeight;\n    var w = stage.clientWidth;\n    var isMobile = mobileQuery.matches;\n\n    if (isMobile){\n      var frontH = h;\n      var frontW = Math.min(w * 0.78, frontH * 0.78);\n      var step = frontW * 0.9;\n      return { isMobile: true, frontW: frontW, frontH: frontH, step: step };\n    }\n\n    var frontH = h;\n    var frontW = frontH * 0.76;\n    var gap = frontW * 0.10;\n    var halfGap = frontW \/ 2 + gap \/ 2;\n    var step = frontW * 0.8;\n    return { isMobile: false, frontW: frontW, frontH: frontH, halfGap: halfGap, step: step };\n  }\n\n  function styleFor(offset, m){\n    if (m.isMobile){\n      var step = m.step;\n      if (offset === 0) return { x: 0, scale: 1, blur: 0, opacity: 1, z: 5, front: true };\n      if (offset === 1) return { x: step, scale: .8, blur: 4, opacity: .45, z: 3 };\n      if (offset === 2) return { x: step * 1.85, scale: .6, blur: 8, opacity: 0, z: 1 };\n      if (offset === N - 1) return { x: -step, scale: .8, blur: 4, opacity: .45, z: 3 };\n      if (offset === N - 2) return { x: -step * 1.85, scale: .6, blur: 8, opacity: 0, z: 1 };\n      return { x: 0, scale: .5, blur: 8, opacity: 0, z: 0 };\n    }\n\n    var halfGap = m.halfGap, step = m.step;\n    if (offset === 0) return { x: -halfGap, scale: 1, blur: 0, opacity: 1, z: 5, front: true };\n    if (offset === 1) return { x: halfGap, scale: 1, blur: 0, opacity: 1, z: 5, front: true };\n    if (offset === 2) return { x: halfGap + step, scale: .82, blur: 3, opacity: .55, z: 3 };\n    if (offset === 3) return { x: halfGap + step * 2, scale: .64, blur: 7, opacity: .22, z: 2 };\n    if (offset === 4) return { x: halfGap + step * 3, scale: .5, blur: 9, opacity: 0, z: 1 };\n    if (offset === N - 1) return { x: -(halfGap + step), scale: .82, blur: 3, opacity: .55, z: 3 };\n    if (offset === N - 2) return { x: -(halfGap + step * 2), scale: .64, blur: 7, opacity: .22, z: 2 };\n    if (offset === N - 3) return { x: -(halfGap + step * 3), scale: .5, blur: 9, opacity: 0, z: 1 };\n    return { x: 0, scale: .5, blur: 9, opacity: 0, z: 0 };\n  }\n\n  function render(){\n    var m = metrics();\n    for (var i = 0; i < N; i++){\n      var offset = ((i - current) % N + N) % N;\n      var s = styleFor(offset, m);\n      var el = slideEls[i];\n      el.style.width = m.frontW + 'px';\n      el.style.height = m.frontH + 'px';\n      el.style.transform = 'translate(calc(-50% + ' + s.x + 'px), -50%) scale(' + s.scale + ')';\n      el.style.filter = 'blur(' + s.blur + 'px)';\n      el.style.opacity = s.opacity;\n      el.style.zIndex = s.z;\n      el.classList.toggle('is-front', !!s.front);\n    }\n    dotEls.forEach(function(d, i){ d.classList.toggle('is-active', i === current); });\n  }\n\n  function next(){\n    current = (current + 1) % N;\n    render();\n  }\n\n  function prev(){\n    current = (current - 1 + N) % N;\n    render();\n  }\n\n  render();\n\n  var timer = setInterval(next, 2000);\n  function restartAutoplay(){\n    clearInterval(timer);\n    timer = setInterval(next, 2000);\n  }\n\n  stage.addEventListener('mouseenter', function(){ clearInterval(timer); });\n  stage.addEventListener('mouseleave', function(){ restartAutoplay(); });\n\n  stage.addEventListener('keydown', function(e){\n    if (e.key === 'ArrowRight'){ next(); restartAutoplay(); }\n    else if (e.key === 'ArrowLeft'){ prev(); restartAutoplay(); }\n  });\n\n  \/\/ Swipe \/ drag navigation (touch + mouse via Pointer Events)\n  var dragging = false;\n  var dragStartX = 0;\n  var dragDeltaX = 0;\n  var DRAG_THRESHOLD = 40;\n\n  stage.addEventListener('pointerdown', function(e){\n    dragging = true;\n    dragStartX = e.clientX;\n    dragDeltaX = 0;\n    stage.classList.add('is-dragging');\n    clearInterval(timer);\n    if (stage.setPointerCapture) stage.setPointerCapture(e.pointerId);\n  });\n\n  stage.addEventListener('pointermove', function(e){\n    if (!dragging) return;\n    dragDeltaX = e.clientX - dragStartX;\n  });\n\n  function endDrag(){\n    if (!dragging) return;\n    dragging = false;\n    stage.classList.remove('is-dragging');\n    if (dragDeltaX <= -DRAG_THRESHOLD) next();\n    else if (dragDeltaX >= DRAG_THRESHOLD) prev();\n    dragDeltaX = 0;\n    restartAutoplay();\n  }\n\n  stage.addEventListener('pointerup', endDrag);\n  stage.addEventListener('pointercancel', endDrag);\n  stage.addEventListener('pointerleave', function(){ if (dragging) endDrag(); });\n\n  var resizeTimeout;\n  function handleLayoutChange(){\n    clearTimeout(resizeTimeout);\n    resizeTimeout = setTimeout(function(){\n      slideEls.forEach(function(el){ el.style.transition = 'none'; });\n      render();\n      requestAnimationFrame(function(){\n        requestAnimationFrame(function(){\n          slideEls.forEach(function(el){ el.style.transition = ''; });\n        });\n      });\n    }, 120);\n  }\n  window.addEventListener('resize', handleLayoutChange);\n  if (mobileQuery.addEventListener) mobileQuery.addEventListener('change', handleLayoutChange);\n  else if (mobileQuery.addListener) mobileQuery.addListener(handleLayoutChange);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2190 Retour au site \ud83d\ude9a Support Truckly Une question sur Truckly&nbsp;? Retrouvez ici les r\u00e9ponses aux questions les plus fr\u00e9quentes sur le cocamionnage et le fonctionnement de l&rsquo;application. Les questions qu&rsquo;on nous pose souvent Pourquoi Truckly&nbsp;? Truckly vous permet de voyager \u00e0 prix r\u00e9duit \u00e0 bord de camions qui effectuent de toute fa\u00e7on leur trajet, [&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-1430","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/pages\/1430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/comments?post=1430"}],"version-history":[{"count":13,"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/pages\/1430\/revisions"}],"predecessor-version":[{"id":1444,"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/pages\/1430\/revisions\/1444"}],"wp:attachment":[{"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/media?parent=1430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}