Bubble en français c'est ici!

Bonjour tous le monde
Je me présente Laurent utilisateur depuis quelque mois de la plateforme
je fais un petit coucou aux utilisateurs français de la plateforme Bubble
j’espère qu’une communauté française va se créer autour de cette outil exceptionnel de développement “sans code”

le but n’est pas de se substituer au forum en anglais car on y trouve un grand nombre d’informations
mais de pouvoir échanger nos expériences et conseils dans notre bonne vielle langue de molière,
c’est quand même plus facile et surtout ont ce sent moins seule.

je remercie Emmanuel d’avoir accepter de créer cette catégorie pour les petits Frenchy :slightly_smiling:

27 Likes

Bonjour,
Je découvre Bubble aujourd’hui.
Existe-t-il de la doc en français ?
Merci

1 Like

Salut à tous, je suis à Lyon et un de mes clients cherche à faire une app mobile, PWA serait parfait. Un freelance ou agence, francophone, dispo svp? SMS 0636603373

Bonjour,
Je tente ma chance pour trouver de l’aide en français car j’ai quelques difficultés à trouver mes réponses sur le forum en anglais.
Je souhaiterais transmettre à une page les informations des checkbox de la page précédente afin de faire apparaître des images en fonction. En d’autre terme : si dans ma page 1, les checkbox A et B sont cochées : faire apparaître les images A et B dans la page 2. Si la checkbox C de la page 1 n’est pas cochée, laisser cachée l’image C de la page 2.

Je vous remercie pour l’aide que vous pourrez m’apporter. J’espère pouvoir en apporter à mon tour pour les quelques petites choses que je commence à comprendre !

Bonsoir Damien

Mon idée est la suivante, pour que tu puisses faire apparaître les images que tu souhaites sur la page 2
il faut (à mon avis) que quand tu coches les cases (page1) cela mette à jour un ou plusieurs champs de type oui/non dans la base de données !

Cela te permettra de récupérer ces valeurs (oui/non) en page2 pour en autoriser l’affichage des images

j’espère avoir été clair

Je te remercie pour cette réponse rapide et claire !

Je coince toutefois sur l’exécution pour le moment :
J’ai créé un custom event avec : quand la case page 1 est cochée, faire un changement sur l’objet en passant son champ sur oui.
Soit en anglais dans bubble : dans workflow : when checkbox page 1 checked / makes change to thing / current workflow thing /field = “yes”
Après sur mon image page 2, je crée une condition pour rendre visible l’image avec quand le champ de mon objet est oui : rendre visible soit : sur l’image /conditionnal / when do a search thing’s field is yes / this element is visible.
Le “do a search” ne semble pas valide.
Suis je sur la bonne voie ?

Merci pour tes indications et ravi de trouver un utilisateur francophone :slight_smile:

Hello Damien,

Content de voir que Bubble devient de plus en plus populaire en France !

Concernant ton problème, il y a beaucoup de façon différentes de réaliser ce que tu souhaites :

Si tu as absolument besoin de changer de page, tu peux passer l’information concernant le choix de l’utilisateur dans le paramètre de ton url, ce qui t’évite d’écrire dans la base de données.

Si tu peux rester sur la même page, tu peux utiliser les “customs states”, qui sont des informations stockées côté client par le navigateur (et non pas côté serveur).

Si tu veux stocker le choix dans la base de données pour pouvoir le retrouver à tout moment, es-tu certain de vouloir que l’information soit un champ de l’image ? Cela veut dire que tous les utilisateurs verront ce paramètre modifié pour cette image, puisque le paramètre appartient à l’image.

Bref, il y a autant de façon de faire que de contextes. Je te propose une façon dans cet exemple (accès à l’éditeur ici) : stocker le choix dans la base de données (comme tu sembles vouloir le faire) mais dans les paramètres de l’utilisateur (de façon à ce que ce choix n’affecte que lui), et changer de page.

Etape 1 : ajouter un nouveau custom data type “Image_Option” à ta base de données, avec un champ “Image_Source” (type “image”) où l’on va stocker l’image elle-même, et un champ “Image_Label” (type “text”) pour stocker un nom d’image.

Etape 2 : créer un champ “Image_Choice” (type “Image_Option”) dans les paramètres de l’utilisateur, pour pouvoir stocker l’information concernant l’image choisie.

Etape 3 : créer les Image_Options dans la base de données :slight_smile:

Etape 4 : construire le front end (avec un RepeatingGroup c’est plus flexibile pour si tu ajoutes plus d’Image_Options dans ta base de données)

Etape 5 : construire le workflow

Etape 6 : tester (accès au run mode ici) !

J’espère que cette méthode correspondra à ton besoin. Sinon n’hésite pas à préciser ce que tu cherches à faire.

