English
French
Go to website
Back
Articles on:
Blocks
Learn how each block works to create your graph
🟦 Airtable
Example: https://creator.celestory.io/project/X2hu1xLcU Airtable base link: https://airtable.com/universe/expv5ePD2Qfw7lIlK/nocode-serious-game-data-base 🟦 Airtable block This block allows you to exchange with your database of your Airtable account (collaborative online spreadsheet). To start using the Airtable block, you must Enable integrations (Main Menu/Integrations).
Very popular
🟧 Background
The Switch background block allows you to change the background, the decor of the module, from another image from the Resources. The block allows you to operate on a wide spectrum of parameters. For example, you can change the position, the size, the color of the rest of the screen or the description of the image. Indeed, the background will be displayed for a short amount of tim
Very popular
🟩 Start
The Start block is used to start each graph. Therefore, it is not possible to erase it.
Very popular
🟩 Dialogue
The Dialogue block shows the dialogue of one or more series of lines in each character bubble in the feed of the module. When you create a new dialogue block, open it and clock on Slect a character to open the contextual menu. Then choose a character or create a new one. Opening dialogue block  to display it in the user interface. To display a video player, like YouTube, read this article: https://documentation.celestory.io/en/article/insert-a-youtube-video-1horjlj/ Here we have indicated the direct link of the video in the url field of the block.
Popular
🟪 Unique choices
Link to the graph exemple: https://creator.celestory.io/project/JDd_oZdnL Link to the video example : https://www.loom.com/share/3a97c1a91c5949a7813b439a6d1acd8d Uniques choices: The "Unique choices" block acts like the Choices block, and remembers the choices made by the user, and does not reproduce these proposals. Finally there is an "end" output that will redirect the flow once all the choices have been used. . These variables can be numeric or textual, and will be replaced by their current value in the flow
Popular
🟥 Break
The Break block allows you to break a loop created by the Repeat block. It is to be placed in the "dead branch" of the latter, which represents the path taken by the player when the loop is over. The Break block almost have a "musical" function. Without it, a Repeat block would create the following pattern : loopnumber of iterations, then "dead branch", then loopnumber of iterat
Popular
⬛ Alert
The Alert block is used to write the content of notifications that will be displayed in the feed of the module. It works like a dialog block. Only the shape of the Alert notification differs from that of the Dialogs. It is customizable and doesn't need to mention the name of the character speaking (ex: no need to write "narrator:"). You can replace the text you place between singl
Popular
🟦 Random Number
The Random number block is used to obtain a random number (integer or decimal). By double clicking on the block, you can define the limits of the range of the randomly defined number (e.g. between 1 and 10) and you can connect the block to a boolean variable which will trigger the possibility to have decimal numbers. The value of the Value point will then be filled with a random number and you can for example connect this point to the Value point of an Assign block. 
Link to the graph example: https://creator.celestory.io/project/1VqMc5WsZ Link to the video example: https://www.loom.com/share/7e9c5eb9af1147e48fe0029082889897 ⬛ Set HUD (Head UP Display): The Head Up Display (HUD) allows you to display a persistent menu and its items in the upper part of the screen during the user experience. To create a HUD, you must first go
Some readers
🟥 Random path
The Random path block allows you to randomly send the Storyline to one of the multiple outputs whose number has been determined by the value you have inputed in the "paths" section. The percentage of each output is equal for each path.
Some readers
🟥 Condition
The block Condition allows you to check whether or not a condition is fulfilled. This condition is bound to give a true or false result. To determine it, click and hold the point "condition" and drag it with your mouse and release the click:  in the Choice block. Some options imply the use of boolean variables to be effective. This is the case wh
Some readers
⬜ Story
The Story block allows you to create the draft scenes (notes) of your interactive scenario. It does not affect the design or logic of the graph. It will not be visible to the player. You can replace the text you place between singletons (e.g. {{x}} apples) with the value of a current variable. Once done, the text between singletons appears at the bottom of the block with a point to connect to the block of the variable you are targeting.  by the value of a current variable. Once done, the text between singletons appears at the bottom of the block with a
Some readers
🟦 Webview
Example link: https://creator.celestory.io/project/7JJadkWMi The Webview block is used to display web integrations in the interface. It can be used to display pages, widgets or video players for example. The url field is used to indicate the web address of your integration. Here is a YouTube integration, to learn how to insert a YouTube video step by step: https://documentation.celestory.io/fr/ar
Some readers
🟪 Video choice
This is a combination of the Video block and the Choice block. The choices therefore appear directly at the end of the file playback. It is the perfect block for creating interactive videos. This blocks works as a mix of a Video and a Choice block, which means you will have to choose a document to be displayed. You will have to click on the icon corresponding to your document, then
Some readers
🟩 Input text
The Input text block allows a user to enter a sequence of characters on the keyboard that will define the value of a text variable. Once the text has been typed in the box provided for this purpose, the user will have to press a button to validate his entry. The text, the design of input and validate button are customizable.  and the values of the variables at the time it reached the Checkpoint block. The user's data is saved on the local storage of his device (which allows to use the application offline). _Note: If you export your application in HTML5 or PWA format, be sure to tell your users not to
Some readers
🟧 Stop sound
See 🎤 Add Voice over, sounds and musics
Some readers
🟩 Clear feed
The Clear feed block allows you to remove the feed aka the history of visual elements. After this block, the rest of the feed will appear normal. This block is very useful if you want to create a game of recalling or a textual effect in a complex narrative. Here is an example of what is possible :  : it is not a prob
Some readers
🟪 Swipe
Here is the purple Swipe bloc, which allows you to display a card. The card can be swiped to the left or to thr right by the user, with a different outcome of each swipe, like Tinder. In its edit window, you can change the displayed text of the swipe outcome in the left and right option. . Then simply connect the point Expression value to the test point of the Condition or Switch block.
Some readers
🟩 Image
The Image block allows you to show an image in a bubble in the feed of the module. It is also possible to add text, including custom text (via the Text Format block) on top of the image. Text is editable, as you may change its position with margin settings under text's screen. This editing will change the position of your text on the displayed image.  that can be clicked from the app. The player will then be redirected to the page in question.
Some readers
🟦 Today's date
Link to the example : https://creator.celestory.io/project/OfP0aCiv7 If you want to insert a date in your interactive experiences, you just have to create a "Today's Date" block that you will connect to the "x" value of an "Alert" block. In order for the date to be displayed correctly, you should write {{x}} in your text instead of the date. This value will be automatically replaced by the current date! .
Some readers
🟩 Choice with dialogue
The block Choice with dialogue combines the blocks Dialogue and Choice into one block. A dialog will appear just before the choice. You can replace the text you place between singletons (e.g. {{x}} apples) with the value of a current variable. Once done, the text between singletons appears at the bottom of the block with a point to connect to the block of the variable you are targe
Some readers
👨🏫 Anatomy of a block
In Celestory, the block allows you to create the content, logic and data of your app. To create a block, you can: either click on Add block on the top bar of your project's graph interface. or right-click in an empty space on the graph, then click on **A
Some readers
🟦 Zapier
The Zapier block let you send the value of a variable to +2000 apps through the Zapier platform. Note: In order to send data through Zapier, be sure to export your project first. Triggers will start to work only on exported app. More information on the article: 🔌 Connect Celestory with Zapier
Some readers
🟦 Analytics
Analytics let you trigger data to analyze the user behavior. The name of the analytic will be display on your Sankey diagram (Analytics menu in the main menu). The same order for X blocks let you compare them directly (as the different "gates" you might want to compare can be at different place in the graph). More information on 📊 Analytics here
Some readers
🟦 Increment
The Increment block allows you to quickly increase the value of a numerical variable. It is a combination of the Assign and Expression blocks that will increment the value of a numeric variable by one positive digit (e.g. +1 or +3).
Some readers
🟦 Remove from list
See 🔎 Search for or retrieve values
Some readers
🟦 Not
The Not block allows to invert the value of a boolean variable (true to false or vice versa). This block must be linked to an Assign block.
Some readers
🟦 Get from List
See 🔎 Search for or retrieve values
Few readers
🟦 Load checkpoint
Link to example project: https://creator.celestory.io/project/0-wJ8iNmg (to be imported into your project under Main Menu/Project Settings/Import-Export) The Checkpoint Loader block allows you to redirect the Storyline automatically to the last Checkpoint block the user has been through. The values of the variables will then revert back to the values at the time the Checkpoint block was traversed. ![](https://storage.crisp.chat/users/helpdesk/website/1503565a3d9df200/fed98c24-db56-4fdd-9ad
Few readers
⬛ Hide HUD
Link to the example: https://creator.celestory.io/project/5cB1mtaii The ⬛ Hide HUD block is used to hide the HUD that has been previously displayed in the user interface. To learn how to use the ⬛ Set HUD block: https://documentation.celestory.io/en/article/set-hud-head-up-display-r71wrb/
Few readers
🟩 Input
Link to the example: https://creator.celestory.io/project/cbZhW1bVu The 🟩 Input block allows the user to enter a sequence of characters typed on the keyboard, which will then define the value of a variable. It is suitable for feed experiments. Once the text has been typed in the box provided, the user must press Enter to validate the entry. You can define in the drop-down menu type, the type o
Few readers
🟥 Word recognition
Example link: https://creator.celestory.io/project/XsIFyE3mE The Word Recognition block recognizes text expressions. Coupled with a Text input block, it allows to recognize text typed by the user. Once the block is created on the graph, you can click on the Words button to add expressions that the block will recognize. You can add several expressions per field, to d
Few readers