No se pueden poner `if ... else ...` dentro de [Plantillas Literales][1] Usando tu ejemplo, lo podrías solucionar con operadores ternarios: ```js $(td_result).html(` <a href="mailto:${email}"> <div class="container-target"> <div class="mx-auto"> <div class="card-body"> <h5 class="card-title mb-0">Details</h5> ${status ? ` <div class="d-flex align-items-center"> <p class="card-text">Name Example</p> <div class="rounded-circle bg-success ml-2" style="width: 10px; height: 10px;"></div> </div> <p class="card-text">Hitpath | Aff ID</p> <div class="d-flex align-items-center"> <p class="card-text mb-0"> <span>WhoIs: ${email}</span> <i class="fa fa-envelope-o" aria-hidden="true"></i> </p> </div> ` : ''} </div> </div> </div> </a>`); ``` Ahora bien, te recomendaría escribir una funcion para aclarar el código. Te dejo un ejemplo auto-contenido: ```js var email = "[email protected]"; var status = false; function ifHasStatusReturnCard(status, email){ if(status) return ` <div class="d-flex align-items-center"> <p class="card-text">Name Example</p> <div class="rounded-circle bg-success ml-2" style="width: 10px; height: 10px;"></div> </div> <p class="card-text">Hitpath | Aff ID</p> <div class="d-flex align-items-center"> <p class="card-text mb-0"> <span>WhoIs: ${email}</span> <i class="fa fa-envelope-o" aria-hidden="true"></i> </p> </div> `; return ''; } var str = ` <a href="mailto:${email}"> <div class="container-target"> <div class="mx-auto"> <div class="card-body"> <h5 class="card-title mb-0">Details</h5> ${ifHasStatusReturnCard(status, email)} </div> </div> </div> </a>` console.log(str); ``` [1]: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Template_literals