[Tool] Créer des Démos interactives avec Guideflow
[Tool] Créer des Démos interactives avec Guideflow
David Planchot
[Tool] Créer des Démos interactives avec Guideflow
David Planchot
Chapters
00:00
Introduction à Guideflow
Introduction to Guideflow and its benefits.
00:34
Qu'est-ce qu'une démo interactive ?
01:26
HTML Editor : personnalisation avancée
03:47
Liens personnalisés et intégration
04:57
Synchronisation et personnalisation humaine
05:46
Système de Checklist pour l'activation
06:46
Sandbox HTML : environnements de démo
08:44
Nouvelle fonctionnalité : capture de démo
09:27
Conclusion et recommandation
Transcript
00:00
Salut à tous, j'espère que vous allez bien.
00:01
Petite vidéo pour vous parler de GateFlow.
00:04
GateFlow c'est un outil qui va vous permettre de faire des démos interactifs.
00:08
Pourquoi j'en parle en fait ?
00:10
Parce que c'est un outil que j'ai pu tester, j'en ai testé différents, Arcade, SupaDemo, il y a Navatic aussi, Navatic qui est très cher, et en fait GateFlow c'est un peu le concurrent de tous, et qui est d'ailleurs une très belle alternative à Navatic mais qui va coûter beaucoup moins cher.
00:28
et qui va vous permettre de faire pas mal de choses.
00:31
C'est français en plus, ils ont plein de belles rêves, donc voilà.
00:33
voilà.
00:33
C'est super intéressant.
00:34
Globalement, c'est quoi une démo interactive ?
00:36
Ça va ressembler à ça.
00:37
Vous voyez le petit truc qui est comme ça.
00:40
Ça va vous permettre de montrer l'intérieur du produit.
00:43
Et en fait, on sait d'ailleurs que les démos interactives, il y a un article qui s'appelle Failory Démo Interactive.
00:49
On sait en fait que ça a une augmentation du taux de conversion.
00:54
Là je vous partage l'exemple, je crois que Failory en avait fait partager partager un exemple.
00:59
1,5% more more likely to convert avec Ce genre de choses, donc c'est c'est vraiment un outil qui fonctionne bien en termes de conversion.
01:09
Donc là, il n'y a pas de sujet là-dessus.
01:11
là-dessus.
01:11
GateFlow, ils ont un pricing avec, en mode gratuit, si vous voulez faire 5 GateFlow, moi je l'utilise pour mon site internet, une version solo et une version en fait pro, qui va coûter un peu plus cher, et la version après, après, 489€ pour faire des démos, etc.
01:25
HTML capture.
01:26
Ce Ce qui va être très intéressant là-dessus, c'est que vous allez pouvoir faire des HTML démo capture.
01:33
Donc par exemple, exemple, là on va prendre le site internet de GuideFlow, ou par exemple une plateforme, etc.
01:39
Vous allez cliquer dessus, et là au lieu de faire Start, Screenshot, Capture, il y a HTML Capture.
01:45
Et Et en fait ce qui va être pas mal, c'est que derrière, au lieu de capturer des images, images, ça va capturer en fait l'ensemble l'ensemble de l'HTML.
01:50
Donc là par exemple, exemple, je vais aller dans solution Pre-Sales.
01:54
Pre-Sales.
01:54
Voilà, tac tac tac.
01:55
Et en fait, fait, là je vais juste faire Save Complete.
01:58
Complete.
01:58
Et vous montrez derrière, ce qui va être intéressant, c'est que derrière ça va vous permettre de modifier vous-même le HTML.
02:05
Par exemple, exemple, si je souhaite changer le logo, logo, on peut ajouter des variables.
02:10
Je vais mettre par exemple la variable logoURL.
02:12
logoURL.
02:13
Je vais mettre par exemple ici, je ne sais pas moi, si on parle d'une boîte, donc madefor et là je peux changer au lieu de for everyone, je peux mettre une une variable qui va être le nom du prénom et de la compagnie par exemple.
02:26
Donc en fait on peut modifier modifier directement le HTML, tout ça on va pouvoir aussi l'appliquer, par exemple le menu vu qu'il est présent dans les autres fenêtres, on va pouvoir faire un Apply to All Steps, d'accord ?
02:37
Donc si je clique dessus par exemple je vais faire HTML Editor, je vais cliquer dessus, dessus, je vais faire Apply to All Steps et en fait ici, ici, tac.
02:45
tac.
02:45
et en fait automatiquement sur sur l'ensemble des étapes ensuite, vous voyez, il y a le logo, ça va se faire automatiquement.
02:51
Donc ça c'est trop bien en fait, c'est ce qu'on appelle l'HTML Editor, c'est plutôt pas mal et ça c'est une des fonctionnalités parmi tant d'autres que GuideFlow propose.
02:59
Je vous montre l'exemple aussi ici où on peut directement enregistrer des vidéos comme Pitch, Pitch, ce qui va vous permettre d'avoir en fait une démo un peu interactive avec de la voix et la photo en fait dessus.
03:11
Il Il y a une voice-over si vous souhaitez juste rajouter une voix sur la démo interactive, mais pas forcément mettre votre vidéo.
03:20
Cette voix peut être traduite dans les différentes langues, ce qui vous permet de gagner en productivité.
03:27
Par exemple, si vous souhaitez avoir une démo qui corresponde aux couleurs de votre client, par exemple, cette couleur-là, couleur-là, j'aimerais bien la changer et la passer en rouge, parce que mon client, sa valeur principale, c'est en rouge.
03:39
Là je vais tester et normalement, automatiquement, automatiquement, ça va passer en rouge.
03:43
Vous voyez, ça change tout en rouge.
03:44
Donc là je fais « Apply Toolstep », ça va passer là-dessus.
03:47
Donc ça c'est la partie HTML Editor, Editor, ce qui va vous permettre demain, par exemple si je fais « Share », je vais faire « Custom Links », », de créer des liens personnalisés en fonction de vos différents clients.
03:59
Donc on peut imaginer ça, le mettre, l'automatiser dans Hotspot avec les différentes valeurs qui existent déjà.
04:03
Et là ce qui est pas mal aussi c'est qu'ils ont vu qu'ils bossent avec Clearbit il me semble et du coup ils récupèrent automatiquement les différents logos donc si je mets SFR automatiquement automatiquement ça va mettre le logo aussi de SFR et et puis demain on peut imaginer par exemple pour moi un de mes clients où j'ai mis challenge avec des fiches produits mais en fait on peut directement afficher des fiches fiches produits donc voilà c'est plutôt très très intéressant en tout cas comme chose et là vous faites create new links et et là automatiquement donc là je vais l'appeler SFR automatiquement en fait vous allez avoir un lien qui va se créer et qui automatiquement va va va montrer montrer la couleur, le logo de SFR, etc.
04:39
Je trouve que c'est plutôt sympa et c'est ultra quali, ça monte directement.
04:45
Là je l'ai mal mis mais normalement normalement ça se met de façon propre.
04:47
et en fait c'est ultra actionnable, ça donne vraiment envie d'aller plus loin.
04:52
loin.
04:52
Ça c'est la partie HTML qui est plutôt sympa, je vais la mettre en public.
04:57
Derrière il y a une synchronisation avec Hotspot qui va vous permettre d'avoir automatiquement les leads, leads, donc vous allez pouvoir ajouter par exemple des pop-ups, ça vous le savez déjà, ça existe ces pop-ups, intermédiaires pop-up ou end pop-up etc.
05:09
Ils sont déjà utilisés d'ailleurs dans pas mal de boîtes SAS qui utilisent ce produit.
05:14
Après, vous pouvez designer l'ensemble des choses.
05:18
Ce que j'aime bien, c'est la partie, je crois que c'est Rock Flute, Flute, qui est ici.
05:23
Vous allez pouvoir rajouter, rajouter, si vous voulez, un avatar.
05:26
Ce qui va vous permettre de rendre rendre la démo un peu plus humaine.
05:30
humaine.
05:30
Si je mets ma gueule ici, vous allez voir ma tête qui va être ici.
05:35
ça rend le truc un peu plus humain, et vous pouvez customiser pas mal de choses, dire ce qui qui va être intéressant c'est plutôt ça, etc.
05:43
Après c'est typiquement comme un un outil classique.
05:46
Et là où justement Gateflow est très intéressant, c'est qu'il propose aussi un système de checklist qui qui est ici, je vais vous montrer ici, Enable, et en fait Ce qui va être pas mal, c'est que vous allez voir un peu comme à la intercom, c'est au au sein même de votre application, vous allez pouvoir justement avoir ce système de step pour dire, tiens, pense plutôt à ci, fais plutôt ça, etc.
06:07
Ce qui va vous permettre justement derrière de vous de gagner en fait en activation, augmenter le taux d'activation avec votre site.
06:15
Et ce que vous allez aussi pouvoir faire, c'est que vous allez pouvoir créer différents tutos de façon très simple en fait, parce que vous voyez que ce que j'ai fait là, je l'ai fait en 2-2, Et l'autre chose aussi qui va être intéressant, et encore une fois c'est sur la partie HTML Editor, c'est que par exemple quand je vais cliquer sur produit, je peux potentiellement ajouter ajouter un lien et me dire quand la personne va cliquer dessus, dessus, aller sur l'étape numéro 3 et et l'appeler l'apply to all steps.
06:37
Comme ça en fait, toutes toutes les personnes qui vont cliquer sur le bouton product, automatiquement ils vont arriver sur la partie product.
06:43
product.
06:44
product.
06:44
Ça rend un peu la démo aussi interactive.
06:46
interactive.
06:46
Et l'autre chose aussi qu'ils font, La deuxième chose c'est ce qu'on appelle la Sandbox HTML, donc en fait quand vous allez cliquer ici c'est Sandbox Capture, et là en fait c'est si par exemple demain vous avez un environnement de démo qui a tendance à planter ou alors parce que vos sales en fait souvent font des démos un peu chacun chacun de leur côté et les démos ne sont pas synchronisés et homogénéisés, en fait l'outil de Sandbox Capture qui va vous permettre de capturer l'ensemble du script et de l'HTML de votre démo, de votre application.
07:20
Et derrière, vous allez pouvoir automatiquement connecter l'ensemble des produits.
07:24
Par exemple, je le montre pour Objo, Objo, ce qu'on a mis en place.
07:29
Je vais aller dans la partie Soundbox ici.
07:31
Tiens, on va faire celui-ci.
07:33
En gros, derrière, vous allez pouvoir partager un un lien de sandbox où la personne a vraiment l'impression d'être dans une...
07:40
C'est une fake, bien sûr, mais la personne a vraiment l'impression d'être au sein même d'une sandbox.
07:47
Donc là, par exemple, si je clique sur objectif, je vais arriver directement sur les objectifs.
07:50
Si je clique sur challenge, etc., vous allez pouvoir voir qu'en automatiquement en fait tout est connecté et à chaque fois que vous cliquez sur un bouton ça va en fait enregistrer la capture et du coup vous allez pouvoir voir l'ensemble des textes.
08:02
Donc là voilà j'ai cliqué dessus, je clique sur indications, etc.
08:05
Donc vous pouvez en fait reproduire le le schéma de démo que les cells vont réaliser et vous pouvez en fait leur envoyer comme ça vous êtes sûr qu'il va pas y avoir de bug.
08:13
Et ce qui va être super intéressant en faisant ça, ça, c'est que derrière en fait avec la sandbox, comme on l'a vu précédemment, précédemment, là vous pouvez ajouter des variables.
08:21
Donc là je peux mettre image par exemple ici, pictures.
08:24
Et en fait cette image je vais la remettre partout et du coup potentiellement on va pouvoir avoir un environnement de démo qui va être vraiment dédié au client.
08:32
Donc c'est exactement comme je vous l'ai montré.
08:34
Mais du coup il y a vraiment cette personnalisation qui existe.
08:36
en deux ou trois clics parce que c'est très très simple à faire et du coup il y a juste le lien à récupérer et et bam et c'est fait de façon automatique.
08:44
Donc ça vraiment n'hésitez pas en tout cas à regarder c'est la partie soundbog donc c'est vraiment dans le modèle essentiel mais ça fait vraiment gagner du temps en fait pour les sales et derrière en fait ça permet aussi de bien suivre là où les gens se sont arrêtés là où ce qu'ils ont fait etc ça permet de mieux comprendre aussi l'effet wow etc donc ça c'est sandbox et là ils ont une nouvelle fonctionnalité qui est justement le côté démo donc là en fait ils vont récupérer vraiment l'ensemble ils vont capturer tout de votre application ce qui fait que demain vous pouvez reproduire vraiment un environnement de démo et que vous pouvez vous même automatiser etc sans passer par la plateforme donc ça c'est vraiment pas mal pour les grosses grosses boîtes qui veulent soit mettre en place des tests ou alors tester certaines choses tester des fonctionnalités produits, du feedback produit ou autre.
09:27
Donc voilà, ça je vous invite vraiment à le faire, à le tester, ils ont une version gratuite.
09:31
Pareil, je crois que j'ai un lien aussi gratuit pour vous partager tout ça, donc n'hésitez pas en tout cas à le regarder parce que c'est vraiment un outil qui vaut le coup, c'est français et en fait il se développe vraiment une rapidité.
09:45
Donc voilà, super intéressant et je vous le conseille.
09:48
conseille.
09:48
Ciao !
[Tool] Créer des Démos interactives avec Guideflow — Tella