• ⏱ Quick tour of Celestory

  ⏱️Quick Tour Example link: https://creator.celestory.io/project/0obigSV4M 👉 Getting Started A Celestory app consists of 🔱 graphs and its 🧩 blocks defining the logic and 📑 menu pages. You can preview the app by clicking on Play the current module on the top bar. ![](https://storage.crisp.chat/users/helpdesk/website/39b314c61a0ad000/e4381d3f-f01e-4cfbPopular

• The Creator Interface and Menus

  Visite guidée de l'éditeur : barre supérieure, panneau Modules, fenêtres outils et raccourcis.Few readers

• Project, Module, Graph, Block: What Contains What

  Celestory's four nested levels, and the “Context” trap that lies about its scope.Few readers

• Your First Project: From Blank Page to First Screen

  From a blank page to a first screen in ten minutes, without hitting the wall of an unwired Start block.Few readers

• Connecting Two Blocks: The Wire, the Triangles and the Circles

  Triangles and circles, flow and values: what plugs into what, and why a wire is silently refused.Few readers

• Your first choice: the reader decides, the story branches

  The Choice block: each option you write grows an output, and an unwired option vanishes from the game.Few readers

• A variable is remembering

  Create a variable, write it with Assign, read it with Condition — and why it is shared by the whole project.Few readers

• Testing your project and reading the debugger

  The five-step test routine, and everything the Debug window shows — or keeps quiet.Few readers

• Saving: Celestory doesn't do it for you

  Celestory never saves on its own: the habit to build, and the three ways to lose everything.Few readers

• The Graph Interface (Visual Scripting)

  Naviguer dans le canevas, lire un bloc, tracer des liens et injecter des variables.Few readers

• The Block Editing Window

  Le double-clic qui ouvre les réglages d'un bloc, et tout ce qu'on y trouve.Few readers

• Injecting a variable into text: double curly braces

  Écrire {{nom}} dans un texte crée un point d'entrée à relier à une variable.Few readers

• Creator Keyboard Shortcuts

  Tous les raccourcis du Creator, canevas compris, et ceux qui ne fonctionnent pas.Few readers

• Choosing your template: Chatbot, Visual Novel, Blackbox, Draft

  Chatbot, Visual Novel, Blackbox, Brouillon : lequel choisir, et ce qu'on ne peut plus changer après.Few readers

• The files Celestory accepts, and how to organize them

  Formats acceptés, limites de taille, dossiers, Spine et remplacement d'un fichier.Few readers

• Content Management (Rich Media & Assets)

  Mise en forme des textes, variables dynamiques et médiathèque du projet.Few readers

• Data and Connectivity

  Connecter votre application à Airtable, Baserow, une API, Voltask ou un serveur MCP.Few readers

• Creation Assistance & Vibe Coding with AI

  Générer du contenu avec l'IA et laisser l'assistant construire votre graphe.Few readers

• Organising a large graph: groups and blackboxes

  Groupes, blackbox et commentaires : garder un graphe lisible quand il grossit.Few readers

• Writing an HTML5 page in Celestory

  Recevoir des valeurs du graphe et lui en renvoyer depuis une page HTML5.Few readers

• When nothing works, and nothing tells you why

  Huit défauts qui ne déclenchent aucune erreur : le graphe compile, le rendu est faux.Few readers

• Legacy blocks: they accept everything, and show nothing

  Un bloc hérité accepte tout et n'affiche rien : comment le repérer avant de perdre une heure.Few readers

• Displaying a background: the three-block chain

  La chaîne des trois blocs pour afficher un décor plein écran.Few readers

• Styling without writing CSS

  90 réglages natifs avant d'écrire la moindre ligne de CSS.Few readers

• Breaking up a big HTML5 app

  Cinq patrons pour garder une grosse application HTML5 lisible.Few readers

• 🎤 Add Voice over, sounds and musics

  Link to the video example : https://www.loom.com/share/bcd853a711d648ae9354720fe51e8c83 🎤 Add Voice over, sounds and musics: You can add audio content to your app through music or sounds. The musics will be played in the background of the app; the sounds can be played alone or on top of a music. To launch a music, you have to add in your stream the block "Play music". You can thus choose the audio in your files, and you have the possibility to play the piece "in loop" by clickingSome readers

• 🔱 Conceive an adaptative path

  Link to example: https://creator.celestory.io/project/cMia0xvYC What are the different ways of mastering knowledge? Different paths leading to different levels of mastery. Each learner is unique. While offering personalized coaching, you can analyze the different profiles of your learners. Let's look at the difference between a linear path (Powerpoint or classic E-learning) and an adaptative path: Linear path (identical for all of them) ![](https://storage.crisp.chat/users/helpdesk/weSome readers

• 📑 Create menu & pages

  Example link: https://creator.celestory.io/project/jLTspI-hq You can build your menus with a lot of elements: 1. Create your menu Go to Main Menu (blue button with the title of your project at the top left of the creation interface), then click on Menus. If your project does not have onePopular

• ▶️ Embed Youtube

  ▶️ Embed Youtube|| Example link: https://api.celestory.io/play/SnQnYdCS6f You want to embed a video, hosted on a streming service, like Youtube? You have to know that most of these services propose to "integrate" their own video player on other sites and applications. To do so, you have to click on Share at the bottoPopular

