Aucun kit de test physique ne vous sera envoyé. Veuillez consulter l'e-mail de confirmation de commande pour savoir comment nous transmettre les résultats de votre test. Dès que nos laboratoires auront reçu vos échantillons, nous vous enverrons un e-

<h2 id="suivi-de-l&#xE9;tat-davancement-du-test">Suivi de l&apos;&#xE9;tat d&apos;avancement du test</h2><p>Aucun kit de test physique ne vous sera envoy&#xE9;. Veuillez consulter l&apos;e-mail de confirmation de commande pour savoir comment nous transmettre les r&#xE9;sultats de votre test. D&#xE8;s que nos laboratoires auront re&#xE7;u vos &#xE9;chantillons, nous vous enverrons un e-mail pour vous confirmer leur r&#xE9;ception.</p><p>Si vous souhaitez suivre l&apos;&#xE9;tat d&apos;avancement de votre test, vous pouvez utiliser l&apos;outil de suivi ci-dessous pour savoir o&#xF9; en est le processus de test.</p><p><br></p><style>
  .order-status__wrapper {
      align-items: center;
      display: flex;
      /*font-family: "Open Sans", sans-serif;*/
      height: 100%;
      margin: 0 auto;
      text-align: center;
      justify-content: center;
  }
  .order-status__wrapper a {
      color: #277B7C;
  }
  .order-status__wrapper--left {
    align-items: center;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    padding: 1rem;
    width: 100%;
  }
  .order-status__wrapper--left img {
    margin-bottom: 1rem;
    max-width: 300px;
  }

  .order-status__wrapper--left form {
    display: flex;
    flex-flow: column;
    width: 400px;
  }
  .order-status__wrapper ul {
    list-style: none;
    padding-inline: 0;
  }
  
  @media screen and (max-width: 749px) {
    .order-status__wrapper--left form {
      width: 100%;
    }
  }
  .order-status__wrapper--left form  p {
    /* color: rgba(0,0,0,1); */
    font-size: 0.8rem;
    margin: 0;
    margin-bottom:1.5rem;
    padding: 0;
    text-align: center;
  }
  .order-status__wrapper input[type="text"] {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    margin-bottom: 0.5rem;
    padding: 1rem;
  }
  .order-status__wrapper input[type="submit"], .order-status__wrapper button {
    background: #277B7C;
    border: 1px solid #277B7C;
    border-radius: 5px;
    color: #fff;
    font-size:1.2rem;
    margin-bottom: 1rem;
    padding: 1rem;
  }

  .order-status__wrapper p {
      font-weight: normal;
      margin-bottom: 1rem;
  }
  .order-status__wrapper p.copyright {
      font-size: 0.8rem;
      font-weight: bold;
  }
  .order-status {
      align-items:flex-start;
      color: rgba(0,0,0,0.2);
      display: flex;
      font-size: 0.8rem;
      font-weight: 500;
      justify-content: space-between;
      list-style-type: none;
      margin:0;
      margin-top: 2.5rem;
      max-width: 350px;
      padding: 1rem;
      position: relative;
      width:100%;
      min-width: 260px;
  }
  .order-status__detail {
    display: none;
    opacity: 0;
    position: relative;
    transition: all 1s;
    padding-top: 1rem;
  }
  .order-status__detail.show {
    display: block;
    opacity: 1;
    transition: all 1s;
  }
  .order-status.order-status-awaiting-submission li:first-child{
      color: rgba(0,0,0,1);
  }
  .order-status li {
      padding-top: 2rem;
      position: relative;
  }
  .order-status li:before {
      background-color: #dfdfdf;
      border-radius: 50%;
      content: "";
      display: block;
      height: 30px;
      position: absolute;
      width: 30px;
      top: -24px;
      left: 50%;
      transform: translate(-50%, 0);
      z-index:10;
  }
  .order-status li:after {
      background-color: #dfdfdf;
      content: "";
      display: block;
      height: 8px;
      position: absolute;
      width: 100%;
      top: -12px;
      left: 62%;
  }
  .order-status li:last-child:after {
      display: none;
      width: 0;
  }


  .order-status.order-status-awaiting-sample li:first-child, .order-status.order-status-awaiting-sample li:nth-child(2){
      color: rgba(0,0,0,1);
  }
  .order-status.order-status-awaiting-submission li:first-child:before {
      /* animation: pulseOpacity 1.5s ease-in-out infinite; */
      border: 6px double  #399a72;
      background: #fff;
      top: -24px;
  }
  .order-status.order-status-awaiting-sample li:first-child:after, .order-status.order-status-awaiting-sample li:first-child:before {
      background-color: #399a72;
  }

  .order-status.order-status-awaiting-sample li:first-child:before {
      background: #399a72 url(checkicon.png);
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: center;
  }
  .order-status.order-status-awaiting-sample li:nth-child(2):before {
      /* animation: pulseOpacity 1.5s ease-in-out infinite; */
      border: 6px double  #399a72;
      background: #fff;
      top: -24px;
  }
  .order-status.order-status-received-sample li:first-child:after,  .order-status.order-status-received-sample li:nth-child(2):after {
      background-color: #399a72;
  }
  .order-status.order-status-received-sample li:first-child:before, .order-status.order-status-received-sample li:nth-child(2):before {
      background: #399a72 url(checkicon.png);
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: center;
  }
  .order-status.order-status-received-sample li:nth-child(3):before {
      /* animation: pulseOpacity 1.5s ease-in-out infinite; */
      border: 6px double  #399a72;
      background: #fff;
      top: -24px;
  }
  .order-status.order-status-processed-sample li:first-child:after, .order-status.order-status-processed-sample li:nth-child(3):after, .order-status.order-status-processed-sample li:nth-child(2):after {
      background-color: #399a72;
  }
  .order-status.order-status-processed-sample li:first-child:before, .order-status.order-status-processed-sample li:nth-child(2):before, .order-status.order-status-processed-sample li:nth-child(3):before {
      background: #399a72 url(checkicon.png);
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: center;
  }
  .order-status.order-status-processed-sample li:nth-child(4):before {
      /* animation: pulseOpacity 1.5s ease-in-out infinite; */
      border: 6px double  #399a72;
      background: #fff;
      top: -24px;
  }
  .order-status.order-status-completed li:first-child:after, .order-status.order-status-completed li:nth-child(2):after, .order-status.order-status-completed li:nth-child(3):after, .order-status.order-status-completed li:nth-child(4):after{
      background: #399a72 ;
  }
  .order-status.order-status-completed li:first-child:before, .order-status.order-status-completed li:nth-child(2):before, .order-status.order-status-completed li:nth-child(3):before, .order-status.order-status-completed li:nth-child(4):before, .order-status.order-status-completed li:nth-child(5):before{
      background: #399a72;
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: center;
  }

  .order-status.order-status-received-sample li:first-child, .order-status.order-status-received-sample li:nth-child(2), .order-status.order-status-received-sample li:nth-child(3){
      color: rgba(0,0,0,1);
  }
  .order-status.order-status-processed-sample li:first-child, .order-status.order-status-processed-sample li:nth-child(2), .order-status.order-status-processed-sample li:nth-child(3), .order-status.order-status-processed-sample li:nth-child(4){
      color: rgba(0,0,0,1);
  }
  .order-status.order-status-completed li:first-child, .order-status.order-status-completed li:nth-child(2), .order-status.order-status-completed li:nth-child(3), .order-status.order-status-completed li:nth-child(4),  .order-status.order-status-completed li:nth-child(5){
      color: rgba(0,0,0,1);
  }
  .order-status li:last-child::after {
      display: none!important;
  }

  /**Popups */
  .overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1000;
  }

  .popup {
    /* font-family: "Open Sans", sans-serif; */
    border: 2px solid #000;
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 0;
    border-radius: 2px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1001;
    min-width: 350px;
    max-width: 500px;
  }
  .popup__content {
      font-size: 0.9rem;
      padding: 1rem;
  }

  .popup__content a {
      color: #277B7C;
  }

  .popup h2 {
    margin-bottom:1rem;
    margin-top: 0;
  }

  .close-btn {
    float: right;
    cursor: pointer;
    font-weight: bold;
  }

  .open-btn {
    margin-top: 50px;
  }

  /* Active class to trigger fade-in */
  .overlay.active,
  .popup.active {
    opacity: 1;
    visibility: visible;
  }

  @keyframes pulseOpacity {
      0% {
          opacity: 1;
      }
      50% {
          opacity: 0.8;
      }
      100% {
          opacity: 1;
      }
  }

  .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }

  .loading-box {
    padding: 20px 40px;
    background-color: #277b7c;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
  }

  .loading-overlay.hidden {
    display: none;
  }

  @media all and (min-width: 600px) {
    .order-status__wrapper--left {
      padding: 2rem;
      width: 100%;
    }
    .order-status li:after {
      width: 90%;
    }
    .order-status {
      max-width: 600px;
      padding: 1rem;
      position: relative;
      width:100%;
      min-width: 560px;
    }
    /* .order-status__wrapper--left form {
      width: 400px;
    } */
  }