Bon courage ! Accroche toi, ça vaut le coup, tu peux faire des choses extra avec Bubble (presque tout en fait).

1 Like

Merci beaucoup pour cette explication détaillée. Ça m’a bien aidé pour organiser ma base de données et avec quelques efforts, je pense avoir intégré la logique de ta proposition. J’ai bien compris comment afficher ces données dans un repeating groupe. J’arrive aussi à utiliser le workflow pour afficher l’image choisi dans le repeating group en utilisant les données dynamic de l’utilisateur.

Par contre avec cette méthode, je me trouve confronté à deux problèmes :

  • je voulais que l’utilisateur puisse sélectionner/déselectionner l’image à afficher. Là, en cliquant à nouveau sur l’image, elle ne disparaîtra pas. Je pourrais juste la remplacer par une autre image.
  • Je voulais pouvoir sélectionner plusieurs images à afficher en même temps parmi une liste de choix. Je ne vois pas comment faire ça.

Je vais explorer les autres pistes que tu suggères.
Merci.

1 Like

OK, dans ce cas il faut aller un peu plus loin…

Etape 1 : créer un état (“state”) pour stocker temporairement (dans le navigateur de l’utilisateur) le choix. Bien préciser qu’il s’agit dune liste, car on ne connait pas le nombre d’options qui vont être sélectionnées. Tu peux créer cet état sur n’importe quel élément. Je l’ai fait au niveau de la page directement.

Puis je définis au niveau de l’image une indication visuelle pour quand cette option est dans la liste d’options sélectionnées.

Je construis les workflows pour ajouter ou enlever une option de cette liste.

Cas de figure où l’option n’est pas encore dans la liste :

Il faut bien penser à garder ce qui était potentiellement déjà dans la liste, donc définir l’état comme la liste existante + cette option :

On fait ensuite la même chose pour l’autre cas de figure (l’option est déjà dans la liste) :

Et cette fois-ci on enlève de la liste :

A noter qu’il est impossible d’ajouter deux éléments identiques à une même liste (là de toute façon la façon dont sont définis les workflows l’empêche, mais même si tu avais la possibilité à chaque fois que tu cliques sur une image, de déclencher un ajout de l’option à la liste, tu aurais une seule fois l’option dans ta liste, car c’est le même élément - “unique id” - dans ta base de données).

Maintenant à inscrire cette liste dans la base de données au moment où l’on change de page. On doit d’abord faire une modification du champ concerné pour qu’il accepte les listes (on ne peut pas modifier en fait, il faut supprimer et en créer un nouveau).

Maintenant, j’ajoute un bouton pour pouvoir déclencher le workflow.

Au cas où l’utilisateur souhaiterait changer son choix, on va sûrement lui permettre de revenir à la page 1. Du coup il est sympathique de montrer quel est le choix actuel si il y en a un. On peut utiliser un workflow qui initialise l’état Selected_Options au moment du chargement de la page.

Et sur la page 2, on va aussi utiliser un RepeatingGroup car on ne sait pas combien d’options on doit montrer.

Voilà, c’est une méthode :slight_smile: Encore une fois il y a plein de solutions !

L’éditeur
La démo

Du coup ce “fil de conversation” va être un peu compliqué si on mélange tous les sujets/toutes les questions dans un seul et unique fil en français :sweat_smile:

1 Like

Salut Lucien,
J’ai enfin réussi à reproduire cette proposition ! Il me reste à trouver comment faire apparaître l’image ou les images sélectionner en page 1 à l’endroit souhaité en page 2, cet endroit étant différent pour chaque image. En effet, le repeating group me renvoit la liste que je peux éventuellement trier selon différents critères ou disposer au choix : les uns en dessous des autres ou les uns à côté des autres.

Je te remercie pour ton aide et je ne voudrais pas en abuser alors je pose une dernière question qui intéressera sûrement d’autres personnes qui se lancent : à part les leçons interactives, la documentation, le forum et les quelques vidéos youtube, as-tu d’autres recommandations de ressources pour apprendre à utiliser Bubble ?

Encore merci et bravo pour la qualité de tes réponses.

2 Likes

Avec plaisir :slight_smile:

Je ne suis pas sûr de comprendre quelle est la façon dont tu souhaites afficher le/s résultat/s, mais si tu as besoin d’aide sur ce point n’hésite pas.

Pour l’apprentissage, il y a un certain nombre de ressources créées par la communauté. Une petite shortlist personnelle :

Coaching No-Code Apps de @romanmg

LearnTo de @dan1

NoCoder de @gregjohnkeegan

A ma connaissance rien en français (je ne sais pas si il y aurait assez de demandes), mais si tu es sur Paris tu peux rejoindre le Meetup Bubble Paris (qui se déroule en français quand il n’y a que des francophones, ce qui a été le cas deux fois sur trois), on fera le prochain vers fin Novembre je pense.

