# Import CSV

{% embed url="<https://youtu.be/GJmT0qKtVxA>" %}

En tant qu'administrateur, la fonctionnalité de mapping des données vous permet de définir des règles de correspondance entre **les colonnes d'un fichier CSV et une liste sélectionnée**.

Dans notre exemple, on va configurer notre composant pour que les utilisateur puissent y importer **un fichier CSV contenant des informations sur les nouveaux adhérents** d'une association.

**1 -** Dans **Kis Data** (menu **Données**, à gauche), on commence par [**créer une liste**](https://doc.kis.work/documentation/guide-de-demarrage/importez-vos-donnees-dans-kis/creez-et-peuplez-une-liste). Dans notre cas, on la nomme "**formulaire-inscription**" et on crée les colonnes suivantes :

* nom (format Texte) ;
* prenom (format Texte) ;
* date-adhesion (format Date) ;
* mail (format Texte)
* photo-adherent (format Image).

2 - On se rend dans notre application et dans la page concernée. On ajoute un **nouveau container**. Puis, dans **Composants**, on vient glisser-déposer **l'élément Import CSV**.

3 - Dans **Données**, on [**crée une nouvelle source**](https://doc.kis.work/documentation/guide-de-demarrage/source-de-donnees) que l'on nomme explicitement (par exemple, **Formulaire Adhérent**) et qu'on relie à notre liste, "**formulaire-inscription**".

4 - De retour dans notre page, on donne un **titre à notre bloc**. Ici, **Formulaire Adhérents**. Si vous le souhaitez, vous pouvez également ajouter un **sous-titre** pour apporter plus de précisions.

5 - Enfin, **on sélectionne la source de données à importer** : tous les champs de notre liste apparaissent automatiquement en-dessous.

Désormais, **les utilisateurs peuvent importer les fichiers CSV** en respectant le mapping des champs. Les informations des fichiers seront automatiquement entrées dans notre liste.