</style><div class="order-status__wrapper"><div class="order-status__wrapper--left"><h3 id="check-your-order-status-below">Check your order status below.</h3><form id="jsonForm">&#xA0;<input type="text" id="orderNumber" name="orderNumber" required> <button type="submit" class="size-style button button--primary" id="testTrackerBtn">Submit</button></form><div class="order-status__detail" id="order-status-wrapper"><div id="loadingOverlay" class="loading-overlay hidden"><div class="loading-box">Fetching your Results...</div></div><p>Your Order number is currently:</p><ul class="order-status" id="statusList"><li>Awaiting Submission</li><li>Awaiting Sample</li><li>Received Sample</li><li>Processing Sample</li><li>Completed</li></ul></div></div></div><script>
  document.addEventListener('DOMContentLoaded', function () {
  const form = document.getElementById('jsonForm');
  const output = document.getElementById('jsonOutput');
  const loadingOverlay = document.getElementById('loadingOverlay');
  const wrapper = document.getElementById("order-status-wrapper");

  

  form.addEventListener('submit', function (e) {
    e.preventDefault();
    loadingOverlay.classList.remove('hidden'); // Show loading

    const orderNumberVal = document.getElementById('orderNumber').value;
    const formData = new FormData(this);

    
    loadingOverlay.classList.remove('hidden'); // Hide loading
    wrapper.classList.add('show');
    fetch('https://www.hometolab.com/status_tracker.php', {
      method: 'POST',
      body: formData
    })
    .then(async response => {

      const contentType = response.headers.get("content-type");
      if (contentType && contentType.includes("application/json")) {
        const data = await response.json();
        const statusText = data.body.OrderStatusText;

        let statusClass = '';
        switch (statusText) {
          case "Awaiting Submission": statusClass = "awaiting-submission"; break;
          case "Awaiting Sample": statusClass = "awaiting-sample"; break;
          case "Received Sample": statusClass = "received-sample"; break;
          case "Processed Sample": statusClass = "processed-sample"; break;
          case "Completed": statusClass = "completed"; break;
          case "On Hold": statusClass = "on-hold"; break;
          case "Cancelled": statusClass = "cancelled"; break;
          case "Refunded": statusClass = "refunded"; break;
        }

        if (statusClass !== '') {
          const el = document.getElementById("statusList");
          el.className = 'order-status';
          el.classList.add("order-status-" + statusClass);
          loadingOverlay.classList.add('hidden');
          wrapper.classList.add('show');
        }
      } else {
        const text = await response.text();
        console.warn('Non-JSON response from server:', text);
        output.textContent += `\n\nServer response (not JSON):\n${text}`;
      }
    })
    .catch(error => {
      loadingOverlay.classList.add('hidden'); // Ensure it's hidden even on error
      console.error('Error sending data:', error);
    });
  });
});

  let modalClick = document.getElementsByClassName('openModal');
  modalClick[0].addEventListener('click', (e)=> {
      e.preventDefault();
      document.getElementById("overlay").classList.add("active");
    document.getElementById("popup").classList.add("active");
  })
  function openPopup(e) {
  e.preventDefault();
      console.log('popup opened');
    
  }

  function closePopup() {
    document.getElementById("overlay").classList.remove("active");
    document.getElementById("popup").classList.remove("active");
  }

  document.getElementById("orderNumber").addEventListener("click", function() {
    const wrapper = document.getElementById("order-status-wrapper");
    wrapper.classList.remove('show');
  });

  /**GA Event**/
  document.getElementById('testTrackerBtn').addEventListener('click', function() {
    // Send event to Google Analytics 4
    if (typeof gtag === 'function') {
      gtag('event', 'tracker_button_clicked', {
        event_category: 'button',
        event_label: 'Tracker Button Clicked',
        value: 1
      });
      console.log('GA event sent: Test Tracker Click');
    } else {
      console.warn('gtag function not found. GA might not be initialized.');
    }
  });
