# Crear nuevas tarjetas usando bases de datos

<br>
<br>
<span class="cabezera">Podrás completar toda la información con una base de datos, usa la tuya o descarga nuestra plantilla.</span>

<br>
<br>

<span class="color">1.</span> Desde la **sección de Tarjetas**, haz click en el botón de **Quiero más tarjetas**, lo encontrarás arriba a la izquierda:
<div class="step-container-small">
  <img src="https://help.tictapcards.com/uploads/images/gallery/2025-04/scaled-1680-/D6BYUsmpezFHvqPO-quiero-mas-tarjetasx2.png" alt="quiero-mas-tarjetasx2.png">
</div>
<br>
<br>

<div class="step-container-dividido">
  <img src="https://help.tictapcards.com/uploads/images/gallery/2025-04/scaled-1680-/CdSY8bg146op1qsb-panel-seleccion-tarjetas-digitalesx2.png" alt="panel-seleccion-tarjetas-digitalesx2.png">
  <div class="step-text">
    <span class="color">2.</span> Se abrirá el Siguiente panel y seleccionaremos <b>"las tarjetas digitales"</b>
  </div>
</div>

<br>
<br>
<br>
<br>

<div class="step-container-dividido">
   <img src="https://help.tictapcards.com/uploads/images/gallery/2025-04/scaled-1680-/ASfBsHnBtdswO7ZW-panel-seleccion-digitales-importar-bdx2.png" alt="panel-seleccion-digitales-importar-bdx2.png">
  <div class="step-text">
     <span class="color">3.</span> Ahora vamos a <b>importar</b> las tarjetas desde una <b>base de datos.</b>
  </div>
</div>

<br>
<br>
<br>
<br>

<span class="color">4.</span> Lo primero es seleccionar <b>la marca</b> en la que van a estar las tarjetas.

<div class="step-container-small">
  <img src="https://help.tictapcards.com/uploads/images/gallery/2025-04/scaled-1680-/wA9REjpw8jVN0No4-panel-seleccion-digitales-bd-marcax2.png" alt="panel-seleccion-digitales-bd-marcax2.png">
</div>
<br>

<span class="color">5. </span>También podemos arrastrar o seleccionar desde la carpeta la base de datos ya existente.<br>
Ten en cuenta que el <b>formato es .CSV</b>

<div class="step-container" style="height:270px;">
  <img src="https://help.tictapcards.com/uploads/images/gallery/2025-04/scaled-1680-/uJEZUEtuWxhEPsao-panel-seleccion-digitales-bd-importarx2.png" alt="panel-seleccion-digitales-bd-importarx2.png">
</div>
<br>
<br>

<span class="color">6.</span> Si no tienes una base de datos te puedes descargar nuestra <b>plantilla</b> y rellenarla con los datos.

<div class="step-container-small" style="height:100px;">
  <img src="https://help.tictapcards.com/uploads/images/gallery/2025-04/scaled-1680-/mWFcnFdDyjsj8HNi-panel-descargar-plantilla-bdx2.png" alt="panel-descargar-plantilla-bdx2.png">
</div>
<br>
<br>

<span class="color">7.</span> Verificamos que el archivo y la marca sea correcto y seguimos al siguiente paso.

<div class="step-container">
  <img src="https://help.tictapcards.com/uploads/images/gallery/2025-05/scaled-1680-/fBeK0KdrGWBxUUvm-image-1747057966081.png" alt="[panel-digitales-bd-validacionx2.png" style="margin-top: 50px;">
</div>
<br>
<br>
<br>

<span class="color">8.</span> Ahora vamos a ver si todo esta correcto con la <b>previsualización y validación de los datos</b>, no queremos sustos! 
<div class="step-container">
  <img src="https://help.tictapcards.com/uploads/images/gallery/2025-04/scaled-1680-/DpGKgMqk3nZXBjGe-panel-digitales-bd-validacionx2.png" alt="[panel-digitales-bd-validacionx2.png"  style="margin-top: 50px;">
</div>
<br>
<br>
<br>

!Ahora solo haria falta imprimir tus nuevas tarjetas! 
<br>
<br>
Si quieres aprender como imprimir tus nuevas tarjetas haz clic <u class="link"> [aquí](https://help.tictapcards.com/books/gestion-de-tarjetas/page/imprimir-tarjetas-nfc)</u>

<br>
<br>

<style>
    .link ,u,a{
    color: rgb(2, 165, 108);
  }
  .link u,a:hover{
    color: rgb(21, 59, 68);
  }
  .color{
    color: rgb(2, 165, 108);
    font-weight: 600;
    }
  .step-container {/*normal*/
    display: flex;
    align-items: center;
    justify-content: left;
    height: 580px; 
  }
  .step-container img {
    transition: width 0.3s ease;
    transform-origin: left top;
    width: 482px;
  }
  .step-container img:hover {
    width: 580px;   
  }
  .step-container-small {/*small*/
    display: flex;
    align-items: center;
    justify-content: left;
    height: 200px;
  }
  .step-container-small img {
    transition: width 0.3s ease;
    transform-origin: left top;
    width: 482px;
  }
  .step-container-small img:hover {
    width: 580px;   
  }
  .step-container-big {/*big*/
    display: flex;
    align-items: center;
    justify-content: left;
    height: 400px;
  }
  .step-container-big img {
    transition: width 0.3s ease;
    transform-origin: left top;
    width: 700px;
  }
  .step-container-big img:hover {
    width: 800px;   
  }
  .step-container-dividido {   /*dividido-dividido*/
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    margin: 20px auto;
    max-width: auto;
  }
  .step-container-dividido img {  
    height: 425px;
    transition: transform 0.3s;
  }
  .step-container-dividido img:hover {
    transform: scale(1.1);
  }
  .step-container-dividido:nth-child(even) {
    flex-direction: row-reverse;
  }
  .step-text {
    margin: 0 20px;
    max-width: 50%;
  }
</style>