> ## Documentation Index
> Fetch the complete documentation index at: https://docs.altoura.com/llms.txt
> Use this file to discover all available pages before exploring further.

# The Experience Canvas

## Node Representation

There are 5 different types of nodes in the experience. Step Node, Choice Node, Randomizer Node, Link Node and User ID Node

Below is an example of how different types of nodes are represented in the canvas

### Step Node

<img src="https://mintcdn.com/altoura-785c3552/ZuSJMQqW-zq_BCI_/images/docs/bf924d9-image.png?fit=max&auto=format&n=ZuSJMQqW-zq_BCI_&q=85&s=16efb0ecc5fea8f9e6f970179f477c33" alt="" width="2364" height="1320" data-path="images/docs/bf924d9-image.png" />

### Choice Node and Randomizer Node

<img src="https://mintcdn.com/altoura-785c3552/_Fb1P96m80-mEejg/images/docs/5983662-image.png?fit=max&auto=format&n=_Fb1P96m80-mEejg&q=85&s=a477d0f96c3fb69aa3e7762833ad9866" alt="" width="2364" height="1315" data-path="images/docs/5983662-image.png" />

### Link Node

<img src="https://mintcdn.com/altoura-785c3552/uN9er-P_53ywyRvz/images/docs/e201944-image.png?fit=max&auto=format&n=uN9er-P_53ywyRvz&q=85&s=44f3c72610d380a7eab912067ffe224e" alt="" width="2369" height="1320" data-path="images/docs/e201944-image.png" />

### User ID Node

<img src="https://mintcdn.com/altoura-785c3552/uN9er-P_53ywyRvz/images/docs/ded74ad-image.png?fit=max&auto=format&n=uN9er-P_53ywyRvz&q=85&s=74d116aafb77f615f4e29a2b78ed4de4" alt="" width="2356" height="1312" data-path="images/docs/ded74ad-image.png" />

## The Node Map

In the Experience Builder, there are two perspectives of the node that is indicated in the node map at the bottom of the builder. In the node canvas, the orange stripe on the top border of a node indicates the node that is shown in the space, and the blue stripe on the bottom border indicates the node that is shown in the node details panel.

Below is an example of what the same node shown in the space and the node details panel looks like.

<img src="https://mintcdn.com/altoura-785c3552/pvN_b_9fLlPnvtUQ/images/docs/0a0391c-image.png?fit=max&auto=format&n=pvN_b_9fLlPnvtUQ&q=85&s=fa57b8a105c773214a15542c11fcb831" alt="" width="2359" height="1324" data-path="images/docs/0a0391c-image.png" />

Below is an example of what a different node in the scene versus different node in the node details panel looks like.

<img src="https://mintcdn.com/altoura-785c3552/rSHiWKFaLfV4dcN7/images/docs/75f3f99-image.png?fit=max&auto=format&n=rSHiWKFaLfV4dcN7&q=85&s=0e33a174457a7da28d02aea8a985ae28" alt="" width="2362" height="1325" data-path="images/docs/75f3f99-image.png" />

## The Node Details Panel

Changing references in the node details panel is simple.

When changing a GameObject reference in the node details panel, select the circle at the right edge of a GameObject field. This will highlight the field in blue and now allows you to fill the reference with another object.

<img src="https://mintcdn.com/altoura-785c3552/rSHiWKFaLfV4dcN7/images/docs/6fbec78-image.png?fit=max&auto=format&n=rSHiWKFaLfV4dcN7&q=85&s=092d2cb84a4ce0c730f1450434fffd64" alt="" width="2364" height="1323" data-path="images/docs/6fbec78-image.png" />

To replace with an object from the hierarchy, select another object from the hierarchy panel and the object selected will replace in the field.

<img src="https://mintcdn.com/altoura-785c3552/RIgkSrBJFuycivOX/images/docs/ee3b1fe-image.png?fit=max&auto=format&n=RIgkSrBJFuycivOX&q=85&s=31ab50f5594d0f4f0505ab05a81b1954" alt="" width="2365" height="1324" data-path="images/docs/ee3b1fe-image.png" />

To replace with an object from the space, click and hold on the object selected will replace in the field.

<img src="https://mintcdn.com/altoura-785c3552/niZvlZtOVSBbiV3u/images/docs/80a0d79-image.png?fit=max&auto=format&n=niZvlZtOVSBbiV3u&q=85&s=2fdf1eff0b001a534139421c06474824" alt="" width="2355" height="1323" data-path="images/docs/80a0d79-image.png" />

To remove object reference from the field in definition panel, select the field which has object reference and click on Backspace/delete key from the keyboard to remove the reference.

<img src="https://mintcdn.com/altoura-785c3552/rSHiWKFaLfV4dcN7/images/docs/6c8d1d1-image.png?fit=max&auto=format&n=rSHiWKFaLfV4dcN7&q=85&s=c8ebbd6c83ece63018f639411dbf863d" alt="" width="2372" height="1313" data-path="images/docs/6c8d1d1-image.png" />

Upon making any changes to the node/connector definition, asterisk will appear on the header text. User can use the save button to save the changes done.