• 🔑 Enter a key-word or a code (advanced)

  Entering a key-word or a code is verifying if a chain of caracters (a Text variable) matches another one with the associated condition. Here is the value that can have each type of variable: Boolean: True or False Number: 1, 2, 3... Text: chainofcharacters Here, we will see how to create and test Text types variables. 1. To Start in Celestory go to https://creator.celestory.io/home/examples ![](https://storage.crisp.chat/users/helpdesk/website/6b297680f41cac00/91a9af09-7Some readers

• 🐱‍🏍 Import Gifs & Images

  🐱‍🏍GIFs and Images Link to the example : https://creator.celestory.io/project/UnjYWH0TL 🟩 Load image : If you want to upload images to your app, you can do it in Main Menu/Files. You can also easily upload images hosted on external sites via URLs, such as Gif with Gyphy, your logos or user photos with Airtable. Link: https://giphy.com/ After creating an Image block, expand the entry point "image" and click on the creation of the Load Image block. ![](https:Popular

• 👆 Interactive presentation

  👆Clickable zone 🟪 Clickable zone Clickable zone is a block that allows you to associate choices to localized interactions in an image. Once the block has been created, click on Edit in the Image area. A new window opens, the Image Resource Editing window. 🔺Be sure to save your changes by clicking on Modify the Resource and not simply by closing thePopular

• 🎬 Interactive video

  🎬Interactive Video Example link: https://creator.celestory.io/project/3bDsEHusG Discover how to create an interactive video. You can turn any type of video into an interactive video: training videos, interactive tours, product or software demonstrations... 1. design your interactive scenario Videos are visual resources, so the graph will mainly consist of blocks 🟪 Video choice. To learn more about how to embed a video, click on this link: [🟪 Video choice](https:/Some readers

• 🎒 Inventory

  Example link: https://creator.celestory.io/project/WkgOt6qn8 Inventories use List variables. This is a type of variable that can hold multiple values of the same type (boolean, numeric, text or image). There is no default value to put in this type of variable. They are very useful to create an inventory or to represent all possible options of a value inSome readers

• 💬 Personalize a text/score

  To personalize a text, it need to be "formated" by variables in a graph. A variable is an indicator which can see its value vary. Here is the value that can have each type of variable: Boolean: True or False Number: 1, 2, 3... Text: chainofcharacters Here, we will see how to create advanced Text types variables. 1. To Start in Celestory go to https://creator.celestory.io/home/examples ![](https://storage.crisp.chat/users/helpdesk/website/d41d12e9d8dd0000/1c1677f3-8fe1-41Some readers

• 🕹️ Quiz, tests & game design structures

  You can use quizzes and mini-games for exams, simulations, training exercises, performance reviews, or self-assessment. You can: Allow multiple attempts. Using 🧮numeric variables and conditions. Allow to have a predefined or random order of questions using the 🟥Random Path block It is possible to assign a timer to each question using a 🟪Choice block. Each attePopular

• 📅 Schedule a meeting

  📅Create Meeting Example link: https://creator.celestory.io/project/SHM1kxJav Here we will show how an appointment can be made using the overlay menu to display a Calendly reservation for example. Create in Module Settings/Menus an "overlay" menu, it is to say a menu overlay that will pause the experience. ![](https://storage.crisp.chat/users/helpdeskSome readers

• 🔢 Set up numerical conditions

  🔢Numeric conditions Example link: https://creator.celestory.io/project/jFLJRdN7p Conditions are lead by variables in a graph. A variable is an indicator which can see its value vary. Here is the value that can have each type of variable: Boolean: True or False Number: 1, 2, 3... Text: chain of characters Here we will look at how to create advanced variables, and more precisely, variables that work with numbers. 1. To Start in Celestory Go to: htPopular

• ☑️ Set up true/false conditions

  ✅❌True False conditions Example link: https://creator.celestory.io/project/bzbrSDzy Conditions are lead by variables in a graph. A variable is an indicator which can have a varying value. Here is the value that can have each type of variable: Boolean: True or False Number: 1, 2, 3... Text: chainofcharacters We will see here how to create the most simple type of vairable 'boolean variables'. 1. To Start in Celestory Go to https://creator.celePopular

• 🎭 Visual Novel

  🎭VISUAL NOVEL Example link: https://creator.celestory.io/project/ETZKLG0ZZ 🔺 To activate the Visual Novel, you must create a new Module and choose the Visual Novel Template. The Template created by default in a new project is the Chatbot TemPopular

• The Labels Window

  Étiqueter des blocs par mot-clé, et les retrouver dans tout le projet.Few readers

• The Translations Window

  Ajouter une langue à votre projet et exporter les textes à traduire.Few readers

• The Project History

  La liste des actions annulables, et ce qu'elle ne garde pas.Few readers

• Search a Block

  Retrouver un bloc par son nom, son type ou son texte dans un gros graphe.Few readers

• AI Credits and Subscription

  Les paliers d'abonnement, leurs crédits IA, et ce qui se passe une fois le quota atteint.Few readers

• Importing and Exporting a Module

  Transférer un module entre projets, et le piège d'un nom déjà pris.Few readers

• Overview: the Menus editor

  Vue d'ensemble de l'éditeur de menus de l'application : concepts et grandes familles.Few readers

• Catalogue of Resource Types

  Catalogue de référence des 41 types de champs utilisés dans les blocs.Few readers