Ceci est le guide ultime de Glide.

Dans ce guide, vous apprendrez tout ce qu'il faut savoir à propos de cet outil no code de création d'applications, incluant :

• Fonctionnalités importantes
• Conseils avancés
• Démonstration de vraies applications
• Comparaison avec d'autres outils no code
• Partager l'appli au grand public
• Plus encore

Tout ce que vous apprendrez dans ce guide vous donnera une bonne base pour créer d'autres applications.

Afin de rendre l'apprentissage plus pratique, tous les exemples se baseront sur une seule application que vous pourrez créer et/ou suivre en même temps que la lecture du guide. Cette application GlideApp est un CRM, qui sert à regrouper toutes les informations pertinentes sur des clients et partenaires.

Commencez par créer un compte Glide. Ensuite, vous pouvez copier l'application Mon CRM pour suivre tout au long du guide ou si vous êtes prêt•e, vous pouvez ouvrir un nouveau Google Sheet pour créer l'appli à partir du début.

En résumé

Les points positifs de Glide ✅

• Simple et facile d'utilisation
• Application gratuite jusqu'à 500 lignes
• Communauté active
• Base de donnée sur Google Sheet, Glide Tables, Excel et Airtable
• Intégration avec Zapier, Make et Stripe
• Templates gratuits pour commencer facilement
• Documentation complète et vidéos explicatifs

Les points négatifs de Glide ❌

• La vue bureau qui veut imiter une web app est très limitée (Glide Pages est mieux)
• Les apps se ressemblent (même design)
• Les apps ne sont pas conçus pour l'App Store

Qui utilise GlideApp ?

Glide est principalement utilisé pour :

• Tester rapidement une idée d'affaires (produit minimum viable)
• Des besoins personnels tels que le budget, le voyage, une to-do, etc.
• Créer une application au travail comme un CRM, un répertoire des employés, organiser une conférence, etc.
• Créer une application informative (évènements, sports, etc.)
• Une communauté (articles, podcasts, cours en ligne, etc.)
• E-commerce (produits en ligne et physiques)

Formation Glide

Stan de FormationGlide.fr a fait un partenariat d'affiliation avec moi afin d'encourager mon blog. Utilisez le lien ci-bas pour acheter la formation Glide une fois avoir lu tous les détails sur la page principale formationglide.fr. En résumé, vous avez accès à :

• 90+ vidéos
• 1h de coaching 1:1
• un accès à 1 heure d'office hours par semaine à vie
• des réponses à vos questions en vidéos
• un accès à une communauté de Glideur.euse.s

Suivre la formation

C'est quoi Glide ?

Glide est un outil no code qui permet facilement de créer une application mobile. L'application GlideApp est une progressive web app (PWA) qui se partage à l'aide d'un lien URL.

Au départ, vous pouvez choisir un template ou à partir de votre Google Sheet ou Glide Tables.

Si vous choisissez un template ou Google Sheet, Glide crée automatiquement l'app par défaut. Il n'y a pas de page blanche.

L'interface d'édition vous permet ensuite d'interagir avec les éléments.

Dans le cas de Glide Tables, vous devez commencer à partir de zéro.

Ce serait bien que Glide ajoute la possibilité d'ajouter des fausses données pour créer l'app.

Il n'y a pas de drag-and-drop comme Adalo, alors cela limite le contrôle sur le visuel de l'app, mais personnellement, j'aime bien le design de Glide.

Chaque semaine, l'équipe ajoute de nouvelles fonctionnalités les plus épatantes les unes que les autres (merci à leur shipping culture).

Un onglet dans Google Sheet devient un onglet (ou une page) dans Glide. Une colonne dans Google Sheet ou Glide Tables correspond à un élément dans Glide. Vous avez le contrôle sur la façon de disposer les éléments par exemple avec une carte géographique, une liste, un calendrier, etc.

Les utilisateurs peuvent interagir avec votre application. Comme Instagram, vous pouvez faire en sorte que chaque utilisateur ait sa propre application avec ses données personnelles, y compris un profil.

D'ailleurs, vous avez le choix de rendre l'app seulement accessible et visible par vous, un groupe de personnes (avec leurs courriels) et tout le monde (public).

L'application que vous créez avec Glide est une progressive web app (PWA). Pour l'utilisateur, cela ressemble en tout point à une application native sur l'App Store et Google Play, mais la PWA se partage avec un lien URL, disponible sur iOS et Android.

Enfin, il y a une bonne documentation remplie de tutoriels et la communauté est toujours là pour t'aider (je n'ai jamais vu un forum aussi actif 💪).

Commencer avec Glide

Pour créer une application mobile avec Glide, voici un bref aperçu des étapes clés.

Étape 1: Créer un compte

Vous devez connecter votre compte Google, soit un compte personnel Gmail ou un compte professionnel Gsuite. La raison est que Glide connecte avec votre Google Sheet. Ensuite, créez un compte sur Glide qui permettra de créer vos applications.

Étape 2 (facultatif): Créer le Google Sheet

Pour votre première app, je conseille de choisir un modèle, par exemple Mon CRM, afin de bien comprendre.

Étape 3: Créer et modifier l'application dans Glide

Si vous avez choisis votre Google Sheet, Glide crée automatiquement une app par défaut afin de vous donner un point de départ. C'est toujours différent. C'est la même chose pour un template. Si vous choisissez Glide Tables, vous aurez une page blanche.

Étape 4: Partager votre application mobile

Pour l'instant, une app Glide n'est partageable qu'avec un lien URL. Ce n'est pas accessible dans les stores, à moins d'une entente avec Glide.

Lorsque vous êtes prêt•e, vous choisissez votre sous-domaine (.glideapp.io) et voilà. Pour avoir votre domaine, vous devez avoir une app Pro.

Vous pouvez scanner le code QR ou copier l'URL et coller sur la barre de recherche sur le navigateur de votre mobile.

Si vous ne voyez pas cela, cliquez sur Share en haut à droite de l'interface.

Enfin, il est possible d'ajouter l'app avec les autres apps (télécharger depuis les stores) sur l'écran d'accueil.

Tarification de Glide

Glide a une tarification qui s'accommode à tous les besoins, bien que ça peut sembler compliqué à comprendre au départ.

Personal : La grosse particularité du plan gratuit est qu'il permet de créer jusqu'à 500 lignes dans votre Google Sheet et d'atteindre 100 MB de stockage de fichiers et d'images. J'ai testé une vingtaine d'apps avec le temps et je peux vous dire que c'est suffisant pour créer des apps personnels et pour tester un MVP.

Par contre, pour l'utiliser professionnellement, le bémol est que vous devez consentir à partager aux utilisateurs que cet app est "réalisé avec glideapps.com à partir d'une Google Sheet". Même que Glide ajoute un pop-up pour indiquer la marque. À mon avis, c'est de trop, mais je les comprends...

Pro : Le plan pro est à $24US/mois (payable annuellement) ou $32US/mois (payable mensuellement). Cela vous donne droit jusqu'à 25 000 lignes et 10GB de stockage de fichiers et d'images. Et enfin, Glide n'affiche plus sa marque dans le domaine et nulle part ailleurs.

Private Pro : Le plan private est à $30US/mois + $1,50US/utilisateur actif/mois (payable annuellement) ou $40US/mois + $2US/utilisateur actif/mois (payable mensuellement). Vous avez toutes les fonctionnalités de Pro ainsi que d'autres fonctionnalités reliés aux rôles et vous devez avoir au moins 20 utilisateurs.

Glide vs Adalo

Je vais bientôt faire un article plus en profondeur sur la comparaison.

Rapidement, je veux spécifier que je préfère Glide à Adalo. La raison la plus importante est que je n'ai pas à me préoccuper du design. Ça me permet de focuser sur l'essentiel, les fonctionnalités pour répondre aux besoins des utilisateurs.

En attendant la revue détaillée, voici un aperçu des différences entre les deux outils.

En termes de fonctionnalités, les deux outils sont assez comparables.

Les essentiels

Toutes les applications Glide sont uniques, mais il y a une base qu'il faut connaitre pour bien faire n'importe quelle app.

La terminologie de Glide

Bien que Glide soit facile pour les débutants, il faut se creuser un peu la tête lorsqu'on veut faire des trucs plus complexes.

Alors, même si vous voulez créer l'application la plus simple au monde, il faut quand même connaitre la base de la terminologie de l'outil Glide.

Record ou List item : Une ligne dans un tableau qui apparaît comme un élément unique dans une liste. Par exemple, la liste ci-dessous présente deux éléments de liste.

Spreadsheet : Aussi appelé Spreadsheet Document ou Google Sheet, c'est le document initial qui contient la base de donnée. Il contient toutes les sheets.

Glide Tables : C'est comme un Google Sheet, mais la base de donnée dans Glide.

Sheet : Aussi appelée Tab ou Table, une Sheet est une "page" dans un Google Sheet.

Screen : Il y a plusieurs types d'écrans, tels que :

• List screens est une type de liste montrant des éléments dans une mise en page que vous choisissez.
• Details screens est une des composantes qui permet de montrer toutes les données dans une colonne de votre sheet.
• Form screen est la vue d'un formulaire.
• Add screens permet aux utilisateurs d'ajouter quelque chose.
• Edit screens permet aux utilisateurs de modifier quelque chose.

Un Spreadsheet en ordre

Il y a une certaine structure à garder lorsqu'il vient le temps de créer sa base de données avec Google Sheet.

Dans cet exemple, chaque entreprise est une ligne où on y voit toutes leurs données.

Chaque colonne est un objet pour Glide. Et dans l'app, par exemple pour la première entreprise St-Hubert, Glide détecte son téléphone, email, adresse, etc.

La première ligne, celle plus blanche dans l'image ci-haut, détermine ce que les données veulent dire. Pour Glide, chaque donnée est une composante (voir le chapitre 5).

Si la ligne n'a pas de donnée, par exemple Chocolat Favoris n'aurait pas de site web, il n'y aurait pas de problème de laisser la case vide. Par contre, ne laissez pas de colonne entièrement vide.

Publier, partager et installer

Par défaut, toutes les applications Glide sont en mode Brouillon. Pour la rendre publique, il suffit de cliquer sur Share et ensuite sur Publish.

