Tutoriel Bubble.io - Créer une liste de tous les pays dans Bubble

Dans cette vidéo, vous apprendrez à créer des listes de tous les pays du monde, afin de définir par exemple des listes déroulantes pour le processus de paiement.

Plugin gratuit pour les comtés de Coaching No Code Apps : https://bubble.io/plugin/countries-1485907924596x944498889467625500

Fichier CSV gratuit de No Code Germany pour tous les pays : https://drive.google.com/drive/folders/1ZNwPlOBpAB6zLFUARoMzG3XVgxmm8CRT?usp=sharing

Transcription vidéo :

Bonjour, je m'appelle Chris Strobl, je suis le fondateur de No Code Germany et aujourd'hui nous parlons des pays dans cet exemple Check out Stripe Vous voyez, nous avons un menu déroulant avec tous les pays dans lesquels nous pouvons appliquer Stripe. Si je fais tout cela en anglais, l'Allemagne s'appelle Germany. Et si je le fais en allemand, Allemagne s'appelle Deutschland et Amérique s'appelle les États-Unis. Et comment pouvons-nous intégrer ces informations dans la bulle ? Il y a deux façons de le faire. L'une avec le plugin Country. Il s'agit d'un plugin gratuit et d'une importation CSV, qui vous laisse plus de liberté. Nous commençons directement avec le plugin Country. Il s'agit d'un plugin gratuit de Coaching No Code Apps qui vous permet d'entrer toutes sortes d'informations sur les pays via une API appelée Rest API, à savoir Ress Countries.

Et maintenant, nous voulons utiliser ce plug-in. J'ai déjà préparé un Repeating Group ici, c'est une Full List et comme Type of content nous choisissons List all countries. Et Data source Get data Froman external API. Countries list all countries. Et ensuite, nous trions le tout. Et maintenant, vous voyez ici - et c'est la particularité du plugin - différentes manières de trier le tout. Et nous choisissons ici translations françaises. Et maintenant, pour plus de clarté, j'insère ici un index. Cela s'appelle dans Search Dynamic data Current cell's Index. Pour l'allemand, nous choisissons maintenant dans Search Dynamic data Current cell's List URL countries et nous prenons la translation Deutsch kommen. En anglais, nous sélectionnons également Input Field, Dynamic data, Current cell's, list, URL Countries et Name kommen.

Nous allons maintenant aller dans la Preview et regarder le tout avec le plugin Country. Et nous voyons maintenant que nous avons une liste complète avec pas moins de 250 pays et toujours une fois en allemand et une fois en anglais. Comme vous l'avez vu, le chargement de tous les pays prend un peu de temps, c'est pourquoi il existe une deuxième possibilité, plus rapide, qui consiste à importer un fichier CSV. Pour cela, vous avez besoin du calendrier dans la bulle. Le plan le plus avantageux est le plan personnel, dans lequel vous avez la possibilité d'importer jusqu'à 100 roses dans un fichier CSV. C'est pourquoi j'ai préparé quelques fichiers.

D'une part, tous les pays. Cela représente 250 pays et, d'autre part, les pays jusqu'à 100, divisés en trois fichiers. Vous trouverez ce lien dans les shownotes. Le grand avantage des importations CSV est que vous pouvez laisser de côté les pays qui ne vous conviennent pas et adapter ainsi le tout au groupe cible. Nous retournons maintenant dans l'éditeur et téléchargeons ces fichiers. Pour cela, nous allons dans Data.

Et maintenant, vous voyez ici que nous avons un type de données personnalisé Pays, qui a lui-même deux champs de texte Allemand et Anglais. Si nous allons maintenant dans App data, countries, nous allons ici sur Uploads. Icône Cas Blocage total. Et vous choisissez ici Countries Part 1 CSV. Type of data countries et vous cliquez ici sur Map Fields et vous voyez maintenant comment Bubble fait automatiquement une proposition. Cliquez ensuite sur Value Day Data Get data Set est prêt à être téléchargé et uploads data. Ensuite, nous allons sur New Abluft Pick up Fall to Upload Part 2 Nous répétons le processus, car data upload data. Et encore une fois New Uploads PKW to Abluft Part 3 Valley Data Hublot Data. Ensuite, vous rafraîchissez ici. All countries et nous voyons que nous avons maintenant tous les pays dans la base de données. Si nous retournons dans Designated, dans le Repeating Group CSV Import, alors nous encore Type of content countries. Do Search for countries sort pour l'allemand l'envoi No. Comme pour le Repeating Group précédent, je voudrais à nouveau pour la clarté Input Field Dynamic data Current cell's Index.

Et là encore, sélectionner Insert Dynamic data Current users countries en allemand et Current cell's countries en anglais. Si nous allons maintenant dans l'aperçu, nous pouvons voir exactement les temps de chargement de ceci. Et vous voyez que nous avons la même base de données, mais que les importations CSV se chargent beaucoup plus rapidement que via l'API. Je dirais que les deux méthodes ont leurs avantages et leurs inconvénients et j'aimerais vous montrer brièvement une troisième possibilité, à savoir travailler avec l'option set, car les comtés ne changent quasiment pas souvent, mais restent statiques. Si vous allez dans la base de données et cliquez sur Option set, vous pouvez définir ici un Custom Option set.

Je l'ai déjà fait ici à titre d'exemple. Avec l'allemand et l'anglais, puis les différentes options. Mais je voudrais aussi vous montrer les avantages et les inconvénients entre l'option set et une variante de base de données. Les options sont beaucoup plus faciles à dériver dans l'application en direct. En outre, votre base de données est beaucoup plus propre, mais vous ne pouvez malheureusement pas utiliser d'importations CSV ou de workflows pour ajouter les données de manière automatisée. C'est pourquoi il est difficile d'insérer les données et, en outre, il y a toujours Display comme valeur.

Et si les entrées sont nombreuses, comme c'est le cas pour tous les comtés, la clarté en pâtit. Vous êtes donc libre d'utiliser la variante Plug in Option set ou CSV Import qui convient à votre cas d'utilisation. Avec tous les avantages et les inconvénients que cela comporte.

Si cette vidéo vous a plu, n'hésitez pas à cliquer sur le bouton "J'aime" et à vous abonner à notre chaîne. Si vous avez des questions, n'hésitez pas à nous les poser dans les commentaires. Je vous souhaite beaucoup de succès avec Bubble et vous dis à bientôt.