</script><h2 id="vous-ne-trouvez-pas-votre-num&#xE9;ro-de-commande-">Vous ne trouvez pas votre num&#xE9;ro de commande ?</h2><h3 id="o&#xF9;-trouver-votre-num&#xE9;ro-de-commande">O&#xF9; trouver votre num&#xE9;ro de commande</h3><p>Votre num&#xE9;ro de commande figurera dans l&apos;e-mail de confirmation de commande et commencera par le pr&#xE9;fixe <strong>TYI-FR</strong><strong>-</strong>.</p><p><img src="https://attachments.gorgias.help/VvEzB7NBMXr7beky/hc/1QNmd2Yb8DR79XA0/2026090112-5573b37b-36a6-48bf-b1e1-2ae014137981-order-confirmation-email.png" style="width: 432px;" class="fr-fic fr-dib"></p><p><br></p><h3 id="vous-ne-trouvez-pas-le-mail-de-confirmation-de-votre-commande-">Vous ne trouvez pas l&apos;e-mail de confirmation de votre commande ?</h3><p>Pas de probl&#xE8;me, n&apos;h&#xE9;sitez pas &#xE0; contacter notre <a href="https://support.testmyfoodsensitivity.com/en-US/articles/contact-us-439875">service client</a> : notre &#xE9;quipe, toujours &#xE0; votre &#xE9;coute, se fera un plaisir de vous fournir des informations actualis&#xE9;es sur l&apos;&#xE9;tat de votre commande.</p>

