{"id":237,"date":"2025-07-30T13:14:41","date_gmt":"2025-07-30T13:14:41","guid":{"rendered":"https:\/\/optel-academie.fr\/?page_id=237"},"modified":"2026-03-12T14:23:23","modified_gmt":"2026-03-12T14:23:23","slug":"formation","status":"publish","type":"page","link":"https:\/\/optel-academie.fr\/index.php\/formation\/","title":{"rendered":"Formation"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n<!-- ===== Optel Acad\u00e9mie \u2022 Slider horizontal avec fl\u00e8ches Unicode ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div id=\"optel-modules-horizontal\" style=\"\n  --optel:#025C68;\n  --gap:16px;\n  --radius:16px;\n  --shadow:0 6px 16px rgba(0,0,0,.06);\n  --media-h:180px;\n  --pill-pad:6px 12px;\n  --pill-size:12px;\n  --title-size:18px;\n  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n  max-width:100%;\n\">\n  <style>\n    #optel-modules-horizontal * { box-sizing:border-box; }\n    #optel-modules-horizontal .wrap {\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      width: 100%;\n    }\n\n    .btn {\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      width:38px;\n      height:38px;\n      border-radius:999px;\n      border:none;\n      cursor:pointer;\n      background:#e2e8f0;\n      color:#0f172a;\n      font-size:24px;\n      font-weight:bold;\n    }\n    .btn:disabled {opacity:.4;cursor:not-allowed;}\n\n    .viewport { overflow:hidden; flex:1; }\n    .track {\n      display:flex;\n      gap: var(--gap);\n      transition: transform .35s ease;\n      padding:4px;\n    }\n\n    .card {\n      flex:0 0 calc(33.33% - var(--gap));\n      background:#fff;\n      border-radius: var(--radius);\n      box-shadow: var(--shadow);\n      padding:12px;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n    }\n\n    .media {\n      width:100%;\n      height:var(--media-h);\n      background:#f3f4f6;\n      border-radius:12px;\n      overflow:hidden;\n    }\n    .media img {\n      width:100%;\n      height:100%;\n      object-fit:cover;\n    }\n\n    .row {\n      display:flex;\n      justify-content:flex-end;\n      width:100%;\n      margin-top:10px;\n    }\n    .pill {\n      background:var(--optel);\n      color:#fff;\n      border-radius:999px;\n      padding: var(--pill-pad);\n      font-weight:800;\n      font-size:var(--pill-size);\n      text-transform:uppercase;\n    }\n\n    .title {\n      margin-top:10px;\n      text-align:center;\n      font-size:var(--title-size);\n      font-weight:700;\n      color:#0f172a;\n    }\n\n    @media(max-width:900px){\n      .card{flex:0 0 calc(50% - var(--gap));}\n    }\n    @media(max-width:600px){\n      .card{flex:0 0 100%;}\n    }\n  <\/style>\n\n  <div class=\"wrap\">\n    <button class=\"btn prev\" disabled>\u2039<\/button>\n    <div class=\"viewport\">\n      <div class=\"track\"><\/div>\n    <\/div>\n    <button class=\"btn next\">\u203a<\/button>\n  <\/div>\n\n  <script>\n    (function(){\n      const imgs = [\n        \"https:\/\/optel-academie.fr\/wp-content\/uploads\/2025\/09\/5-1.png\",\n        \"https:\/\/optel-academie.fr\/wp-content\/uploads\/2025\/09\/4-1.png\",\n        \"https:\/\/optel-academie.fr\/wp-content\/uploads\/2025\/09\/3-1.png\",\n        \"https:\/\/optel-academie.fr\/wp-content\/uploads\/2025\/09\/2-1.png\",\n        \"https:\/\/optel-academie.fr\/wp-content\/uploads\/2025\/09\/1-1.png\"\n      ];\n\n      const titles = [\n        \"Introduction au secr\u00e9tariat t\u00e9l\u00e9phonique\",\n        \"Amabilit\u00e9 et professionnalisme\",\n        \"Communication claire et concise\",\n        \"Gestion des appels et demandes\",\n        \"G\u00e9rer les situations d\u00e9licates au t\u00e9l\u00e9phone\",\n        \"Optimisation de la satisfaction client\",\n        \"Organisation et gestion du planning\",\n        \"Gestion des impr\u00e9vus et des priorit\u00e9s\",\n        \"Mise \u00e0 jour des bases de donn\u00e9es clients\",\n        \"Technologies t\u00e9l\u00e9phoniques\",\n        \"Structurer et r\u00e9diger des messages\",\n        \"Se valoriser et se vendre efficacement\",\n        \"Faire de l\u2019IA son alli\u00e9(e) en secr\u00e9tariat t\u00e9l\u00e9phonique externalis\u00e9\"\n      ];\n\n      const root = document.getElementById(\"optel-modules-horizontal\");\n      const track = root.querySelector(\".track\");\n      const prevBtn = root.querySelector(\".prev\");\n      const nextBtn = root.querySelector(\".next\");\n\n      titles.forEach((t, i) => {\n        const card = document.createElement(\"article\");\n        card.className = \"card\";\n        card.innerHTML = `\n          <div class=\"media\">\n            <img decoding=\"async\" src=\"${imgs[i % imgs.length]}\" alt=\"Module ${i+1}\">\n          <\/div>\n          <div class=\"row\">\n            <div class=\"pill\">MODULE ${i+1}<\/div>\n          <\/div>\n          <h3 class=\"title\">${t}<\/h3>\n        `;\n        track.appendChild(card);\n      });\n\n      let index = 0;\n      function update(){\n        const card = track.children[0];\n        if(!card) return;\n        const gap = parseFloat(getComputedStyle(track).gap) || 0;\n        const cardWidth = card.getBoundingClientRect().width + gap;\n        const visible = Math.floor(root.querySelector(\".viewport\").offsetWidth \/ cardWidth);\n        const max = Math.max(0, track.children.length - visible);\n        track.style.transform = `translateX(${-index * cardWidth}px)`;\n        prevBtn.disabled = index <= 0;\n        nextBtn.disabled = index >= max;\n      }\n\n      prevBtn.onclick = () => { index--; update(); };\n      nextBtn.onclick = () => { index++; update(); };\n      window.addEventListener(\"resize\", update);\n      window.addEventListener(\"load\", update);\n      requestAnimationFrame(update);\n    })();\n  <\/script>\n<\/div>\n<!-- ===== \/Optel Acad\u00e9mie \u2022 Slider horizontal ===== -->\n\n\n\n\n\n\n\n\n\n\n\n<style>\n  .etapes-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 20px;\n    background-color: #F9F5EF;\n    padding: 40px;\n    font-family: 'Segoe UI', sans-serif;\n  }\n\n  .etape-card {\n    background-color: #ffffff;\n    border-radius: 12px;\n    padding: 25px;\n    width: 280px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n  }\n\n  .etape-title a, .etape-title span {\n    font-weight: bold;\n    font-size: 18px;\n    color: #025C68;\n    text-decoration: underline;\n    position: relative;\n    cursor: pointer;\n  }\n\n  .etape-title a::before, .etape-title span::before {\n    content: \"\";\n    background-color: transparent;\n    position: absolute;\n    left: 0;\n    bottom: 3px;\n    width: 100%;\n    height: 12px;\n    z-index: -1;\n  }\n\n  .etape-title a:hover, .etape-title span:hover {\n    color: #014A52;\n  }\n\n  .etape-title.no-link {\n    font-weight: bold;\n    font-size: 18px;\n    color: #025C68;\n    margin-bottom: 10px;\n  }\n\n  .etape-text {\n    font-size: 14px;\n    line-height: 1.5;\n    color: #333;\n    margin-top: 12px;\n  }\n\n  #formulaire-preinscription {\n    display: none;\n    background-color: #ffffff;\n    padding: 30px;\n    margin: 30px auto 0;\n    border-radius: 12px;\n    max-width: 700px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    font-family: 'Segoe UI', sans-serif;\n  }\n\n  #formulaire-preinscription h3, h4 {\n    color: #025C68;\n    margin-bottom: 15px;\n  }\n\n  #formulaire-preinscription label {\n    font-weight: bold;\n    display: block;\n    margin-top: 15px;\n    margin-bottom: 5px;\n  }\n\n  #formulaire-preinscription input,\n  #formulaire-preinscription select,\n  #formulaire-preinscription textarea {\n    width: 100%;\n    margin-bottom: 10px;\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    font-size: 14px;\n  }\n\n  #formulaire-preinscription input[type=\"checkbox\"],\n  #formulaire-preinscription input[type=\"radio\"] {\n    width: auto;\n    margin-right: 8px;\n  }\n\n  #formulaire-preinscription small {\n    display: block;\n    margin-top: -8px;\n    margin-bottom: 10px;\n    font-size: 12px;\n    color: #666;\n  }\n\n  .calendly-link {\n    margin-top: 20px;\n    display: inline-block;\n    color: #025C68;\n    font-weight: bold;\n    text-decoration: underline;\n    font-size: 15px;\n  }\n\n  .calendly-link:hover {\n    color: #014A52;\n  }\n\n  .calendly-link::before {\n    content: \"\\1F4C5 \";\n    font-size: 18px;\n  }\n<\/style>\n\n<!-- \u00c9TAPES EN CARTES -->\n<div class=\"etapes-grid\">\n  <!-- \u00c9tape 1 -->\n  <div class=\"etape-card\">\n    <div class=\"etape-title no-link\">\n      T\u00e9l\u00e9charger le programme\n    <\/div>\n    <div class=\"etape-text\">\n      D\u00e9couvrez le contenu complet de la formation et validez que cela correspond \u00e0 votre projet.\n    <\/div>\n  <\/div>\n\n  <!-- \u00c9tape 2 -->\n  <div class=\"etape-card\">\n    <div class=\"etape-title\">\n      <span onclick=\"afficherFormulaire()\">Pr\u00e9-inscrivez-vous<\/span>\n    <\/div>\n    <div class=\"etape-text\">\n      Remplissez le formulaire de pr\u00e9-inscription et indiquez-nous vos pr\u00e9f\u00e9rences.\n    <\/div>\n  <\/div>\n\n  <!-- \u00c9tape 3 -->\n  <div class=\"etape-card\">\n    <div class=\"etape-title\">\n      <a href=\"tel:+33631611899\">Appel d\u00e9couverte<\/a>\n    <\/div>\n    <div class=\"etape-text\">\n      Cliquez pour appeler et \u00e9changer sur votre projet avant l\u2019inscription.\n    <\/div>\n  <\/div>\n\n  <!-- \u00c9tape 4 -->\n  <div class=\"etape-card\">\n    <div class=\"etape-title no-link\">Validez votre inscription<\/div>\n    <div class=\"etape-text\">\n      Si votre profil correspond et que la motivation est au rendez-vous, vous recevrez la confirmation et les acc\u00e8s \u00e0 votre formation.\n    <\/div>\n  <\/div>\n\n  <!-- \u00c9tape 5 -->\n  <div class=\"etape-card\">\n    <div class=\"etape-title no-link\">Commencez l\u2019aventure \u00e0 votre rythme<\/div>\n    <div class=\"etape-text\">\n      Vous acc\u00e9dez \u00e0 votre espace personnel, vos modules, vos outils&#8230; et vous \u00eates pr\u00eat(e) \u00e0 avancer, accompagn\u00e9(e), vers votre nouvelle activit\u00e9.\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- FORMULAIRE CACH\u00c9 AVEC FORM ACTION -->\n<div id=\"formulaire-preinscription\">\n  <h3>Pr\u00e9-inscrivez-vous en ligne<\/h3>\n  <form action=\"https:\/\/formspree.io\/f\/mwpqnqlz\" method=\"POST\">\n    <h4>Informations de base<\/h4>\n    <label>Pr\u00e9nom \/ Nom :<\/label>\n    <input type=\"text\" name=\"nom\" required>\n\n    <label>Adresse e-mail :<\/label>\n    <input type=\"email\" name=\"email\" required>\n\n    <label>Num\u00e9ro de t\u00e9l\u00e9phone :<\/label>\n    <input type=\"tel\" name=\"tel\" required>\n\n    <label>Date de naissance :<\/label>\n    <input type=\"date\" name=\"dob\">\n\n    <label>Ville \/ Pays de r\u00e9sidence :<\/label>\n    <input type=\"text\" name=\"ville\">\n\n    <h4>Profil et parcours<\/h4>\n    <label>Quelle est votre situation actuelle ?<\/label>\n    <select name=\"situation\" required>\n      <option value=\"\">&#8212; S\u00e9lectionnez &#8212;<\/option>\n      <option>Salari\u00e9(e)<\/option>\n      <option>Ind\u00e9pendant(e)<\/option>\n      <option>En reconversion<\/option>\n      <option>Demandeur d\u2019emploi<\/option>\n      <option>\u00c9tudiant(e)<\/option>\n    <\/select>\n\n    <label>Exp\u00e9rience en secr\u00e9tariat ou assistanat administratif ?<\/label>\n    <input type=\"radio\" name=\"experience\" value=\"Oui\"> Oui\n    <input type=\"radio\" name=\"experience\" value=\"Non\"> Non\n\n    <label>Si oui, pr\u00e9cisez :<\/label>\n    <textarea name=\"exp_details\" rows=\"2\"><\/textarea>\n\n    <label>Votre formation ou dernier dipl\u00f4me :<\/label>\n    <textarea name=\"diplome\" rows=\"2\"><\/textarea>\n\n    <h4>Int\u00e9r\u00eat pour la formation<\/h4>\n    <label>Qu\u2019est-ce qui vous attire dans ce m\u00e9tier ?<\/label>\n    <textarea name=\"motivation\" rows=\"3\"><\/textarea>\n\n    <label>Qu\u2019attendez-vous de cette formation ?<\/label>\n    <textarea name=\"attentes\" rows=\"3\"><\/textarea>\n\n    <label>Disponible pour une formation \u00e0 distance ?<\/label>\n    <select name=\"disponible\" required>\n      <option value=\"\">&#8212; S\u00e9lectionnez &#8212;<\/option>\n      <option>Oui<\/option>\n      <option>Non<\/option>\n      <option>Je ne sais pas encore<\/option>\n    <\/select>\n\n    <label>Formule souhait\u00e9e :<\/label><br>\n    <input type=\"checkbox\" name=\"formule\" value=\"35h\"> Formation 35h \u2013 En ligne (autonome)\n    <small>\u27a4 Modules vid\u00e9o, PDF, quizz \u00e0 votre rythme<\/small><br>\n\n    <input type=\"checkbox\" name=\"formule\" value=\"35h pr\u00e9sentiel\"> Formation 35h \u2013 En pr\u00e9sentiel\n    <small>\u27a4 Ateliers pratiques, \u00e9changes en direct<\/small><br>\n\n    <input type=\"checkbox\" name=\"formule\" value=\"70h accompagnement\"> Formation 70h \u2013 En ligne avec accompagnement\n    <small>\u27a4 Classes virtuelles, suivi individuel, carnet de projet<\/small><br>\n\n    <input type=\"checkbox\" name=\"formule\" value=\"70h pr\u00e9sentiel\"> Formation 70h \u2013 En pr\u00e9sentiel\n    <small>\u27a4 Ateliers pratiques, \u00e9changes en direct<\/small><br><br>\n\n    <h4>Choisissez votre jour et heure pour un \u00e9change t\u00e9l\u00e9phonique :<\/h4>\n    <a class=\"calendly-link\" href=\"https:\/\/optel-services.fr\/prendre-rendez-vous\/\" target=\"_blank\">\n      R\u00e9servez via Calendly\n    <\/a>\n\n    <br><br>\n    <button type=\"submit\">Envoyer ma pr\u00e9-inscription<\/button>\n  <\/form>\n<\/div>\n\n<script>\n  function afficherFormulaire() {\n    var form = document.getElementById(\"formulaire-preinscription\");\n    form.style.display = \"block\";\n    form.scrollIntoView({ behavior: \"smooth\" });\n  }\n<\/script>\n\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    if (window.location.hash === \"#formulaire-preinscription\") {\n      var form = document.getElementById(\"formulaire-preinscription\");\n      if (form) {\n        form.style.display = \"block\";\n        form.scrollIntoView({ behavior: \"smooth\" });\n      }\n    }\n  });\n<\/script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u2039 \u203a T\u00e9l\u00e9charger le programme D\u00e9couvrez le contenu complet de la formation et validez que cela correspond \u00e0 votre projet. Pr\u00e9-inscrivez-vous Remplissez le formulaire de pr\u00e9-inscription et indiquez-nous vos pr\u00e9f\u00e9rences. Appel d\u00e9couverte Cliquez pour appeler et \u00e9changer sur votre projet avant l\u2019inscription. Validez votre inscription Si votre profil correspond et que la motivation est au [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":true,"footnotes":""},"class_list":["post-237","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general","isFrontPage":true},"_links":{"self":[{"href":"https:\/\/optel-academie.fr\/index.php\/wp-json\/wp\/v2\/pages\/237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optel-academie.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/optel-academie.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/optel-academie.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/optel-academie.fr\/index.php\/wp-json\/wp\/v2\/comments?post=237"}],"version-history":[{"count":76,"href":"https:\/\/optel-academie.fr\/index.php\/wp-json\/wp\/v2\/pages\/237\/revisions"}],"predecessor-version":[{"id":593,"href":"https:\/\/optel-academie.fr\/index.php\/wp-json\/wp\/v2\/pages\/237\/revisions\/593"}],"wp:attachment":[{"href":"https:\/\/optel-academie.fr\/index.php\/wp-json\/wp\/v2\/media?parent=237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}