6 Likes

Merci Lucien. Mon français n’est pas très fort. (Plusieurs années à l’école). Mais j’aime lire à propos de Bubble en français! :slight_smile:

Si ça aide, Youtube ajoute automatiquement une légende de texte (en anglais) aux vidéos.

2 Likes

Bonjour Laurent et bonjour à tous,

Au nom de tous les Français qui viennent de découvrir Bubble, merci d’avoir lancé cette initiative d’un forum en français.
J’ai découvert ce site formidable il y a 4 jours en regardant une vidéo de KOUDETAT (je recommande vivement !).

Petite question, y en a t’il un parmi vous qui aurai déjà acheté le template Bookings & appointements ? J’aimerais savoir si on peu changer le design en y ajoutant des photos, des éléments graphiques, changer la couleur etc… Et si il est possible de modifier ou d’ajouter des fonctionnalités au grés de ses envies.

Merci pour votre aide ;).

1 Like

:wave:

Tu peux linker la vidéo en question ? :slight_smile:

Je n’ai pas acheté le template dont tu parles, mais tous les templates pour Bubble sont customizables et tu peux y ajouter les fonctionnalités que tu souhaites. Par contre, comprendre comment un template fonctionne demande un certain effort car en général il n’y a pas de documentation fournie, donc il faut se plonger dans les workflows et les conditions pour découvrir ce qu’il y a sous le capot avant de commencer à modifier. Le créateur du template pourra aussi sûrement t’aider un peu.

1 Like

https://www.youtube.com/watch?v=baHz-cr4DAU :wink:
Les vidéos sont vraiment géniales, j’y ai appris plein de bonnes astuces grâce auxquelles j’ai réussi à avoir mes premiers clients.

Merci pour les conseils concernant Bubble.
En effet, d’après ce que j’ai compris, le service support n’est pas encore réellement effectif, mais vu que l’un des cofondateurs est français, il vient faire de temps en temps des conférences à Paris durant lesquelles ont peu lui poser des questions et apprendre à mieux utiliser la plateforme, j’y participerai quand il viendra.

Merci pour la vidéo.

Que ce soit l’équipe support de Bubble, ou les créateurs de templates/plugins, en général tout le monde est très impliqué et très réactif.

Tu as aussi pas mal de tutoriels fait par la communauté qui sont très bien, ainsi que la documentation et le manuel utilisateur de Bubble, qui sont relativement exhaustifs.

Si tu es sur Paris tu peux te joindre à notre Meetup : https://meetup.com/bubbleparis

Bonne découverte de Bubble !

Merci pour le lien Lucien, je m’y suis inscrite et j’ai commencé à m’entraîner avec Bubble.

J’ai pas encore vu les tutoriels mais je vais m’y mettre dés aujourd’hui.

Bon week end :wink: !

Bonjour à tous,

A votre avis, est-il possible de créer sa plateforme avec bubble.is et d’être hébergé chez wordpress ou un autre hébergeur avec un niveau de sécurité respectant les normes européennes RGPD?
Merci pour votre aide

Hello @Jeny,

Pour la première partie de ta question, la réponse est non, si tu crée ta plateforme avec Bubble.is, tu ne peux gérer ton hébergement que via Bubble.is (hébergement chez AWS, aux USA dans l’Oregon, sauf si tu es sur un forfait “dedicated” te permettant de demander à Bubble de localiser ton instance de serveur dans un autre centre AWS).

Les localisations disponibles chez AWS (pas sûr à 100% que Bubble puisse toutes les proposer, c’est à vérifier avec eux) :

Pour la deuxième partie de ta question, tu peux aller jeter à coup d’oeil à ces discussions :

Mais pour résumer, Bubble a tout mis en oeuvre de son côté être compatible RGPD. Le reste is up to you :slight_smile:

Pour ma part j’ai fait appel à une société française qui est spécialisée RGPD/ cyber sécurité afin de faire un état des lieux de ma conformité. Je peux te donner le contact si ça t’intéresse, vu qu’ils se sont penchés en détails sur Bubble pour pouvoir évaluer ma conformité :wink:

Hello tout monde !
J’ai découvert Bubble.is via la même vidéo Koudetat dont a parlé @Jeny :slight_smile:

J’aimerais le mettre en application pour un projet personnel, mais je n’arrive pas à trouver de réponse satisfaisante sur le reste du forum :confused:

J’aimerais saisir différentes Facebook Pages et afficher tous les événements de cette page, le but finale serait de pouvoir ajouter toutes les pages de comedy clubs à Paris pour savoir toutes les scènes qui auront lieu ^^

Est-ce que quelqu’un saurait comment faire ça ?

Merci d’avance !

ps: peut-être qu’un communauté Slack France serait plus adéquate qu’en pensez-vous ?