<img src="https://mintcdn.com/altoura-785c3552/_Fb1P96m80-mEejg/images/docs/470372a-image.png?fit=max&auto=format&n=_Fb1P96m80-mEejg&q=85&s=e8a2d6743859bfc69cda380efa6063d8" alt="" width="2369" height="1325" data-path="images/docs/470372a-image.png" />

If user forgets to save changes and clicked on any node or connector, a pop up will appear as a reminder to save, the user can opt to save changes or discard them.

<img src="https://mintcdn.com/altoura-785c3552/RIgkSrBJFuycivOX/images/docs/ea9bf13-image.png?fit=max&auto=format&n=RIgkSrBJFuycivOX&q=85&s=210f3203bf992b0bca406fa562bf5ae7" alt="" width="2365" height="1325" data-path="images/docs/ea9bf13-image.png" />

## Link Node

To view the content in a Link Node, select the Link Node and then click on the available options to view the node's details.

<img src="https://mintcdn.com/altoura-785c3552/z2_JFZPNE9ekTL9F/images/docs/a14eb0e-image.png?fit=max&auto=format&n=z2_JFZPNE9ekTL9F&q=85&s=af10a010d16554babf84284f881e70c7" alt="" width="2361" height="1319" data-path="images/docs/a14eb0e-image.png" />

To return to the previous experience from within the link experience, click the button displaying the name of the previous experience.

<img src="https://mintcdn.com/altoura-785c3552/niZvlZtOVSBbiV3u/images/docs/8c719b7-image.png?fit=max&auto=format&n=niZvlZtOVSBbiV3u&q=85&s=d3ac51bf4bced4f2628f2ca9c1aa7a79" alt="" width="2361" height="1327" data-path="images/docs/8c719b7-image.png" />

## Adding a Node

If you want to add a node to your Experience without a command from the bot, you can add an empty node from the Canvas bottom bar. This will add a node after the current node you have selected in the node details pane.

<img src="https://mintcdn.com/altoura-785c3552/_Fb1P96m80-mEejg/images/docs/44f0a4d-image.png?fit=max&auto=format&n=_Fb1P96m80-mEejg&q=85&s=c5410743945a3480afd670d0db1a0dc1" alt="" width="2366" height="1321" data-path="images/docs/44f0a4d-image.png" />

Once a new empty node has been added to your Experience, the bot window will open and inform you of where it has added the node based on what node was previously selected.

<img src="https://mintcdn.com/altoura-785c3552/_Fb1P96m80-mEejg/images/docs/579e4e6-image.png?fit=max&auto=format&n=_Fb1P96m80-mEejg&q=85&s=f42a0e0a01bd7e1a94d0ed3ba8945c95" alt="" width="2357" height="1323" data-path="images/docs/579e4e6-image.png" />

## The choice node Details Panel

Changing references in the choice node is similar to node details

In choice node user can add or delete choice, atleast one choice should be there. Note: If a user delete a choice for which the nodes are connected, then all the nodes will be disappeared in the canvas, to get back the nodes please redirect to portal and add connector for the any choice or node.

<img src="https://mintcdn.com/altoura-785c3552/z2_JFZPNE9ekTL9F/images/docs/acdc6b1-image.png?fit=max&auto=format&n=z2_JFZPNE9ekTL9F&q=85&s=c45780d5fd0b7137ba7e3b0b50b01bd2" alt="" width="2358" height="1309" data-path="images/docs/acdc6b1-image.png" />

## The connector Details Panel

Changing references in the connector details panel is same as node details panel.

Drag and drop connector actions to reorder the execution.

To drag and drop, hold on any connector actions and drag to the desired position.

<img src="https://mintcdn.com/altoura-785c3552/RIgkSrBJFuycivOX/images/docs/f3675d4-image.png?fit=max&auto=format&n=RIgkSrBJFuycivOX&q=85&s=e73a66d1c4616e9040519627dbbf9985" alt="" width="2368" height="1319" data-path="images/docs/f3675d4-image.png" />

To copy action, click on the copy button in the action header and can be pasted in any selected connector.

<img src="https://mintcdn.com/altoura-785c3552/niZvlZtOVSBbiV3u/images/docs/8afcf00-image.png?fit=max&auto=format&n=niZvlZtOVSBbiV3u&q=85&s=30ac927b6cf03073511aa52dd7be5811" alt="" width="729" height="627" data-path="images/docs/8afcf00-image.png" />

<img src="https://mintcdn.com/altoura-785c3552/FoIV9SzgFfYMUXXv/images/docs/3767ef3-image.png?fit=max&auto=format&n=FoIV9SzgFfYMUXXv&q=85&s=a0a68eaa8053135f7cd579bde68a853c" alt="" width="701" height="598" data-path="images/docs/3767ef3-image.png" />

Highlighted icon in first image is the copy button, on click of which the corresponding connector action will be copied.

Highlighted icon in second image is paste button, on click of which the copied action will be pasted in the selected connector.

**Note:** copied action can be pasted in any connector only once.