Avant de la partager, je vous conseille de modifier l'URL par défaut. Pour les apps Pro, vous pouvez lier votre domaine acheté par exemple chez Namecheap. Pour la partager, cliquez sur Partager l'application (si ce n'est pas déjà fait, publiez-la en cliquant sur Publish) et ensuite modifier le lien URL.

Pour permettre aux gens de copier votre app, il faut cocher la case qui permet cette fonctionnalité. Une fois sur la page sur l'ordinateur (pas sur mobile), on peut voir Copier cette application au lieu de Partager l'application.

Pour installer l'app sur votre iPhone et Android, il suffit de cliquer sur Ajouter sur l'écran d'accueil.

Images

Les images doivent être des liens URL et être hébergées quelque part. Si c'est à l'extérieur, cela peut-être dans votre Google Drive (assurez-vous de permettre que Anyone with the link can view) ou un site tel que Unsplash. Par exemple :

https://noncodeur.com/content/images/size /w1140/2020/12/Glide-guide.png

Comme toutes les composantes de Glide, les images peuvent avoir plusieurs mises en page. Je vous laisse les découvrir, l'interface est assez simple à comprendre.

Données privées

Si vous créez une app seulement pour vous, par exemple pour votre budget, vous n'avez pas besoin de données uniques. Mais si vous voulez que plusieurs personnes utilisent l'app et que chaque utilisateur ait leurs données à eux, il faut savoir quoi faire.

Peu importe la fonction que nous verrons plus bas, vous pouvez prévisualiser les données uniques en cliquant sur Preview as.

User Profiles

Pour permettre aux utilisateurs de votre app d'avoir un profil utilisateur (comme Instagram, Facebook, Twitter, etc.), vous devez :

• mettre l'app à Public with Email ou Allowed Email List
• créer une sheet Utilisateurs et la lier au profil utilisateur dans Glide.

Les informations de base sont le Nom, Courriel et Photo.

Pour éviter l'inscription par courriel dès l'ouverture de l'app, vous devez faire les deux étapes ci-haut, mais ensuite, vous devez :

• remettre l'app à Public
• ajouter un bouton avec l'action Sign in à quelque part dans votre app

Row Owners

Dans une app où vous avez des lignes qui correspondent chacun à un utilisateur, il serait préférable d'utiliser la fonction Make Row Owner.

Dans cet exemple, on permet de montrer seulement les entreprises associées à chaque chargé de comptes. En fin de compte, c'est une manière de filtrer les données uniques à un type d'utilisateur.

Il est important de sélectionner une colonne avec les courriels des utilisateurs.

User-specific columns

Pour avoir cette fonction, vous devez utiliser une app Sign in with email et la Row ID column.

Cette fonction permet à chaque utilisateur d'avoir une donnée unique dans "sa" ligne. Dans cet exemple, vous pouvez prendre des notes personnelles sur chaque entreprise. Toutes les informations de l'entreprise sont visibles par tout le monde, mais chaque note est unique à chaque utilisateur.

Conditions

Cette fonction est utile pour cacher toute sorte de composantes à certains utilisateurs précis. Par exemple, vous pouvez faire une séquence d'onboarding de votre app où vous voulez que l'utilisateur voit seulement un écran et rien d'autre. Les autres écrans seront visibles une fois qu'une condition sera atteinte, soit celle de la séquence d'onboarding terminée.

Presque tout ce qui se retrouve dans Glide peut être visible et invisible selon les conditions que vous choisissez.

Cela m'amène à parler des formulaires, une composante essentielle d'une app.

Formulaire

Le formulaire est une différente page qui s'ouvre lorsqu'un utilisateur clique sur un bouton.

Dans l'app de CRM, chaque entreprise, contact et activité ajouté se fait à l'aide d'un formulaire.

Une chose que j'aime vraiment est que Glide permet de répertorier des données automatiquement sans que l'utilisateur ait à les rentrer dans le formulaire, comme par exemple son email et la date à laquelle il/elle complète le formulaire.

Pour les dates et le courriel de l'utilisateur, utilisez les Special Values. Pour toutes les autres informations présentes dans la ligne, utilisez les Screen Columns.

J'ai fait une autre app qui illustre bien le concept. Dans mon app de callisthénie, je permets aux gens de rentrer leurs nombres de répétitions à chaque séance d'entrainement.

Bien que l'utilisateur voit le nombre de répétitions (3), il y a en réalité d'autres données récoltées dans le formulaire. Au-delà de la date et du courriel, il n'est pas nécessaire que l'utilisateur retape le nom de l'exercice, car le formulaire se retrouve déjà dans la page de l'exercice. Pour tous les types de données, référez-vous à ce guide.

Jouer avec les données

Google Sheet est très bien pour entrer ses données. C'est un terrain de jeu que tout le monde connait et c'est pour ça que Glide l'a choisi pour commencer.

Mais lorsqu'on veut faire des trucs plus complexes, il faut utiliser des fonctions et des scripts. Et là, ça peut devenir rapidement complexe.

Comme Glide veut simplifier le travail pour tout le monde, ils ont créé le Data Editor.

On peut y créer deux types de colonnes, soient une colonne calculée (Computed Column) et une colonne de base (Basic Column).

En gros, la colonne de base est celle qui permet de remplir les mêmes données que dans un Spreadsheet, comme une date, une image (lien URL), un nombre, du texte, etc. Je ne vais donc pas trop m'attarder à ces données dans ce guide.

Computed Columns

C'est vraiment les colonnes calculées qui font la merveille de Glide. En voici quelques-unes bien utiles.

Template

Ce type de donnée est utile pour créer du texte personnalisé pour chaque utilisateur.

Vous devez créer un modèle de texte et indiquer les valeurs à remplacer.

Par exemple, j'ai une colonne avec la fonction de l'employé et une colonne avec le nom de l'entreprise. Je peux créer une colonne Poste chez Entreprise en remplaçant Poste et Entreprise par leur colonne respective.

Relations

Les relations sont très utiles et je suis convaincu que vous les utiliserez sur toutes vos apps. Il est donc important de bien comprendre comment les utiliser et ce qu'il est possible de faire.

Par exemple, chaque entreprise a un chargé de comptes. Les chargés de comptes sont dans une sheet et les entreprises sont dans une autre sheet.

Pour pouvoir voir les chargés de compte pour chaque entreprise, il faut créer une nouvelle colonne Relations dans Glide.

Pour ce faire, vous devez choisir les deux colonnes dans chaque sheet qui ont les chargés de comptes. Alors, Glide saura par exemple que l'entreprise St-Hubert appartient à Marie Rao. S'il y a plusieurs entreprises par chargés de compte, vous pouvez cocher Match multiple.

Pensez à n'importe quelle app, les relations sont partout. Par exemple, cette Glide app qui copie les fonctionnalités de base d'Instagram où chaque utilisateur a ses photos.

Lookup

Une fois la relation créée, vous pouvez aller chercher une donnée précise dans la ligne de cette relation.

Par exemple, je peux aller chercher seulement le courriel du chargé de comptes et toute autre donnée qui se retrouve sur la ligne du chargé de comptes.

If → Then → Else

Cette colonne permet de créer une donnée selon certaines conditions.

• If, signifie la condition
• Then, signifie le résultat si la condition est vraie
• Else, signifie le résultat si la condition est fausse

Dans cet exemple, s'il y a une signature, inscrire la note Complété, sinon À compléter.

Array

Si par exemple, chaque employé avait plusieurs photos, il suffit d'indiquer Photo 1, Photo 2, Photo 3, etc. Il est important de respecter la structure suivante : mot avec un espace 1, 2, 3, etc.

Glide regroupera les 3 colonnes en 1 colonne (une Array Column), ce qui rend Glide un peu plus magique que Google Sheet.

Il sera alors possible d'utiliser le Carousel.

Autres colonnes

Il existe d'autres fonctions utiles qui s'ajoutent au fil du temps chez Glide comme Math, Rollup, Row ID, Distance to Location, Joined List, Split Text, etc.

Ils sont bien utiles dans des cas précis alors je n'en parlerai pas (encore) dans ce guide. Je vous invite à jouer avec ces fonctions et pour plus d'informations, référez-vous toujours à leur documentation.

Les composantes

Peu importe la Glide app que vous allez créer, vous allez utiliser les composantes. C'est la façon qu'ont vos utilisateurs d'interagir avec votre application.

Une composante est un bloc que vous pouvez ajouter et modifier sur n'importe quelle page en mode Détails.

Text

Glide a trois styles de texte :

• Action Text
• Rich Text
• Text component

Le Action Text est utile pour permettre une action lors de l'utilisation de l'app. Par exemple, ouvrir Google Map, copier un texte, téléphoner, etc. Ces actions peuvent aussi se faire avec un Button. Alors, utilisez le Action Text est seulement une question de design.

Le Rich Text est quant à lui utile pour écrire plusieurs formes de texte en utilisant Markdown. Vous pouvez alors écrire en gras et italique avec des grosseurs différentes et bien plus. Par exemple, en écrivant ce texte dans la composante :

Le guide sur **Glide** de Non Codeur est _awesome_ !

C'est ce que vous verrez dans l'app :

Le guide sur Glide de Non Codeur est awesome !

Et la crème de la crème, c'est la composante Text qui permet plusieurs formats à même l'interface Glide.

Vous pouvez couper un long texte en quelques lignes et y ajouter le Plus pour faire apparaître tout le texte. Vous pouvez centrer et le rendre très petit. Bref, je suis sûr que vous allez l'utiliser.

Button

Un Button dans Glide permet de faire plusieurs actions telles que: Add row, Compose email, Compose text message, Copy to clipboard, Dial phone number, Go back, Increment, Link to screen, Navigate to tab, Open link, Open web view, Play sound, Reshuffle, Set columns, Show form, Show notification, Show sharing options, Sign in, View address on map et Zapier.

Quant aux différentes formes, il existe le Button et le Floating button.

Chaque action d'un Button nécessite une donne précise. Par exemple, envoyer un courriel nécessite une adresse courriel, un appel téléphonique nécessite un numéro de téléphone et ainsi de suite.

Pour différentes actions, telles que Email, Link et Phone, vous pouvez utiliser soit le Action Text ou le Button.

Switch et Checkbox sont uniques, car ils permettent uniquement d'insérer les valeurs TRUE/FALSE, c'est-à-dire le crochet ✅ dans Google Sheet.

Partager votre app

Une fois votre application mobile Glide terminée, il faut maintenant la partager.

Ce qui est bien avec les PWA, c'est que vous pouvez la partager à l'aide d'un lien URL. Rien de bien compliqué, pas besoin de téléchargement sur les Stores.

Direct

Vous pouvez partager le lien directement en message texte, par courriel ou autres.

Google

Si vos utilisateurs sont le grand public, vous voulez que des inconnus trouvent votre app. Il faut alors avoir une présence en ligne.

Google peut être votre ami. Pour qu'il réfère votre app, vous devez créer une landing page (page de vente).

Par défaut, Glide donne une landing page lorsque l'utilisateur est sur l'ordinateur et tablet. Sur son téléphone, il est redirigé directement vers l'application.

Cependant, cette landing page n'est presque pas vu par Google. Glide indexe seulement le nom et l'URL de votre app.

Comment faire pour que Google voit votre application Glide et présente toutes ses fonctionnalités à tout le monde ? Créez une landing page avec votre propre domaine.

Si ce n'est pas déjà fait, achetez un nom de domaine chez Namecheap.

Ensuite, vous pouvez créer votre landing page vous-mêmes ou si vous voulez sauver beaucoup de temps, vous pouvez prendre un des templates !

Vous aimez cet article ? Partagez-le à un•e ami•e. Ça ne prend que 10 secondes. L'écrire me prend 10 heures. Vous pouvez aussi m'offrir un (ou plusieurs) Latte glacé 🥤, ça m'aide à écrire plus !

Des liens dans cet article sont des liens d’affiliation. Si vous achetez un abonnement, il ne vous coûtera pas plus cher, mais je recevrai une petite commission qui non seulement soutient mon travail (~ 10h/article de recherche & écriture), mais m'aide aussi à faire de Non Codeur un side project durable.

Voici le guide sur Adalo.

Vous apprendrez comment bien utiliser cet outil no code de création d'applications, comprenant :

• Fonctionnalités importantes
• Terminologie
• Commencer avec Adalo
• Exemples d'applications
• Plus encore

Adalo est la petite merveille qui permet de bâtir une application web et mobile sans coder. C'est le deuxième outil que je test dans ce nouveau marché et je suis sans cesse surpris de toutes les fonctionnalités qui sont possibles de faire.

Il se peut fort bien que vous tentiez de créer une app ou des fonctionnalités en temps réel au cours de votre lecture. Vous pouvez donc commencer par créer votre compte Adalo.

En résumé

Les points positifs d'Adalo ✅

• Grand contrôle sur le design de l'app (grâce au drag & drop)
• Possibilité de créer une application mobile ET web
• Publication sur l'Apple Store et Google Play Store
• Templates gratuits pour commencer facilement
• Base de données externes comme Airtable ou Google Sheet

Les points négatifs d'Adalo ❌

• Il manque de leçons guidées qui prend le créateur par la main
• Plan gratuit permet seulement 50 lignes
• Le premier plan payant commence à $50 US/mois

Qui utilise Adalo ?

Adalo est un excellent outil no code pour :

• Tester rapidement une idée d'affaires (un produit minimum viable) pour votre app mobile et web
• Créer une app web et/ou mobile pour votre prochaine startup
• Créer un répertoire pour vos cours en ligne ou vos évènements
• Lancer une boutique en ligne ou un marketplace
• Créer une application sociale (VOTRE version d'Instagram)
• Besoins personnels tels que le budget, le voyage, une to-do, etc.
• Créer une application à l'interne de votre organisation, au travail ou à l'école comme une liste d'employés

Formation Adalo

Vous souhaitez créer votre produit mais vous n’avez pas de développeur sous la main et encore moins des milliers d’euros à dépenser ? Adalo est fait pour vous.

Grâce à son système de création par drag & drop, la gestion de base de données, la publication sur les stores IOS et Android, vous pouvez créer une application mobile sans avoir à être développeur ni écrire une seule ligne de code !

Grâce à la formation, vous apprendrez tous les concepts de base d’Adalo pour créer votre propre produit avec un budget minimum.

Suivre la formation Ottho

C'est quoi Adalo ?

Adalo est un outil no code qui permet de faire une application mobile et web à partir de zéro.

Le fonctionnement est assez intuitif grâce au drag and drop.

Pour faire simple, vous devez ajouter un élément (component) dans un écran de l'app et le lier à votre base de donnée.

Il y a beaucoup de choix d'éléments conçu par Adalo et il y a en plus le Marketplace où tout le monde est invité à y ajouter un élément.

Évidemment, il faut savoir coder pour créer son propre élément. Par exemple, Minimum Studio est parvenu à recréer le populaire swipe de Tinder qui peut servir dans votre propre application de rencontre.

J'aime bien qu'il y ait une vue d'ensemble de tous les écrans et qu'on puisse zoomer et voir les flèches qui montre les actions entre les différents écrans.

Pour la base de donnée, vous devez créer des collections. Par exemple, dans une app social, il y aurait une collection pour les utilisateurs et les conversations.

Dans la collection, vous devez ajouter des propriétés telles que le texte, l'image, la date, le vrai ou faux, le nombre (utile pour les calculs mathématiques), le fichier et la relation entre les différentes collections.‍

Un aspect que j'adore est qu'il est possible de lancer l'application sur Apple Store et Google Play Store. Sinon, vous pouvez seulement en faire une progressive web app (PWA) et la partager à l'aide d'un lien URL. Les utilisateurs pourront sauvegarder l'app sur leur écran d'accueil.

Une fois l'app publié, vous avez accès aux statistiques de base, à savoir le nombre d'utilisateurs actifs et totaux, les écrans les plus visités, la géolocalisation des utilisateurs et l'appareil utilisé.

La terminologie de Adalo

Adalo est un outil pour celles et ceux qui ne savent pas coder. Cela ouvre la porte à tout le monde, donc il se peut que vous ne soyez pas habitué à ces termes.

Je tiens à préciser que Adalo fait un excellent travail pour vulgariser comment fonctionne leur plateforme.

Voici la définition des plus importants.

Screens : Les écrans sont ce que l'utilisateur voit sur votre app. Quand vous swipez sur Tinder, vous changez d'écran. Adalo ajoute automatiquement les écrans Signup, Login et Home dans tout nouveau projet.

Components : Ce sont les éléments que les utilisateurs interagiront avec dans votre app. Vous les ajoutez avec le drag & drop.

Lists : Presque toutes les apps sont des listes. Cela peut être des listes d'employés, de restaurants, conversations, outils, etc. C'est là où la database est utile.

Database Collections : Ce sont les catégories de vos données. Les utilisateurs sont ensemble, les restaurants sont ensemble, etc.

Database Properties : Ce sont les types de données que vous ajoutez à l'intérieur de vos collections. Pour un restaurant, vous pouvez ajouter le nom, l'image, les heures d'ouverture, la description, l'adresse physique, etc.

Magic Text : C'est du texte dynamique. Il sera modifié en fonction de ce qui est indiqué dans la base de donnée. C'est très utile pour le nom de l'utilisateur ou d'une liste de restaurants par exemple.

Actions : Une action est ce qui est possible de faire dans l'app. Par exemple, lorsqu'on clique sur une image, l'app redirige vers les informations de l'image.

Commencer avec Adalo

Pour créer une application avec Adalo, voici un bref aperçu des étapes clés.

Étape 1: Créer un compte

Vous devez créer un compte pour créer une application et ce, même avec le plan gratuit.

Avec ce compte, vous aurez accès librement au contenu de votre app.

Étape 2: Application web ou mobile

Le choix est plutôt simple selon le projet que vous avez en tête.

Si vous vouliez faire les deux, il est possible à cette étape de le faire en créant deux applications qui partage la même base de donnée (rendu à l'étape 4, cliquez sur advanced options).

Étape 3: Template ou à partir de zéro

Il n'y a pas beaucoup de choix de modèles à mon avis, mais tout de même, c'est un bon début pour quiconque veut apprendre à partir de la fin et reculer jusqu'au début de la création d'une app.

Comme il y a des éléments différenciateurs dans chaque modèle, j'ai personnellement pris le temps de tout les analyser.

Étape 4: L'image de marque

Vous pouvez déjà choisir les couleurs et le nom de l'application. Ne passez pas trop de temps à cette étape, vous pourrez aussi les modifier plus tard.

Étape 5: Créer et modifier l'application dans Adalo

En utilisant le drag & drop, il est facile de créer visuellement son app. Il suffit ensuite de lier tout ça avec les bonnes données.

Étape 6: Partager votre application

Il est possible, en aucun clic, de prévisualiser et partager votre app en PWA. Le lien URL n'est pas très beau, mais ce n'est pas le plus important pour une app gratuite. Avec le plan pro, vous pouvez lier votre domaine et/ou publié sur les Stores !

Tarification de Adalo

Adalo a une tarification qui peut sembler dispendieuse au premier regard, mais en regardant la compétition et les fonctionnalités offertes, cela en vaut le prix.

Bonne nouvelle, tous les plans permettent de créer un nombre illimité d'applications.

50% de réduction sur Adalo

Secret a fait équipe avec moi pour vous offrir 20% de réduction sur leur abonnement Premium avec le coupon Noncodeur20. À $79 la première année (normalement $99) et ensuite $39/an, vous avez droit à 50% de réduction sur Adalo et aux autres deals.

Inscription gratuite

Gratuit: Le plan gratuit permet d'avoir seulement 50 lignes dans votre base de données. Par exemple, cela veut dire que vous pourriez avoir au maximum 50 utilisateurs (en considérant que vous n'avez qu'une seule collection).

Les utilisateurs voient aussi que l'app a été fait avec Adalo. C'est aussi uniquement partageable avec tant que PWA, donc avec un lien URL (previewer.adalo.com/blabla).‍

Pro: Pour $50 par mois, le plan pro permet d'avoir jusqu'à 5 Go de données, de publier sur les Stores (Apple & Google), de connecter une base de donnée externe et de lier à votre domaine pour la PWA.

Entreprise: Pour $200 par mois, le plan entreprise permet d'avoir plusieurs créateurs dans l'application et d'avoir un chargé de comptes.

Vous aimez cet article ? Partagez-le à un•e ami•e. Ça ne prend que 10 secondes. L'écrire me prend 10 heures. Vous pouvez aussi m'offrir un (ou plusieurs) Latte glacé 🥤, ça m'aide à écrire plus !

Des liens dans cet article sont des liens d’affiliation. Si vous achetez un abonnement, il ne vous coûtera pas plus cher, mais je recevrai une petite commission qui non seulement soutient mon travail (~ 10h/article de recherche & écriture), mais m'aide aussi à faire de Non Codeur un side project durable.

Voici mon avis détaillé sur Webflow.

Dans cet article, vous lirai :

• C'est quoi Webflow
• Ce que Webflow peut faire
• Ce que Webflow fait bien et mal
• Commencer avec Webflow
• Si cet outil en vaut le prix

Allons-y.

Mise en contexte

Webflow est un outil bien conçu avec une interface qui plaît bien aux designers.

D'ailleurs, leur publicité populaire avec Pablo Stanley témoigne de leur volonté à convertir tous les designers qui veulent créer un site web.

Mais au-delà du design, je crois fortement que Webflow soit pratique pour tous les créateurs.

Ce qui a vraiment différencié cet outil de tous les autres en 2012, c'est le responsive design. C'était le seul outil qui permettait d'utiliser les fameux breakpoints pour les différents écrans.

En 2013, ils ont publié la première version de Webflow à la scène tech sur Hacker News. La réaction était presque unanime, l'outil était révolutionnaire et était voué à un grand avenir.

Peu de temps après, les fondateurs sont entrés au Y Combinator, un incubateur de startup. Au fil des années, ils ont levé plus de 75 millions de dollars pour financer l'entreprise.

Aujourd'hui, Webflow mène le mouvement no code et a créé le premier congrès sur le sujet. Pour en apprendre plus sur l'outil et le fondateur Vlad Magdalin, je vous conseille cet épisode de podcast (en anglais) par Indie Hackers.

En résumé

Pour ✅

• Plan gratuit avec sous-domaine (webflow.io)
• CMS inclus
• Leçons guidées qui vous prend par la main
• Intégration avec plusieurs outils
• Templates gratuits pour commencer facilement
• Le drag-and-drop est facile à utiliser

Contre ❌

• Site web multilingue
• E-commerce limité
• Petite courbe d'apprentissage pour apprendre l'outil
• Tarification peut sembler complexe au départ

Pour qui 🤓

Webflow est un excellent outil no code pour :

• Un site web avec ou sans template
• Une boutique en ligne (e-commerce)
• Un blog avec un design unique
• Une landing page

Besoin d'un expert Webflow pour vous aider ?

Nous vous mettons en relation avec les meilleurs experts Webflow en moins de 48h. Grâce à l'expert sélectionné utilisez Webflow à 100% de ses capacités.

Trouver un expert

Qu'est-ce que Webflow ?

Webflow est un outil no code pour créer des sites web.

Le page builder fait un peu peur au départ, mais honnêtement, on s'habitue assez rapidement.

Webflow est ni plus ni moins que le HTML, le CSS et le JavaScript accessibles sans coder. C'est ce qu'on appelle le front-end. En termes de design, il est donc possible de tout faire.

L'outil s'occupe de la création du site web et aussi de l'hébergement. C'est un tout-en-un.

Par contre, en termes de fonctionnalités, c'est pas tout gagner. Par exemple, pour créer un site web avec une zone membre comme Makerpad, vous aurez besoin d'un outil complémentaire, tel que MemberSpace.

Webflow est aussi un CMS, ce qui est utile pour les articles de blogue et autres données ayant la même structure de page.

Vous pouvez aussi vendre vos produits physiques et numériques, l'outil comprend une section e-commerce presqu'aussi complète que Shopify.

Mais le gros avantage de Webflow sur les compétiteurs est la qualité (et quantité) de leurs tutoriels. La rubrique Université regroupe la totalité des questions que vous pourrez vous poser. En plus, le formateur est drôle, ce qui rend l'apprentissage plus facile.

Comme les tutos sont en anglais, je vous conseille fortement la formation Init Webflow en français.

Est-ce que Webflow est bon pour les débutants ?

La réponse courte est : non.

Si vous n'avez jamais créé de site web avec une autre plateforme, vous allez trouver cela plus difficile.

Comme tout, vous devrez apprendre les termes. Qu'est-ce qu'un Grid, comment élargir cette section sur mobile seulement, comment faire une animation, etc.

Vous voulez apprendre rapidement un nouvel outil ?

Oubliez les templates et les tutoriels de base. Ayez votre design de page en tête ou sur un autre outil de design comme Figma et commencez directement avec une page blanche. Pour chaque tâche que vous voudrez accomplir, allez maintenant apprendre avec leur rubrique Université ou ailleurs sur Youtube. En voulant répondre à un besoin précis, vous retiendrez plus facilement la nouvelle information que si c'était simplement théorique.

Alors, Webflow permet de tout faire en design web. Il n'y a aucune limite contrairement à d'autres site web builders. Comme vous pouvez tout contrôler, vous allez devoir tout apprendre sur le design web.

Si vous voulez une simple landing page ou un site web avec peu de pages et un design "qui fait le travail", regardez des outils comme Dorik ou Carrd qui sont beaucoup plus simples pour les débutants.

Les points positifs de Webflow

Si vous ne l'avez pas encore compris, la plus importante raison pourquoi les gens utilisent Webflow c'est le design. C'est d'ailleurs l'élément qui est mis de l'avant sur toutes les fonctionnalités et qui fait différencier l'outil des compétiteurs.

Lorsque vous créez un compte, Webflow vous amène directement sur le builder pour que vous expérimentiez l'outil sans détour. L'interface appelé designer fait appel au drag-and-drop, un comportement très intuitif. Vous glissez ce que vous voulez là où vous voulez. C'est simple.

Une fois terminé, vous pouvez publier votre site avec le plan gratuit avec un sous-domaine qui termine par webflow.io, par exemple monsite.webflow.io. C'est super de ne pas avoir besoin de payer pour publier et partager un site web.

L'autre fort élément différenciateur de Webflow est le CMS (Content Management System). C'est là où vous placez le contenu écrit. Par exemple, vous avez une liste de restaurants avec leurs informations, vous aurez le même design pour chaque page, mais avec chacune leurs informations.

Si vous ne savez pas comment faire une tâche précise, croyez-moi cela va arriver, Webflow ont des vidéos très bien réalisés. Les vidéos ne sont pas qu'informatives, mais elles sont aussi drôles. Avec cette belle touche humoristique, l'outil se démarque encore des concurrents.

Aucun outil ne peut tout faire et c'est le cas aussi pour Webflow. On peut donc compter sur les intégrations. C'est à la fois un plus et un moins, cela dépend des besoins. Si c'est pour faire une tâche d'automatisation bien simple comme envoyer un courriel automatique en passant par Zapier, c'est un plus pour moi. Pour analyser le traffic web, je vous conseille des alternatives à Google Analytics.

Pour que les internautes retrouvent votre site et vos pages sur les moteurs de recherches, Webflow a misé fort sur les contrôles SEO (Search Engine Optimization). Votre sitemap est fait automatiquement, vous créez les redirects si un URL est changé, le CMS et les images n'y échappent pas et l'hébergement est rapide. Google ❤️ Webflow.

Les points négatifs de Webflow

Comme je disais, Webflow n'est pas optimal pour les débutants. L'outil a été créé à la base pour les designers. Il y a donc une bonne courbe d'apprentissage tellement il y a des choses possibles à faire. En ayant un projet en tête, vous pouvez compter sur plusieurs jours ou semaines pour le terminer.

Si vous voulez ajouter une version anglaise de votre site, sachez qu'il n'est pas encore possible nativement de créer un site web multilingue sur Webflow. Vous devrez grosso modo passer par une intégration telle que Weglot.

La fonctionnalité de boutique en ligne (Ecommerce) est à mon avis limité comparativement à Shopify. En fait, pour vendre des produits numériques, ça fait le travail. Mais, on le sait qu'il y a TELLEMENT d'éléments à prendre en compte pour vendre des produits physiques.

La tarification est difficile à comprendre au début. C'est le seul outil avec des sites plans et accounts plans. Il y a plus d'informations à ce sujet plus bas dans l'article.

Comme je disais dans les bons coups de Webflow, selon vos besoins, vous devrez peut-être utiliser des intégrations. Pour créer une application web, je choisirais plutôt Bubble qui inclut beaucoup de fonctionnalités web app native.

Formation Webflow

Apprenez à créer un site moderne, dynamique et intègre les meilleurs outils du marché dans Webflow.

Suivre la formation

Commencer avec Webflow

Pour créer un site web avec Webflow, voici un bref aperçu des étapes clés.

Étape 1: Créer un compte

Créez un compte sur Webflow. Ce compte sera gratuit tant et aussi longtemps que vous voudrez et les sites publiés le seront avec le sous-domaine monsite.webflow.io

Étape 2: Créer le site web

Prenez le temps de vous familiarisez avec le tableau de bord, normalement en quelques heures vous devriez être capable de savoir comment faire l'essentiel.‍

En gros, la partie HTML se retrouve à gauche et la partie CSS se retrouve à droite.

Dans les trucs un peu plus complexes, il y a les interactions et animations qui demandent plus de temps. Je vous conseille ce cours pour en apprendre sur le sujet.‍

Chaque page est accessible dans l'onglet Pages à gauche de l'écran.

Et les éléments sont accessibles avec le bouton +.

Étape 3: SEO, hébergement et autres

Ajoutez les informations essentielles (titre, description et image) sur votre site pour Google et les réseaux sociaux.‍

Enfin, choisissez votre plan d'hébergement.

Étape 4: Publier 🎉

Bravo, votre site est actif!

Tarification de Weblow

Webflow a deux types de plans pour combler tous les besoins.

Sachez cependant qu'il est possible d'utiliser l'outil gratuitement, pour la durée que voulez et avec le sous-domaine webflow.io.

50% de réduction sur Webflow

Secret a fait équipe avec moi pour vous offrir 20% de réduction sur leur abonnement Premium avec le coupon Noncodeur20. À $79 la première année (normalement $99) et ensuite $39/an, vous avez droit à 50% de réduction sur Webflow et aux autres deals.

Inscription gratuite

Site plans

Tous les plans site permettent de connecter son nom de domaine.

Basic:  Pour $12 USD/mois payable à l'année ou $15 USD/mois payable mensuellement, vous avez droit à 25 000 visites sur votre site par mois, à créer 100 pages et 500 réponses dans un formulaire. Par contre, vous n'avez pas droit au CMS.

CMS: Le nom le dit, CMS vous donne droit au... CMS, jusqu'à 2000 items de collection. Pour $16 USD/mois payable à l'année ou $20 USD/mois payable mensuellement, vous avez droit à 100 000 visites sur votre site par mois, à créer 100 pages, 1000 réponses dans un formulaire.

Business: Si cela ne vous suffit pas, ce blog n'est pas pour vous 😉.

Ecommerce plans

Ces plans permettent la majorité des fonctionnalités des plans site, à quelques différences près.‍

Standard:  Pour $29 USD/mois payable à l'année ou $42 USD/mois payable mensuellement, vous avez droit à toutes les fonctionnalités du plan site CMS ainsi que 500 produits dans votre boutique, à 2% de frais de transaction et 3 personnes pour gérer le compte.‍

Plus: Pour $74 USD/mois payable à l'année ou $84 USD/mois payable mensuellement, vous avez droit à toutes les fonctionnalités du plan site Business ainsi que 1000 produits dans votre boutique, à 0% de frais de transaction et 10 personnes pour gérer le compte.

Advanced: Si encore une fois ces plans ne suffisent pas, ce blog n'est pas pour vous.

Account plans

Ceci s'applique davantage aux agences pour pouvoir, entre autres, ajouter son logo dans l'Editor et avoir accès à plus de projets. Je n'irai pas plus loin, car ce n'est pas pour vous.

FAQ

Vous aimez cet article ? Partagez-le à un•e ami•e. Ça ne prend que 10 secondes. L'écrire me prend 10 heures. Vous pouvez aussi m'offrir un (ou plusieurs) Latte glacé 🥤, ça m'aide à écrire plus !

Des liens dans cet article sont des liens d’affiliation. Si vous achetez un abonnement, il ne vous coûtera pas plus cher, mais je recevrai une petite commission qui non seulement soutient mon travail (~ 10h/article de recherche & écriture), mais m'aide aussi à faire de Non Codeur un side project durable.

Ceci est le guide ultime de Podia.

Dans ce guide, vous apprendrez tout ce qu'il faut savoir sur cet outil no code de vente de produits en ligne, incluant :

• Fonctionnalités importantes
• Comment débuter facilement
• Comparaison avec d'autres outils no code
• Créer vos premiers produits
• Créer une communauté
• Plus encore

Tout ce que vous apprendrez dans ce guide vous donnera une bonne base pour vendre vos produits en ligne.

Commencez par créer un compte Podia avec l'essai gratuit de 14 jours.

En résumé

Les points positifs de Podia ✅

• Plateforme tout-en-un
• Pas de frais de transaction (seulement $ par mois)
• Design (UI & UX) épuré et facile à utiliser
• Nombre illimité de cours et de produits (vs. Kajabi qui a un nombre limité de produits)
• Possibilité de créer un programme d'affiliation (avec le plan Shaker)
• Espace de stockage & bande passante pour héberger vos propres vidéos (pas besoin de Vimeo & Wistia)
• Intégration avec Zapier

Les points négatifs de Podia ❌

• Les courriels manquent d'options de personnalisation
• Absence de certaines fonctions avancées des formations en ligne (comme Teachable)
• Pas d'accent sur les entonnoirs de vente (comme Kajabi)
• Pas de plan gratuit (comme Thinkific & Teachable)

Qui utilise Podia ?

Podia est principalement utilisé pour :

• Vendre des produits et services en ligne
• Vendre des formations, du coaching et des webinaires
• Ajouter un espace de discussion pour sa communauté

C'est quoi Podia ?

Podia est un outil no code pour vendre des produits et services en ligne tels que des formations, du coaching et des webinaires.

Plus encore, il est possible de créer un site web, une communauté, un programme d'affiliation et envoyer des courriels et messages aux utilisateurs et clients.

Podia a été lancé à la fin de 2014 par Spencer Fry.

L'entreprise est profitable depuis 2020, ce qui est rassurant lorsque vient le temps de choisir une plateforme tout-en-un où on met tous les oeufs dans le même panier.

Lisez ce tweet pour connaitre l'histoire de leurs 5 premières années.

J'aime vraiment l'interface de Podia. C'est épuré. Il n'y a pas trop d'informations.

Regardez la différence entre le tableau de bord de Podia et son compétiteur Thinkific.

L'outil est simple à utiliser.

Par exemple, pour lancer une communauté, il suffit de cliquer sur Create your community, choisir un plan et le tour est joué.

Commencer avec Podia

Pour vendre des produits et services en ligne avec Podia, voici un bref aperçu des étapes clés.

Étape 1 : Créer un compte

Si ce n'est pas déjà fait, créez un compte Podia avec l'essai gratuit de 14 jours.

Vous verrez ce tableau de bord minimaliste.

Étape 2 : Compléter les informations du compte

L'étape suivante consiste à remplir les informations du site.

Cliquez sur votre avatar en haut à droite et cliquez sur Site Settings.

Sous l'onglet General, vous ajoutez le nom, le logo, la langue du site et le fuseau horaire.

Sous l'onglet Email, vous devez ajouter votre adresse pour répondre à la loi anti-SPAM lors d'envoi de courriel.

Sous l'onglet Payments, vous avez le choix de lier votre compte Stripe et/ou Paypal.

Sous l'onglet Domain, vous pouvez ajouter le sous-domaine Podia ou lier tout de suite votre domaine acheté ailleurs, par exemple chez Namecheap.

Étape 3 : Créer la page d'accueil du site web

La page d'accueil est importante pour mettre en lumière ce que vous vendez et pour convaincre les gens d'acheter vos produits ou services.

Pour ce faire, cliquez à nouveau sur votre avatar, puis Edit site.

Une fois la page blanche apparue, il ne vous reste qu'à insérer les sections que vous voulez.

Vous n'avez le choix qu'à cliquer sur le +, puis à sélectionner la section et en modifier le contenu.

À titre d'exemple, j'aime bien la page d'accueil de Contournement, la référence en formation no code francophone, qui est faite sur Podia.

Il va sans dire que Contournement a déjà un autre site web principal pour tout l'écosystème, mais cette page est uniquement dédié à leurs formations alors c'est ce qui nous intéresse ici pour Podia.

On y voit :

• un texte pour présenter grossièrement le contenu
• toutes les formations
• des témoignages
• un appel à l'action pour s'abonner aux mises à jour

Référez-vous à la documentation pour plus d'informations sur la modification des pages.

Étape 4 : Créer le premier produit

Il faut maintenant ajouter les produits à vendre à votre site web.

Vous avez le choix entre une formation en ligne, un téléchargement numérique (comme un eBook), un webinaire, un combo de plusieurs produits et une session de coaching.

Je donne plus d'informations sur les produits plus bas dans la section Produits.

Étape 5 : Créer votre liste de courriel

Votre liste de courriel est importante lorsque vient le temps de vendre une formation en ligne ou autres produits.

Je présume que si vous lisez cet article, c'est que vous avez déjà votre audience.

Si vous n'avez pas encore de liste, vous pouvez faire comme moi et commencer une newsletter en envoyant du contenu de qualité sur une niche que vous maitrisez.

Si vous avez déjà votre liste, vous n'avez qu'à les importer dans Podia.

Je donne plus d'informations sur les courriels plus bas dans la section Email.

Étape 6 : Regarder les tableaux de bord

Analysez vos tableaux de bord pour voir vos meilleurs produits et ainsi focuser sur eux.

Tarification de Podia

Podia a une tarification avantageuse surtout si vous vendez de plus en plus de produits.

Tous les plans permettent de vendre des formations en ligne, des téléchargements numériques et des webinaires. Tout ça illimité, peu importe le nombre, et sans frais de transaction.

Podia offre aussi un support 7 jours sur 7 dans tous les plans.

Pour les différences, voici un aperçu.

Podia vs Kajabi

Podia crie haut et fort qu'ils sont une alternative à plus de 5 outils à la fois.

Podia est dans la catégorie des outils tout-en-un tandis qu'un outil spécialisé fera juste l'envoi de courriels par exemple.

Kajabi est une alternative à Podia, un autre outil tout-en-un dans la niche des créateurs.

En résumé, ils permettent les mêmes choses ou presque, mais Podia est beaucoup moins dispendieux que Kajabi.

Pour toutes les autres alternatives, comme Teachable et Thinkific, je vous invite à lire les comparaisons de Podia.

Les essentiels

Voici ce qu'il faut savoir sur Podia pour bien comprendre la base de cet outil.

La terminologie de Podia

Comme tout autre outil, il y a des termes spécifiques où il faut passer plus de temps pour bien comprendre.

Online Course : Une formation en ligne comportent plusieurs vidéos (streaming uniquement) où les étudiants peuvent les écouter quand ils veulent. Vous pouvez aussi y ajouter des PDF, des liens, etc.

Community : Un lieu virtuel similaire à un forum ou un groupe de discussion sur Facebook. Les gens discutent entre eux et vous pouvez charger un montant pour y avoir accès.

Bundle : Un groupe de plusieurs produits qui permet de générer des revenus supplémentaires.

Pre-Launch Product : Avant de lancer officiellement et de vendre votre produit, vous pourrez recueillir les courriels de clients potentiels.

Audience : Le nombre de comptes uniques que vous avez sur Podia, soient les customers, subscribers et members.

Customers : Les clients sont la plupart du temps des personnes qui ont acheté ou se sont abonnées à une de vos offres. Même si une personne crée un compte sans acheter ou s'inscrire à un produit, elle sera aussi considérée comme un client.

Members : Les personnes inscrites à votre communauté.

Subscribers : Les personnes à qui vous pouvez envoyer vos courriels.

Drips : Cela permet de débloquer du contenu de façon régulière sur une période de temps préalablement définie. Au fur et à mesure que vos clients progressent dans le cours en ligne, du contenu leur est fourni, et ils finissent par avoir accès au cours en ligne complet.

Comment être payé avec Podia

C'est simple, vous devez :

• choisir votre devise
• lier votre compte Stripe et/ou PayPal
• configurer les taxes et VAT

Ensuite, vous allez voir vos ventes dans l'onglet Sales.

Importer son audience avec Podia

Si vous avez déjà des abonnés, vous pouvez les importer.

Vous devrez répondre à un questionnaire où vous spécifiez où mettre votre liste (en format .csv). Les options d'inscriptions sont :

• À la liste générale des sites
• À des produits spécifiques
• À des listes spécifiques de pré-lancement
• À un plan d'abonnement gratuit

Vous devez respecter le nombre d'abonnés permis de votre plan et Podia les importera en 24h (en semaine).

Créer des coupons avec Podia

Les coupons sont un excellent moyen d'impliquer votre public actuel et vos clients potentiels en offrant des réductions sur les produits et les adhésions dans votre magasin.

Une fois que vous avez configuré vos produits ou vos plans d'adhésion, vous pouvez facilement les réduire et partager les codes de coupon.

Dans le menu en haut, cliquez sur Coupons, puis ensuite sur le bouton + New Coupon.

La section Details comprend coupon code, discounted items et discount value.

Coupon code

Le coupon code doit seulement comporter des caractères alphanumériques.

Si vous n'avez pas d'idée, j'aime bien la possibilité de générer un code unique.

Discounted items

Pour les plans et produits spécifiques, Podia vous permet de rechercher, de sélectionner et d'appliquer le coupon à ce que vous souhaitez.

J'aime aussi que si vous n'avez pas de plan encore, Podia ne vous laisse pas cocher l'option pour rien. Petit détail apprécié.

Discount value

Il semble que 70 % des coupons sont avec un pourcentage. L'avantage est que ce modèle vous offre un meilleur contrôle sur vos rabais, surtout pour plusieurs produits et plans.

Le montant fonctionne mieux avec les plans car le prix est statique.

La section Options comprend limit uses et expiry.

Limit uses

Ici, vous pouvez limiter le nombre de fois qu'un coupon peut être utilisé ou échangé ou même définir une date d'expiration pour vos coupons.

Expiry

Pour fixer une date d'expiration aux coupons, vous pouvez utiliser l'un des délais d'expiration prédéfinis ou sélectionner une date et une heure dans la liste déroulante des dates et heures.

Envoyer des courriels avec Podia

Dans le menu en haut, cliquez sur Email, puis ensuite sur le bouton Create. Vous aurez le choix entre New broadcast (un courriel spontané) et New campaign (une campagne automatisée).

New broadcast

Inscrivez un titre à votre courriel. Petit truc, faites comme si vous envoyez ce courriel à un ami. N'essayez pas d'y aller trop marketing ou vendeur.

Ensuite, sélectionnez le groupe de destinataires qui recevra votre courriel.

Le contenu du courriel peut inclure du texte, des images, des liens et des pièces jointes.

Avant d'envoyer, n'hésitez pas à prévisualiser le courriel en cliquant sur Preview et à vous envoyez un courriel test sur Send test.

Quand tout est beau, vous pouvez l'envoyer maintenant ou le programmer pour qu'il soit envoyé plus tard.

New campaign

Choisissez le nom de votre campagne et vos conditions d'entrée et de sortie.

Les conditions d'entrée et de sortie sur votre campagne permet de choisir quels clients recevront la série d'emails et ceux qui sortiront de la campagne.

Pour la sortie, sachez que tous les clients entrés dans la campagne quitteront automatiquement lorsqu'ils recevront le dernier courriel. Alors, si vous voulez qu'ils quittent la campagne plus tôt en fonction d'une action, vous devrez ajouter une condition de sortie.

Chaque email envoyé (vous pouvez en créer autant que vous voulez) nécessite les mêmes éléments, ceux à droit de l'écran.

J'aime bien qu'on puisse facilement activer et désactiver des emails spécifiques dans la séquence.

Une fois que vous avez au moins un email actif dans votre séquence, vous aurez la possibilité de commencer votre campagne ou de la terminer plus tard !

Tous les produits

Tous les produits de Podia que vous allez créer partagent ces caractéristiques.

Pour créer un nouveau produit, cliquez sur Products dans le menu en haut, puis ensuite sur + New product.

Tous les produits ont ces éléments à remplir :

Details : Modifiez le nom, la description, l'URL, les catégories et l'image (pour les médias sociaux).

Pricing : Définissez et configurez le prix.

Availability : Configurez la visibilité, définissez une date de début et le statut du produit.

Comment vendre une formation en ligne avec Podia

Inscrivez le nom de votre produit et choisissez Online course puis ajoutez le contenu de votre formation en ligne.

Vous pouvez ajouter des fichiers (comme des vidéos), des liens, des quiz, du coaching ou du texte.

Pour créer une vidéo, vous devez cliquez sur Add files et choisir votre vidéo. Ensuite, vous cliquez sur la vidéo pour pouvoir modifier le titre, ajouter une vignette (thumbnail) et du contenu.

Pour créer un quiz, c'est très simple. Il suffit de nommer le quiz, inscrire une description et indiquer les questions avec les réponses vraies et fausses.

Comment vendre un téléchargement numérique avec Podia

Inscrivez le nom de votre produit et choisissez Digital download puis ajoutez vos fichiers à télécharger.

Comment vendre du coaching avec Podia

Inscrivez le nom de votre produit et choisissez Coaching session puis ajouez l'URL de votre outil pour réserver une plage horaire comme Calendly, SavvyCal, Acuity ou YouCanBookMe.

Une communauté

Les communautés sont un excellent moyen de générer des revenus récurrents, de créer de l'engagement et d'établir des relations profondes et significatives avec vos membres.

Ça c'est la théorie.

C'est difficile de créer et maintenir une communauté active.

J'ai eu mon lot de difficulté avec Le Peuplier, un forum sur l'autosuffisance et l'écoresponsabilité fait avec Discourse.

Au moins, Podia rend la création d'une communauté très facile.

Pour ce qui est de garder les membres actifs, c'est pour une autre fois !

1. Créer la communauté

Cliquez sur Community dans le menu en haut.

Donnez un nom à la communauté (vous pourrez le changer plus tard) et cliquez simplement sur Create your community.

2. Créer les plans

Pour accéder à la communauté, les membres devront être dans un plan.

Toutes les informations peuvent être changées plus tard sauf le prix, alors vous devez être sûr de celui-ci.

3. Gérer les sujets

Les sujets servent à organiser le contenu de votre communauté. Par défaut, un sujet général est déjà présent.

Vous pouvez regrouper les messages dans des collections que les membres pourront rejoindre et pour lesquelles ils pourront créer de nouveaux messages.

Vous pouvez modifier tous les sujets en tout temps.

Voici un exemple de sujets pour une communauté sur le no code.

4. Créer le premier message

Comme je disais, le plus grand défi d'une communauté est de la garder active. Et pour ça, elle doit être déjà active lorsque les membres arriveront.

Les fondateurs de Reddit au départ ont créé de faux comptes pour générer de fausses interactions. Ce n'est peut-être pas très éthique, mais les gens pensaient que Reddit était déjà actif.

Peu importe votre stratégie, je vous suggère, au moins, de créer le premier message de bienvenue.

5. Modifier la page

Il est important d'ajouter une section Plans à votre page pour que les gens puissent choisir et rejoindre le plan qui correspond le mieux à leurs besoins.

Assurez-vous de créer une belle page de vente et d'énumérer tous les avantages que les gens obtiendront en devenant membres !

6. Publiez et partagez votre communauté

Vous devez maintenant ouvrir votre communauté pour que les gens puissent la rejoindre !

Pour ce faire, cliquez sur le bouton Open community, puis sur Share community.

Vous aimez cet article ? Partagez-le à un•e ami•e. Ça ne prend que 10 secondes. L'écrire me prend 10 heures. Vous pouvez aussi m'offrir un (ou plusieurs) Latte glacé 🥤, ça m'aide à écrire plus !

Des liens dans cet article sont des liens d’affiliation. Si vous achetez un abonnement, il ne vous coûtera pas plus cher, mais je recevrai une petite commission qui non seulement soutient mon travail (~ 10h/article de recherche & écriture), mais m'aide aussi à faire de Non Codeur un side project durable.

Ceci est le guide ultime de Softr.

Dans ce guide, vous apprendrez tout ce qu'il faut savoir à propos de cet outil no code de création d'applications web, incluant :

• Fonctionnalités importantes
• Comment débuter facilement
• Conseils avancés
• Démonstration de vraies applications
• Comparaison avec d'autres outils no code
• Optimiser le SEO
• Plus encore

Tout ce que vous apprendrez dans ce guide vous donnera une bonne base pour créer une web app.

Les exemples de ce guide se baseront sur plusieurs cas de web apps, soient un portail client, un tableau de bord, un outil interne pour les entreprises et un répertoire de ressources.

Commencez par créer un compte Softr avec l'essai gratuit de 30 jours.

En résumé

Les points positifs de Softr ✅

• Simple et facile à utiliser, mais puissant
• Applications illimitées avec sous-domaine Softr + domaine personnalisé gratuit
• Intégration super efficace avec Airtable
• Templates gratuits pour démarrer sans page blanche
• Documentation complète et vidéos explicatifs
• Optimisation SEO pour chaque ligne (record)
• Beaucoup de méthode de paiements

Les points négatifs de Softr ❌

• Forum peu actif (rejoignez la communauté Slack plus active de 1k+ membres)
• Design limité (requiert du code pour être plus flexible)

Qui utilise Softr ?

Softr est principalement utilisé pour :

• Les petites et grosses entreprises
• L'équipe marketing
• Le support client
• Créer un produit en ligne avec un membership
• Tester une idée d'affaires (MVP)

C'est quoi Softr ?

Softr est un outil no code de création d'application web.

Ces web apps sont des portail clients, des outils internes pour les entreprises, des marketplaces, du contenu réservé aux membres, des répertoires de ressources ou même des sites web.

L'important c'est que vous avez des données sur Airtable et que vous voulez les afficher d'une quelconque façon.

Fondé en 2020, Softr est soutenu par des fonds de capital-risque. Avec la dernière levé de fonds de $13.5M, l'équipe travailleur sur :

• une boutique de composantes
• à ajouter d'autres bases de données que Airtable
• à rendre l'interface de design plus flexible

Softr est l'outil de web app la plus facile à utiliser, sincèrement. J'ai essayé Bubble, WeWeb, Bildr, Webflow, Stacker et Softr est le plus facile à maitriser.

Le studio est minimaliste et clair. Tout est intuitif.

Vous pouvez facilement prévisualiser votre app sur ordinateur, tablet et mobile en cliquant sur Preview.

Commencer avec Softr

Pour créer une application mobile avec Softr, voici un bref aperçu des étapes clés.

Étape 1: Créer un compte

Si ce n'est pas déjà fait, créez un compte Softr avec l'essai gratuit de 30 jours. En fait, vous pouvez créer des applications gratuites avec 200 lignes sur Airtable.

Vous verrez ce tableau de bord minimaliste.

Étape 2: Créer votre application

Cliquez sur New Application, puis comme tous les outils no code, vous aurez le choix entre une page blanche (blank) ou une page déjà construite (template).

Étape 3 : Lier votre base Airtable

Pour les blocks List, List Details, Table, Calendar, Kanban, Chart, Map, etc. vous devez lier votre base Airtable.

Si vous avez choisi un template, vous devrez copier la base Airtable. Voici comment faire.

Étape 4 : Ajouter des blocks

Le studio est là où la magie opère.

À droite, vous ajouter les blocks de votre choix. La section static sont ceux sans Aitable et la section dynamic sont ceux avec Airtable ou d'autres données dynamic en fonction de l'utilisateur.

À gauche, vous pouvez:

• ajouter des pages ainsi que modifier les paramètres (SEO, social, etc.) de chacune
• modifier le thème de l'application, soit la couleur, la police et la largeur des pages
• configurer la section membres pour des sections payantes
• modifier les paramètres générales de l'application (intégrations, SEO, domaine, etc.)

Étape 5 : Publier 🎉

Une fois tous les blocks ajoutés, il est temps de publier en cliquant sur Publish. Vous avez le choix entre votre domaine ou celui de Softr.

Tarification de Softr

Podia a une tarification qui s'ajuste aux types d'applications web.

Le plan Starter est pour un site web ou les répertoires sans membership. Le plan Professional permet de créer des apps avec des membres et vendre des produits. Le plan Business s'adresse principalement aux entreprises et leurs outils à l'interne.

Tous les plans permettent de faire un nombre illimité d'applications.

Pour les différences, voici un aperçu.

Softr vs les autres

Softr est une alternative à quelques outils de création de web apps comme Bubble, WeWeb, Bildr, Stacker et Glide Pages. Ils peuvent toutes faire une web app à partir d'une base Airtable.

Softr est aussi une alternative à Webflow pour la création d'un site web.

Je choisi de parler spécifiquement de Glide, car c'est un autre outil très simple à utiliser pour créer un répertoire et ajouter des membres (membership).

Aujourd'hui, je préfère Softr.

Vous pouvez lire les raisons dans ma comparaison Softr vs Glide Pages.

Ce qu'il faut savoir

Toutes les applications Softr sont uniques, mais il y a une base qu'il faut connaitre pour bien faire n'importe quelle app.

La terminologie de Softr

Comme tout autre outil, il y a des termes spécifiques où il faut passer plus de temps pour bien comprendre.

Block : Une app Softr se monte comme un bloc Lego. Un block est un élément contenant de l'informations.

Database : Softr permet de montrer des données aux utilisateurs et même d'en collecter. La base de données est intégré directement avec Airtable.

Users : Ce sont les utilisateurs qui se connectent avec un compte et qui ont accès à des données non public.

Users Groups : Vous pouvez donner accès à un type d'utilisateur en fonction du type de donnée.

Edit Permissions : Les utilisateurs peuvent modifier les données Airtable. Les permissions permettent de déterminer qui à le droit de modifier quoi.

Visibility : La visibilité est le paramètre qui permet aux utilisateurs de l'application de voir des données.

Intégration avec Airtable

Plus haut, on a vu comment intégrer Airtable avec votre clé API.

Dans tous les blocks dynamic avec une base de données Airtable, il y a toujours :

• Airtable Base
• Airtable Table
• Airtable View

La base Airtable se retrouve dans le tableau de bord Airtable.

La table Airtable sont comme les onglets dans Google Chrome.

La vue Airtable permet de montrer la même base de donnée sous différentes façons, par exemple avec des filtres.

Vous pouvez modifier les données Airtable directement dans Softr. J'en parle plus bas dans la section Membership.

Autres intégrations

Softr a une intégration avec beaucoup d'outils.

Analytics : Facebook Pixel, Fathom Analytics, Google Analytics, Google Tag Manager et Hotjar

Automatisation : Make et Zapier

Cookies : Lubenda

Email marketing : Mailchimp et MailerLite

Map : Google Maps

Membership : Google Sign In et Google reCaptcha

Paiement : Gumroad, PayPal, Buy Me A Coffee et Stripe Checkout

Support : Crisp, Drift Chat, HubSpot Chat, Intercom et Typeform

Traduction en français

Une autre intégration que je n'ai pas nommé est avec Weglot afin de traduire votre site en français (ou autres langues).

J'aime Weglot et j'ai utilisé l'outil pour un de mes projets. Veuillez lire mon avis sur Weglot pour plus de détails.

Pour la traduction avec Softr, regardez ce tutoriel.

SEO

Le référencement organique est important pour une web app.

Ce l'est moins pour les outils internes pour les entreprises, mais pour le reste, si vous voulez attirez des utilisateurs externes, assurez-vous d'optimiser le SEO.

Dans Softr, il est possible de modifier le SEO dans les pages et les données Airtable.

Pages

Pour les pages, vous pouvez modifier le titre et la description qui se retrouveront visible sur les moteurs de recherche.

Allez dans les paramètres en cliquant sur les trois points, puis Settings.

Données Airtable

Pour les données Airtable, plus spécifiquement le block List Details, vous pouvez changer 4 paramètres : index, slug, title et description.

Index : si la page doit être sur les moteurs de recherche ou non.

Slug : l'URL désiré.

Title & Description : c'est comme les pages plus haut.

Par exemple, pour un répertoire de ressources, ça permet d'avoir beaucoup plus de traffic organique.

Basé sur Ahrefs, je sais que le mot-clé "download youtube thumbnail" est recherché 1500 fois par mois.

Ces paramètres SEO me donnent la possibilité de ranker sur ce mot-clé là et tous les autres mots-clés de ma liste.

Idéalement, plus le mot-clé est difficile (car beaucoup de compétitions) comme c'est le cas ici, plus il faut aller chercher des backlinks et ajouter du contenu texte sur la page.

Pour mon répertoire, il faudrait alors que je créé une page List Details dans Softr avec une description du free tool et autres textes pour maximiser mes chances.

Studio

Pages

Il se peut fort bien que vous deviez ajouter des pages à votre web app, sauf si c'est un tableau de bord comme celui-ci avec une seule page.

Par exemple, la web app de suivi de l'inventaire, un outil interne pour les entreprises, a 9 pages seulement. Mais, il permet beaucoup de choses !

On peut s'y connecter en tant qu'admin ou employé, de voir les commandes, les manufacturiers, l'inventaire et plus encore.

General

Ce sont les mêmes paramètres que lors de la création d'une page. Vous avez aussi les options de cacher et supprimer la page.

SEO

Nous l'avons plus haut, vous ajoutez là le titre et la description de la page qui sera visible sur les moteurs de recherche.

Social

Vous pouvez ajouter ici le même texte que le SEO et vous ajoutez une image pour les liens partagés sur les réseaux sociaux.

Default Header & Footer

Si vous voulez le même header (menu) et footer que la page d'accueil, laissez les options à ON. Si vous voulez un header ou footer personnalisé pour la page, veuillez mettre l'option à OFF.

Visibility

Nous allons le voir plus bas, mais lorsque vous avez des membres, c'est là où vous devrez dire si la page est visible pour tout le monde ou les membres.

Custom Code

Nonnnnnn, du code ! 😱

Sans blague, c'est là où vous devrez sans doute ajouter du code pour des intégrations qui ne sont pas dans la section Settings > Integrations.

Thèmes

Ici vous pouvez établir des valeurs par défaut pour le design de votre web app.

Typography : Vous déterminez la police d'écriture, la grosseur et la couleur pour les titres et le texte.

Buttons : Vous déterminez la couleur et la grosseur des appels à l'action.

Advanced : Vous déterminez la largeur du site web. Si vous voulez diminuer seulement la largeur du texte, vous pouvez ajouter ce bout de code dans la section Custom Code vu plus haut.

<script>
document.addEventListener("DOMContentLoaded", function() {
    $('section[class^=text] div.col-12').addClass('offset-lg-1 col-lg-10');
});
</script>

Utilisateurs

Ce que j'aime de Stripe comme méthode de paiement, c'est qu'il est possible d'accepter les paiements en mode test.

Cela permet de tester un funnel de vente par exemple.

Softr a eu la même idée en ajoutant une version test aux utilisateurs.

Cela permet de tester votre web app avec des "faux" utilisateurs où ils s'inscriront en mode "preview" de l'app.

Vous pouvez ajouter, supprimer, importer et exporter des utilisateurs.

Pour que les utilisateurs se connectent, vous pouvez donner un mot de passe généré par Softr ou un magic link.

Cette section utilisateur peut être utiliser seule ou en la connectant avec Airtable.

Si vous connecter avec Airtable, vous devez lier la base Airtable, la table Airtable et le e-mail de l'utilisateur. Vous pouvez ensuite sélectionner un colonne pour son nom, lien magique et avatar.

Enfin, il est possible de laisser visible certaines pages à certains types d'utilisateurs, je l'explique plus bas dans la section Membership.

Paramètres

Ces paramètres sont utiles pour l'application en entier.

General

Vous ajoutez le nom de l'app, un sous-domaine Softr, un favicon et vous pouvez enlever le badge Softr pour les plans payants.

Custom domain

Vous ajoutez le domaine personnalisé que vous avez acheté sur Namecheap ou ailleurs.

Integrations

J'en ai parlé plus haut. Ce sont là les intégrations "officielles" avec Softr où vous n'avez pas à ajouter de code dans le header de l'app.

SEO

Je vous conseille fortement d'ajouter votre ID Google pour utiliser Google Search Console.

Cela sert, entres autres, à analyser vos requêtes et pages les plus populaires.

Custom code

Tel que vu précédemment pour les pages, vous pouvez ajouter du code dans le header et le footer de votre app Softr.

Email signature

Si vous avez des utilisateurs, vous pouvez modifier le nom et l'email pour l'envoie des emails.

Il y aussi les Users groups, Permissions et SAML Configuration que je vais parler plus bas dans la section Membership.

Blocks

Les blocks sont les composantes à ajouter dans l'app ou le site web.

Il est possible de changer le design de tous les blocks en cliquant sur l'icône de styles.

Il est aussi possible d'ajouter un block sur un autre page web que Softr avec la fonction embed.

J'ai remarqué quelque chose de super pour sauver du temps. Quand je modifie le style d'un button et que j'en ajoute un 2e, il aura le même style que le premier.

Static

Les blocks statiques sont ceux qui se retrouvent dans toutes les apps et sites web.

Ce sont sensiblement les mêmes composantes que vous retrouverez chez les autres outils no code. Alors, vous ne serez pas perdu si vous avez de l'expérience avec une alternative.

Les blocks statiques sont : header, hero, feature, feature grid, CTA, partner, gallery, pricing, team, testimonial, FAQ, footer, custom code et other.

Dynamic

Les blocks dynamiques sont basés sur votre base de données Airtable ou vos utilisateurs.

Les blocks dynamiques sont : form, user accounts, payment, list, list details, table, calendar, kanban, chart et map.

Membership

Visibilité

Vous pouvez modifier la visibilité des pages et des blocks de votre app.

Il faut tout d'abord ajouter les groupes d'utilisateurs.

Par exemple, dans le portail client, il y a plusieurs groupes où des pages seront accessibles en fonction de leur rôle.

Une fois la visibilité ajouté pour un block, vous verrai un cadenas.

Pour les paiements, c'est dans la section Integrations > Stripe Checkout.

Comme dans Stripe, vous pouvez permettre les utilisateurs de Softr de s'abonner mensuellement ou payer une seule fois.

Avec les conditions, il est facile de segmenter les utilisateurs pour chaque produit.

Filtres

Pour les blocks dynamique tels que List, Table, Calendar, Kanban et Chart, il est possible d'ajouter des filtres pour déterminer qui peut voir les données en fonction de conditions.

Pour notre portail client, il est facile de faire en sorte que les clients, consultants et managers ne voient que leurs projets.

Il suffit de déterminer le match à any et le client email is people email puis la même chose pour les autres groupes d'utilisateurs.

Permissions

Softr permet aux utilisateurs de modifier les données directement dans l'application, sans passer par Airtable.

C'est là où l'intégration puissante prend tout son sens !

Il est possible pour les utilisateurs d'éditer les blocks List, List Details et Table.

Comme toutes les autres fonctionnalités, c'est très simple et intuitif de régler les permissions.

Une fois fait, les utilisateurs ayant accès pourront éditer les données en cliquant sur l'icône de crayon.

Conclusion

Voilà, j'espère que vous avez aimé ce guide.

Softr est un outil que j'adore.

N'hésitez pas à l'essayer pour votre projet de web app, vous ne serez pas déçu.

Vous aimez cet article ? Partagez-le à un•e ami•e. Ça ne prend que 10 secondes. L'écrire me prend 10 heures. Vous pouvez aussi m'offrir un (ou plusieurs) Latte glacé 🥤, ça m'aide à écrire plus !

Les liens dans cet article qui mènent vers softr.io et contournement.online sont des liens d’affiliation. Si vous achetez un abonnement, il ne vous coûtera pas plus cher, mais je recevrai une petite commission qui non seulement soutient mon travail (~ 10h/article de recherche & écriture), mais m'aide aussi à faire de Non Codeur un side project durable.

Ghost est l'outil ultime de publication de nos jours. Non seulement, vous écrivez de beaux petits articles sur ce que vous aimez, mais vous pouvez monétiser votre contenu et l'envoyez par courriel à vos abonnés.

Après 5 ans sur Wordpress, c'est un vent de fraicheur d'écrire sur Ghost. D'ailleurs ce blog Non Codeur est sur Ghost 👻.

C'est comme si j'avais maintenant une Tesla au prix d'une Honda. Pourquoi? Open Source mon ami•e !

Lorsque je choisis un outil web, après le no code, j'essaie d'opter le plus possible pour l'Open Source.

Pourtant, Ghost est arrivé sur le marché en 2013, après une campagne réussie sur Kickstarter. Après près de 10 ans à grossir l'équipe et quelques millions de dollars en poche, Ghost mise encore que sur la publication et c'est ça le plus important. L'outil fait une chose et il le fait bien.

En résumé

Pour ✅

• Éditeur simple, fluide et complet
• SEO friendly
• Envoi automatique des articles par courriel
• Membership payant (aucun frais de transaction!)
• Open Source
• Beaucoup d'intégrations possibles

Contre ❌

• No code limité aux thèmes existants
• Courriels automatiques ne sont pas traduits

Pour qui 🤓

Ghost est un excellent outil no code pour :

• Écrire des articles de blog
• Envoyer les articles par courriel à des abonnés gratuits et/ou payants (membership)
• Monétiser son contenu écrit avec le membership payant et/ou le marketing par affiliation

C'est quoi Ghost ?

Ghost est un outil no code pour monétiser son contenu écrit.

Il n'y a pas de petite niche, ni de petite audience. Le pari est simple :

• Écrire des textes sur une base régulière dans votre niche.
• Grossir votre audience.
• Après un certain nombre d'abonnés gratuits, offrir un abonnement payant avec du contenu exclusif.
• Entretenir une relation avec vos abonnés et répondre à leurs besoins.

Étant donné que Ghost ne charge aucun frais de transaction, sauf les frais de Stripe (environ 3%), vos revenus peuvent monter rapidement. Avec un abonnement à $5/mois, vous devez avoir "seulement" 500 abonnés pour gagner un revenu annuel de $30 000.

Pour vous aider à monétiser vos publications, Ghost offre pas mal tout ce qui est nécessaire (ou presque... la perfection n'existe pas).

Rapidement, j'ajouterais que les alternatives les plus utilisés sont Wordpress pour le blog et Substack pour la newsletter. Je vous invite à lire ma comparaison de Ghost vs Substack.

Éditeur simple

L'éditeur de Ghost est simple et permet de prioriser le plus important, soit d'écrire le contenu.

Lorsque vous publiez un article, il est accessible sur le blog et si vous le désirez, vous pouvez l'envoyer par courriel. Dans l'éditeur, vous pouvez ajouter du contenu qui sera seulement accessible aux abonnés par courriel, mais qui ne sera pas visible sur le site. C'est très pratique !

S'il y a du contenu que vous répétez à chaque article, vous pouvez créer un Snippet afin d'enregistrer ce contenu et le réutiliser facilement dans un autre article.

Je me sers aussi du Markdown pour créer des tables qui comparent les outils no code, mais il est possible de faire bien plus.

Regardez ici tout ce que l'éditeur permet de faire.

SEO friendly

Je ne suis pas expert en SEO, mais d'après mes lectures, je vois que Ghost s'occupe de tout. Je n'ai pas à me soucier si mon contenu sera visible sur les moteurs de recherche.

Le sitemap, les permaliens, tags, balises sémantiques, les images de médias sociaux, les descriptions et titres des articles et autres, tout est accessible à quelques clics seulement.

Gestion des membres

Ghost est un outil tout-en-un pour la gestion des membres.

Voici le dashboard.

Vous pouvez voir quel membre a reçu et ouvert/lu les articles et ajouter d'autres informations pertinentes.

Commencer avec Ghost

Pour créer un compte Ghost, il existe plusieurs façons. Mais pour nous, les non codeurs, voici celles que je suggère.

Étape 1 A : Ghost(Pro)

Ghost(Pro) est l'hébergeur officiel de Ghost, c'est leur façon de monétiser l'outil Open Source. En choisissant cet hébergeur, tout se fait automatiquement pour vous et vous avez un blog en moins de 5 minutes.

Étape 1 B : Autres hébergeurs

Vous pouvez choisir un autre hébergeur pour votre blog Ghost. Peu importe le choix de l'hébergeur, vous aurez toujours accès à l'éditeur Ghost et aurez sensiblement les mêmes fonctionnalités de Ghost(Pro) si ce n'est pas plus encore.

Mon blog est hébergé chez Gloat par Dan Rowden, un créateur assidu sur Twitter. Il offre aussi l'hébergement complet, l'outil de commentaires Cove et quelques thèmes custom.

Étape 2 : Changer le thème Ghost

Peu importe l'hébergeur de votre choix, vous avez par défaut un blog qui fonctionne déjà en commençant. Le thème par défaut est Casper.

Si vous voulez changer de thème, vous pouvez le faire dans la section Design. Visitez le marketplace et téléversez un simple fichier zip, ce qui permettra de changer le design du blog.

Voici la méthode pour traduire Ghost en français.

Étape 3 : Ajouter les tags

Chaque article doit avoir un tag. C'est une sorte de catégorie qui permet à vos lecteurs de s'y retrouver plus facilement.

Étape 4 : Ajouter des pages

Les articles se retrouvent dans la section Posts. Vous pouvez cependant ajouter d'autres pages dans la section Pages qui ne seront pas des articles de blog. Par exemple, la page Contact, À propos ou autres.

Étape 5 : Gérer le menu

Dans la section Settings, puis Navigation, vous pouvez gérer le menu.

Étape 6 : Ajouter les informations du site

Dans la section Settings, puis General, vous pouvez ajouter le titre du site, la description du site, la langue, l'icone, les images et autres informations reliées au SEO.

Étape 7 : Ajouter des intégrations

Dans la section Settings, puis Integrations, vous pouvez gérer toutes les intégrations (dah 🤪). Dans mon ancien thème Nikko, je devais ajouter une intégration pour la barre de recherche et les commentaires Cove (de Gloat).

Étape 8 : Régler le membership et l'envoi par courriel

La section Settings, puis Membership, est l'endroit pour gérer le membership où vous devrez connecter votre compte Stripe pour l'abonnement payant.

La section Settings, puis Email newsletter, est l'endroit pour gérer l'envoi par courriel des articles aux membres.

Étape 9 : Publier 🎉

Publier des articles sur Ghost est très simple. Vous pouvez choisir de l'envoyer :

• immédiatement ou à une date ultérieure,
• à vos abonnés gratuits ou payants.

Chaque article publié sera envoyé une seule fois par courriel à vos abonnés et sera accessible pour toujours sur votre site. Chaque mise à jour sera faite sur le site, mais ne sera pas réenvoyer par courriel.

Tarification de Ghost

Le coût de Ghost est différent en fonction du choix de l'hébergeur. Voici ceux que je conseille.

Ghost(Pro) : Pour $9/mois (payable annuellement) ou $15/mois (payable mensuellement), vous avez accès à 25k vues par mois, 1 staff, 1000 abonnés, votre nom de domaine, mises à jour automatiques, backups, CDN, SSL, courriel automatique, etc. C'est LA méthode officielle pour les non codeurs.

Gloat : Pour $19/mois ou $189/an, vous avez accès aux vues illimitées, abonnés illimités, staffs illimités, SSL, backups, contenu média illimité et 20 000 courriels/mois.

Vous aimez cet article ? Partagez-le à un•e ami•e. Ça ne prend que 10 secondes. L'écrire me prend 10 heures. Vous pouvez aussi m'offrir un (ou plusieurs) Latte glacé 🥤, ça m'aide à écrire plus !

Des liens dans cet article sont des liens d’affiliation. Si vous achetez un abonnement, il ne vous coûtera pas plus cher, mais je recevrai une petite commission qui non seulement soutient mon travail (~ 10h/article de recherche & écriture), mais m'aide aussi à faire de Non Codeur un side project durable.

Dorik est le nouvel outil de l'heure pour créer son site web statique. Pour plusieurs, Dorik est à mi-chemin entre Carrd et Webflow, mais j'y vois aussi des ressemblances avec Elementor, le page builder le plus populaire de Wordpress.

En résumé

Pour ✅

• Plan gratuit avec sous-domaine (dorik.io)
• Intégration avec plusieurs outils de marketing par courriel
• Modèles gratuits pour commencer facilement
• Le drag-and-drop est facile à utiliser
• Possible de créer une page sans compte
• Plan complet et flexible avec CMS

Contre ❌

• Il manque de leçons guidées qui prennent le créateur par la main

Pour qui 🤓

Dorik est un excellent outil no code pour :

• Créer une landing page
• Créer un site web simple
• Créer un blog
• Créer un site avec un membership

C'est quoi Dorik ?

Dorik est un outil no code pour créer un site web.

Dorik permet de créer une simple landing page et un site web complet avec blog et membership.

C'est comme si Dorik avait deux produits différents. Le tableau de bord n'est pas le même pour les deux plans.

La création d'une page est très simple grâce aux 140+ composantes UI, les 20+ éléments et les 25+ templates. Pour être honnête, c'est le page builder le plus intuitif que j'ai utilisé de ma vie.

En tout temps, il est possible de voir l'aperçu du site web en mode desktop, tablet et mobile afin d'avoir un design réactif (responsive).

Il y a un grand choix de polices d'écriture disponibles, mais si vous en voulez une qui n'est pas déjà là, vous devrez coder pour l'ajouter.

Les intégrations disponibles sont avec votre outil de marketing par courriel (Mailerlite, MailChimp, ConverKit, etc.), d'analytics (Google, Facebook et Hotjar), de support (Intercom et Crisp), de paiement (Stripe, PayPal, Gumroad, etc.), d'automatisation (Zapier, Make, etc.) et de données avec Airtable.

La documentation couvre beaucoup d'interrogations qu'un créateur peut avoir.

Pour connaitre les prochaines fonctionnalités, suivez la roadmap.

Commencer avec le plan Classic Dorik

Pour créer un site web avec Dorik, voici un bref aperçu des étapes clés.

Étape 1: Créer une page

L'avantage est de pouvoir commencer à créer sans compte, en cliquant sur Try Dorik Now. C'est la manière la plus simple pour essayer un nouvel outil et les fondateurs l'ont bien compris.

Avant de créer les sections de votre page, je suggère de choisir les options par défaut qui s'appliqueront à tous les éléments comme la police d'écriture des textes et titres, la largeur des sections, l'arrière-plan, les liens et les couleurs.

Les éléments essentiels dans la création d'une page statique sont disponibles et permettent de répondre à la majorité des besoins des créateurs.

Peu importe l'élément choisi, vous pouvez toujours modifier les paramètres de styles tels que la marge, la bordure, etc. en plus d'ajouter une animation et autres options de visibilité.

Si vous faites une erreur, vous pouvez toujours revenir en arrière. Vous pouvez aussi toujours voir un aperçu de votre page en cliquant sur 👁️.

Étape 2: SEO, médias sociaux et intégrations

Ajoutez le titre, la description et l'image de votre site pour bien paraître sur les moteurs de recherche et les médias sociaux.

Enfin, ajoutez les ID de vos outils chat et analytics.

Étape 3: Publier 🎉

Une fois votre page créé, il est maintenant le temps de publier et célébrer!

Vous pouvez lier votre domaine acheté par exemple chez Namecheap.

Tarification de Dorik

Dorik a deux plans pour des besoins différents.

Dorik Classic Plans

Il y a deux plans mensuels, payables au mois ou a l'année, et... un plan gratuit.

Tous les plans permettent un nombre illimité de pages vues et de stockage, un SSL gratuit, global CDN, l'optimisation des images, les paramètres SEO et un accès aux intégrations.

Gratuit :  Le plan gratuit permet de créer un site avec pages illimités en s'aidant des templates gratuits et de le publier avec le sous-domaine (dorik.io).

Starter: Pour $49 par an, ce plan permet de connecter 25 noms de domaines, d'avoir des pages illimités et d'enlever le branding Dorik. C'est évidemment le plan que je suggère à quiconque veut bâtir un site.‍

Premium: Pour $99 par an, ce plan permet en plus d'avoir 100 noms de domaines, d'ajouter des méthodes de paiements, des formulaires et d'exporter le HTML/CSS/JS.

CMS Plans

Il y a un plan gratuit et un plan payant pour les individus. Il y a aussi deux plans pour les agences, mais je n'en parlerai pas ici.

Gratuit : Vous avez droit à 500 membres et 25 pages statiques.

Business : Pour $19 par mois, ce plan permet de connecter un nom de domaine, d'avoir 10 000 membres, un nombre illimité de pages et collaborateurs et un accès aux collections et champs personnalisés.

Vous aimez cet article ? Partagez-le à un•e ami•e. Ça ne prend que 10 secondes. L'écrire me prend 10 heures. Vous pouvez aussi m'offrir un (ou plusieurs) Latte glacé 🥤, ça m'aide à écrire plus !

Des liens dans cet article sont des liens d’affiliation. Si vous achetez un abonnement, il ne vous coûtera pas plus cher, mais je recevrai une petite commission qui non seulement soutient mon travail (~ 10h/article de recherche & écriture), mais m'aide aussi à faire de Non Codeur un side project durable.