Comment puis-je suivre l'évolution de mon test ?

Nous sommes là pour vous aider ! Si vous avez des questions concernant votre commande ou si vous souhaitez nous contacter pour toute autre demande, vous pouvez remplir notre formulaire de contact ou envoyer un e-mail à notre équipe à l'adresse info@t

<p id="isPasted">Nous sommes l&#xE0; pour vous aider ! Si vous avez des questions concernant votre commande ou si vous souhaitez nous contacter pour toute autre demande, vous pouvez remplir notre <a href="https://help.testyourintolerance.fr/fr-FR/contact">formulaire de contact</a> ou envoyer un e-mail &#xE0; notre &#xE9;quipe &#xE0; l&apos;adresse <a data-fr-linked="true" href="mailto:info@testyourintolerance.fr" id="isPasted">info@testyourintolerance.fr</a>.</p><p id="isPasted">Nos horaires d&apos;ouverture habituels sont les suivants :</p><ul><li>Du lundi au jeudi, de 10 h 30 &#xE0; 17 h 30</li><li>Vendredi, de 10 h 30 &#xE0; 14 h</li></ul><p>Si vous avez besoin de nous contacter en dehors de ces horaires, notre service de chat en direct est disponible 24 h/24 et 7 j/7, avec les conseils de notre assistant Atlas, toujours pr&#xEA;t &#xE0; vous aider. Sinon, nous nous efforcerons de vous r&#xE9;pondre dans un d&#xE9;lai de 2 jours ouvr&#xE9;s.</p><p>Veuillez noter que notre &#xE9;quipe est bas&#xE9;e au Royaume-Uni et que nos bureaux sont ferm&#xE9;s les jours f&#xE9;ri&#xE9;s britanniques.</p>

Comment puis-je contacter le service client ?

Test Your Intolerance France

Contactez-nous