# What is Synode

At Synode, we empower your brand by leveraging your customer experience and satisfaction through 3D instructions and visualizations. We specialize in interactive 3D and VR/AR solutions for training, assembly, marketing, sales, and beyond.

{% embed url="<https://youtu.be/J0eyFcgHMKk?si=ouxOKE3yfY8-3GJa>" %}

**Questions that weren’t answered? Join our Discord to get fast help.** [**https://discord.com/invite/SxCsY3KhPw**](https://discord.com/invite/SxCsY3KhPw)


# System Requirements

Synode can run on all devices. Its not so much the system requirements but the polygon count your 3D file has. The more polygons your 3D file has, the less likely it will run on lower end devices.


# Tutorials

Check out all of the tutorials on our YouTube channel.

{% embed url="<https://www.youtube.com/@synode3d>" %}


# Creating an account

In order to create a Synode account, you must fill out the necessary information.

**Name:**

**Last Name:**

**Email:**

**Create Password:**

**Confirm Password:**

Once you are done filling out the necessary information you will be sent a confirmation email to make sure the email you provided belongs to you. Click "Send confirmation email" to receive the confirmation email.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FXWlGuZUaWlu22sYvRpTl%2Fimage.png?alt=media&amp;token=f1c81abe-d992-4087-9eda-a077331dc526" alt=""><figcaption></figcaption></figure>

If you do not receive the confirmation email, Please be patient as sometimes there can be a delay. Click on "Resend email" to receive another confirmation email if needed. If you are still not receiving your confirmation email, please email <team@synode.ai> for direct help.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fhb2Fl4Hf7IwymE369PAa%2Fimage.png?alt=media&amp;token=b138ad24-0058-4d80-945b-3ee577f04938" alt=""><figcaption></figcaption></figure>

Once you confirm that the email you provided is yours, the web page will take you to a page saying that your email has been verified and can proceed to our log in page. To get to our log in page, click "Continue to Login Page".

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fb79Wv5sU7yURcUH6ltkQ%2Fimage.png?alt=media&amp;token=facc5cd9-37a3-44e4-b9e7-eb79bee066d6" alt=""><figcaption></figcaption></figure>


# How to get Direct Help

## Discord:

Our suggested method for receiving fast assistance is to use our Discord server. Additionally, our Discord is a great place for networking and showcasing your amazing projects. You can join our Discord by clicking the link here. <https://discord.gg/BGn5ZntB>

## Email:

For private inquiries and business related topics. You can send us an email at <team@synode.ai>


# 3D Optimization

Let’s go over how you can make sure your files are ready for the Synode platform.

If you would like to see a video instead. Watch the video here:

{% embed url="<https://www.youtube.com/watch?v=2TX3kL_kzKE>" %}

### Polygon Count

One of the most important things to look out for in your 3D models is the polygon count. The goal should always be to keep the polygon count as low as possible. That's because the more polygons a mesh has, the longer it takes for the software to render and load your models. We recommend to keep your models below 2 million polygons for the best experience.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FEIkMI8EahHApb6GSCrAB%2Fimage.png?alt=media&amp;token=326ad106-1157-43ce-82b7-44b029a9da8f" alt=""><figcaption></figcaption></figure>

### Merging your Vertices

Now that we have the polygon count addressed. Lets continue with other ways to ensure you have a clean 3D file. Starting with merging your vertices. It is recommended to merge your vertices so that there are no polygons that aren't attached to your model. You can check to see if your vertices are merged by selecting your model and moving it around the world space to see if any polygons stay behind. Like we have in this example.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F6k8KuIH6frs0R7Z8k97j%2Fimage.png?alt=media&amp;token=61de72c8-9423-459d-8c4c-23087bd8ebf8" alt=""><figcaption></figcaption></figure>

### Ensure no N-gons

N-gons are polygons that have 5 or more vertices. We don't want these because they can mess with the lighting and textures of your models. Polygons should always be made of Quads, Triangles, or both if necessary.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F99vTX9HqzCYUxJszkvPc%2Fimage.png?alt=media&amp;token=37e93d1a-400f-40f4-b801-ae56f68a94d3" alt=""><figcaption></figcaption></figure>

### Always have proper Normals

Having proper normals is essential, it ensures that the 3D model is being viewed correctly. Each polygon of a 3D model has its own normal that indicates the direction the surface is facing. You want to make sure that each polygon is facing outward. If your normals are facing inward, then your model will become transparent or pitch black.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FeCiMnW595QdGeZBFnSEQ%2Fimage.png?alt=media&amp;token=00b54970-a007-40bf-936b-7ecf58c185dd" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FgVCu67N91YR2loM7XGP3%2Fimage.png?alt=media&amp;token=7a900f93-1f6b-42ad-a8b3-7558f92c4779" alt=""><figcaption></figcaption></figure>

### Delete duplications of models

Having unnecessary duplications in your file will add more polygons which is what we are trying to avoid. Duplications may also cause visual errors such as Z fighting. Z fighting is where two or more meshes are overlapping in the same world position and are fighting to see which one should be in front of the other. Make sure there is no overlapping in your meshes to avoid this happening.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FbtziQNaFO5bXSYZvCxke%2Fimage.png?alt=media&amp;token=2b7ff1c0-f265-4ce7-ad8e-3ada166c7f7d" alt=""><figcaption></figcaption></figure>

### Make sure Pivot point is at the center of each mesh

You should always make sure that the pivot point is centered on all your meshes. If they are off center, controlling your meshes will become more of a hassle since your Transforms, Rotations, and Scales will be effected.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FVYmBeBk9BYeBWXyOG3xZ%2Fimage.png?alt=media&amp;token=efe7a8cb-51e7-4721-bb24-69ebddfa7323" alt=""><figcaption></figcaption></figure>

### Applying Transforms

Now let’s talk about mesh transforms and why you should apply them. When you just finish creating a 3D model, most likely you are going to have your location, rotation and scale set at different values, If we exported our model with these numbers without applying transforms, It will take longer to load on other software and have an increase in file size. You should always have your transforms be set at the default value.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FkpmdIuQBKKbzekrFGq2C%2Fimage.png?alt=media&amp;token=47a1071b-0416-4afd-963a-c3f4971f1e16" alt=""><figcaption></figcaption></figure>

### Delete unnecessary data

During the 3D creation process, your software is constantly saving every change you make and gets stored as data. When your model is finished, this data is no longer necessary as it will add more to your file size.

### Naming of meshes:

Naming your meshes is HIGHLY recommended. That way it’s easier to navigate the hierarchy and select specific meshes.

### Texture Resolution:

You should plan your texture resolution based on how detailed you want your textures to be. If your textures are solid colors, then it would be best to lower the resolution as much as possible. A safe resolution would be 256px. If your textures have details like text. It would be best to leave them as a high resolution. We recommend the max texture scale to work with is 1024x1024 for best results. Keep in mind that the higher the texture resolution is, the longer it takes for software to load and render the pixels on your textures.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fa0aJbwOtyWzdIBs1o5v1%2Fimage.png?alt=media&amp;token=d4695ac0-2f9f-4945-8c91-6a0313876826" alt=""><figcaption></figcaption></figure>


# Billing and Subscription

To see all our plans and its offers, you can view them by clicking [here.](https://synode.ai/pricing)

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F7sbLtla1vIG9BpmANRsr%2Fimage.png?alt=media&amp;token=7cab221d-d005-4ee8-9f85-4dfc8d74bf55" alt=""><figcaption></figcaption></figure>


# File Formats

The Synode platform can house a wide range of file formats. These include:&#x20;

**3D File Formats:**&#x20;

GLB (Recommended)

FBX

**Image Formats:**&#x20;

JPEG&#x20;

PNG&#x20;

SVG


# Scene Orientation/Hot Keys

{% embed url="<https://www.youtube.com/watch?v=QYr2KB0MWsk>" %}

**Pan** — **`right-click`** and drag your mouse cursor.

**Rotate** — **`left-click`** and drag your mouse cursor along the scene canvas.

**Zoom** — **`scroll`** your mouse.

**Quick Zoom** — Hold down **`mouse wheel`** and drag the mouse.

**Play/Stop** — Press **`Space bar`**

**Undo** — Press **`Ctrl + Z`**

**Redo** — Press **`Ctrl + Y`**

**Hide** — Press **`H`**

**Move** — Press **`M`**

**Scale** — Press **`S`**

**Rotate** — Press **`R`**

**Box Select** — Press **`B`**

**Lasso Select** — Press **`L`**

**Save Camera Angle** — Press **`Shift + C`**

**Jump to Camera Angle** — Press **`Shift + J`**

**Skip to Beginning** — Press **`Shift + B`**

**Skip to End** — Press **`Shift + E`**


# Builder Overview

## Overview:

The Synode Builder allows you to design step by step, interactive 3D guides for seamless assembly and configuration of your products.

## Tailored Configurations:

Customize guides to match product specifications, whether it’s for modular setups or complex machinery, we have the tools to fit your needs.

## Enhanced Navigation and Tools:

Effortlessly guide users with intuitive navigation and built-in tool indicators. Reduce confusion and improve user satisfaction.

## Virtual Training Module:

Whether for clients, employees, or partners. Enhance your training process with interactive questions displayed at chosen steps, reinforce safety protocols, and monitor progress in real time.

## Analytics:

Inform product and process engineering teams with user insights they can analyze to re-imagine designs and assemblies for continuous improvement.


# User Interface

The UI can be divided into Three zones: ***Left bar**, **Right bar, Top bar and Timeline***

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F6EesLkz5RcocdCE3VRgB%2FUserInterface2.png?alt=media&amp;token=1edecb92-bca9-4c62-bae7-aadee27ac826" alt=""><figcaption></figcaption></figure>

## <mark style="color:$danger;">**Left Bar:**</mark>

### Mesh List:

The Mesh List contains all the meshes that are in your scene. Selecting a mesh in your scene will highlight your mesh blue in the Mesh List. You also have the option to hide meshes from the Mesh List. Click the "eye" logo next to the selected mesh to toggle the visibility.

### Mesh Properties:

Here is where you can manually edit your mesh in your scene. You can control the Transforms, Rotation, and Scale. Insert numerical values to achieve different results. If you want something to move in a positive direction leave the number as normal (For example; 50). If you want a mesh to move in the opposite direction, you would add a negative number instead (For example; -50).

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F1hkZKt21CYpZiB5xkVNU%2Fimage.png?alt=media&amp;token=720b7aea-7f5d-4a23-9e23-d792545a2484" alt=""><figcaption></figcaption></figure>

### Focus Selection:

If you are looking for a specific mesh in your scene, you can click the mesh in your scene and click "Focus Selection" and it will take you to that mesh in the Mesh List and highlight it in blue.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FpNNUJ2l248WMBlheq16g%2Fimage.png?alt=media&amp;token=d5179b68-e3c5-4fae-8753-e6da1863dc5b" alt=""><figcaption></figcaption></figure>

### Show Hidden Only Tab:

The Show Hidden Only Tab contains all the meshes you hid in your scene. To make the meshes appear again, click the closed eye button. Or you can make all meshes appear simultaneously by clicking "Reset Visibility".

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FaYWuH7vm0v0GT1pe0aEv%2Fimage.png?alt=media&amp;token=faf87668-7726-4365-8f3e-526e461de121" alt=""><figcaption></figcaption></figure>

### Reset Visibility:

As mentioned in Hidden Meshes Tab section. To make the all the meshes appear again in your scene, you can click "Reset Visibility" to do so.

## <mark style="color:$danger;">Right Bar:</mark>

### Environment and Highlight Controls:

To see a detailed view on the Environment and Highlight controls, click [here](/builder/environmentcontrols)

## <mark style="color:$danger;">Top Bar:</mark>

### Move Tool:

The Move Tool is used to move meshes around in your scene. Select a mesh or group of meshes first, then you can use the Move Tool.

### Rotate Tool:

The Rotate Tool is used to rotate meshes in your scene. Select a mesh or group of meshes first, then you can use the Rotate Tool.

### Scale Tool:

The Scale Tool is used to Scale meshes larger or smaller in your scene. Select a mesh or group of meshes first, then you can use the Scale Tool.

### Undo Tool:

If you made a mistake and wish to undo that mistake. The Undo tool can make it happen.

### Redo Tool:

If you undo an action but change your mind, click the redo button to get to where you were before undoing your action.

### Box Select Tool:

the Box Select Tool is used to select any mesh that is caught in the box’s parameters. Click and drag to use the Box Select Tool.

### Lasso Select Tool:

The Lasso Tool is used to select multiple objects. The lasso tool is especially useful for selecting objects in specific ways, such as avoiding selecting objects you don't want to be selected. Click and drag to use to Lasso Select Tool.

## <mark style="color:$danger;">Timeline:</mark>

### Adding Keyframes:

To add keyframes in your step. Click the “Add Keyframe button” which is marked in blue.<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FVpNb2i1s6Qiio8bBJBkn%2FAddingKeyframesHelpCenter.gif?alt=media&amp;token=cc85cf0e-2dd0-4e13-9a17-269f09cdfcdf" alt=""><figcaption></figcaption></figure>

### Adding Steps:

To add a different step in your animation. Click the "+" Icon which is always on the left and right side of the step bar.<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FoLFG70fLkcbTMroxnW5s%2Fimage.png?alt=media&amp;token=fe68c969-8d5d-43c6-a6d2-a306cde9e5f6" alt=""><figcaption></figcaption></figure>

### Deleting Steps:

To delete a step simply right click the step you want to delete then click "Delete Step".<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FLr9rY7alumR0l6EvRfCQ%2Fimage.png?alt=media&amp;token=df06504b-57b1-47ba-8709-a5e70ce41e68" alt=""><figcaption></figcaption></figure>

### Save Camera Angle:

Once you found a camera angle that you like on a step/keyframe. You can save that camera angle by clicking the “Save Camera Angle” button.<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F5smljkp9nx8GB74Z5dv5%2Fimage.png?alt=media&amp;token=1b718d78-5f00-4c62-805d-5855266314e8" alt=""><figcaption></figcaption></figure>

### Refresh Camera Position:

If you wish to go back to a certain step and preview its camera angle you saved. Click on the specific Step/Keyframe you want to see. Then Click on the “Refresh Position” button.<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FCUe91bn4FqcQpy4Xltqr%2Fimage.png?alt=media&amp;token=f0270939-b2db-4633-b6a3-a0b698599a15" alt=""><figcaption></figcaption></figure>

### Rearrange Steps:

If you want to rearrange steps, you can simply drag the desired tabs around until you get your desired step order.<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FpfsTJuimeIpD8LRjubUK%2Fimage.png?alt=media&amp;token=8706dcd5-ab4a-4bc1-a57d-2662ec12225f" alt=""><figcaption></figcaption></figure>

### Play Button:

To play your animation, click the triangle looking button in the middle of the timeline.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FPEjYMpjz68N4Fd0lX9l4%2Fimage.png?alt=media&amp;token=841696e9-aa4f-4f44-a7e7-b05f0b9a6c8b" alt=""><figcaption></figcaption></figure>

### Skip to First and Last Step:

To immediately jump to the first step in your animation, click the “Jump to first step button”. The logo looks like an arrow that points towards to first step. To immediately jump to the last step in your animation, click the “Jump to last step button”. The logo looks like an arrow that points towards to last step.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FjiVlVyLsSDdRRWFZnyY9%2Fimage.png?alt=media&amp;token=1859129b-7a03-4584-803a-ffba856beca6" alt=""><figcaption></figcaption></figure>


# Post Production

## Preview:

To see your finished animation from a client/customers perspective. Click the "Preview" button located in the top right of the screen.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FvC6VgOO8qsmkeA1Geq2f%2Fimage.png?alt=media&amp;token=cb03dc4b-c16e-4838-bb6c-f054ed8ed85e" alt=""><figcaption></figcaption></figure>

## Saving:

You can save your project by clicking "Save" which is located at the top right of the screen. Its a good idea to save every so often. We recommend you save every 5 mins.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FCIh4MeYdSxQvQigpeTTU%2Fimage.png?alt=media&amp;token=a534fd0b-baa5-41d6-a12d-34be275dadea" alt=""><figcaption></figcaption></figure>

## Publish:

When your project is finished and is ready to be released to the public. Click "Publish" which is located on the top right of the screen.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FuOW4xZes9F7gzg2YLEzn%2Fimage.png?alt=media&amp;token=f37faef9-d08b-4ce6-8d43-71ae400175cb" alt=""><figcaption></figcaption></figure>


# Sharing your Project

## Publish:

When your project is finished and is ready to be released to the public. Click "Publish" which is located on the top right of the screen.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FAZQAIEQ4zSB3wYhv6fZ0%2Fimage%20(4).png?alt=media&amp;token=65c387fd-dedf-4549-824a-98e2514d92ab" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F9AcQgqWNn4vImwHVrYyT%2Fimage%20(5).png?alt=media&amp;token=96032316-5e48-4495-9d9d-0a592ac19dd7" alt=""><figcaption></figcaption></figure>

## Share:

To get to the Sharing section, first click on the Synode logo located on top left of the Builder. Then click "Sharing"

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FvS1PC5BFQn7uxpo14AgC%2Fimage%20(6).png?alt=media&amp;token=6eaecb54-d2b6-40be-9d68-1ea6d859fa1e" alt=""><figcaption></figcaption></figure>

Once you have clicked "sharing", you can now preview your options to share. Sharing options include QR Code, URL links, and Embedding Code.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FtN7TtvUlQs2TpK4YEIi8%2Fimage%20(7).png?alt=media&amp;token=4462586e-e5ef-4618-939c-d76387420fcf" alt=""><figcaption></figcaption></figure>


# Environment Controls

If you would like to see a video covering the Mesh Highlights and Opacity. You can watch it here:

{% embed url="<https://www.youtube.com/watch?v=Bccn6fNpHEk>" %}

With the new highlight mesh feature, you'll be able to show specific meshes better during steps.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FeL2BIu7s7PXkVSAd8NPP%2F6894fd8858d39146176381.gif?alt=media&amp;token=bd8b8b3d-805c-4884-9d62-fc926f016c04" alt=""><figcaption></figcaption></figure>

## Adding Highlights:

To add highlights to your mesh, click on the mesh/meshes you want to highlight. Then click the "Highlight" tab which is located in the object properties. Then click “Highlight Selection”.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FnMLTxdc6YTNfOcbYx6gM%2Fimage.png?alt=media&amp;token=0e47d03e-56a6-4f01-b2b0-8486ccca7f97" alt=""><figcaption></figcaption></figure>

## Highlight Selection:

Here is where we can change the highlight settings. We have the first option which is the Highlight selection. You can check or uncheck the box depending if you want the highlighting on or off.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FcNoT9i9WH676WtMXE1oe%2Fimage.png?alt=media&amp;token=2c4db310-9b2d-4c43-b13a-2fe85490fcad" alt=""><figcaption></figcaption></figure>

## Highlight Color:

We can change the color of the highlight. You can slide the color bar to get different colors, then drag the circle around to get your desired color value. You also have the option to import color codes if your brand has specific colors.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FJyRj5rqSRKyCnaxnL0p6%2Fimage.png?alt=media&amp;token=8f9f78bd-67d7-428e-8c83-480c652efb87" alt=""><figcaption></figcaption></figure>

## Opacity:

You can change the opacity of your meshes in the Synode Builder. Underneath the color bar is where you can change the opacity. Slide the opacity bar to get your desired opacity.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FLZtIwAes7PHKWEvnTqkO%2Fimage.png?alt=media&amp;token=50740dda-e3d1-4e73-80f4-d9cd4acfffdc" alt=""><figcaption></figcaption></figure>

## Flash Highlights:

Flash highlighting draws attention to the viewer from the mesh that is flashing. To enable Flash Highlighting, check the box that says “Flash Highlight”.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FeL2BIu7s7PXkVSAd8NPP%2F6894fd8858d39146176381.gif?alt=media&amp;token=bd8b8b3d-805c-4884-9d62-fc926f016c04" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fmrti7M6iq7JiWEehWucV%2Fimage.png?alt=media&amp;token=1c6888da-6498-4a47-bd4d-803eab9bf046" alt=""><figcaption></figcaption></figure>

## Highlight Duration:

To Control the duration of your Highlights, firstly open the Layers section by clicking "Open Layers"  at the top right of the timeline. You can then drag your highlight anywhere you would like it to end.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fjbqdi6kRgNpQJ2ds4jir%2Fimage.png?alt=media&amp;token=0845b1ff-f369-443c-9ca1-a184678c95e1" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FNcYO7PpyxFmxzs57AwHI%2FNVIDIA_Overlay_wV0WhQa9Vj.gif?alt=media&amp;token=d5601f11-935e-47ec-9f2b-1002201a181a" alt=""><figcaption></figcaption></figure>


# Edit Pivot Point

If you would like to see a full video covering the Edit Pivot Point. You can watch it here:

{% embed url="<https://www.youtube.com/watch?v=a-xrO6PWQjA>" %}

The Edit Pivot Point allows to move the pivot to another location that will effect the movement, scale, and rotation of meshes. Click Confirm when you are finished.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fv1LKy2DevSoN35RwNZQp%2F68bf286029071487256364.gif?alt=media&amp;token=b487fa6e-6412-4666-b3a8-47e4d8581cb2" alt=""><figcaption></figcaption></figure>

To start editing the pivot point, Go to top right of the mesh heirarchy and click the 4 vertical dots. Click Edit pase pose. This brings you to a state where instead of animating, your start editing your mesh.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FOxzt7Mrjq6PScSr9Y7sq%2FNVIDIA_Overlay_7CXFqJWQET.gif?alt=media&amp;token=31bb5dfd-1469-4378-bd5f-b30698e4880e" alt=""><figcaption></figcaption></figure>

Once you click Edit Pivot Point, a small menu will be brought up in the bottom left of the viewport. You are now in a state where you can freely move the pivot point around.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F9fLy9hbfKnUGLf5KCvTn%2Fimage.png?alt=media&amp;token=188f46a3-0136-4af5-9073-73106e43d4f1" alt=""><figcaption></figcaption></figure>

## Snap to Geometry Center:

Clicking the Snap to geometry center button will immediately place the pivot point to the center of the mesh you selected.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FYjcHJM9KHoOjGx6Utmkk%2F68bf2864c6a04177795466.gif?alt=media&amp;token=6b7b74da-22dc-457f-a599-8fd08bc35b4f" alt=""><figcaption></figcaption></figure>

## Position Tabs:

If you have specific values you want the pivot point set on, you can do so by setting your values in the position tabs.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FFOYBSc8c3o5Y9B2dpqJA%2F68bf2866e9994358151009.gif?alt=media&amp;token=69bb4e9d-2073-4262-9575-aa8730d111e1" alt=""><figcaption></figcaption></figure>


# Edit Step Options

In the Edit Step Options, you can input information that correlates with that step such as text.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fx0emQOpeXDlWDyxjwe3s%2Fimage.png?alt=media&amp;token=458c67ac-2026-47e0-a27d-ebaab74e481d" alt=""><figcaption></figcaption></figure>

You can add text in the white box at the center.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FM16OeGy9qYvoACnvPj2D%2Fimage.png?alt=media&amp;token=9388553e-c4ea-4f59-87db-4f1c1c145712" alt=""><figcaption></figcaption></figure>

For the text that you create, you have the options to bold, italics, or hyperlink.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F9umbsr7opHNvwfPG64er%2Fimage.png?alt=media&amp;token=6ac52999-17fe-4d49-af45-5e8df3e3eb1a" alt=""><figcaption></figcaption></figure>

You have 8 languages to choose from. Currently, you have to integrate the different language text manually.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FPEYIxSlCzEIVgEgOFYv9%2Fimage.png?alt=media&amp;token=8b2c0ef2-573d-4fc1-8d0a-c562ef891452" alt=""><figcaption></figcaption></figure>

To listen to the text you created, press “Play Text to Speech”

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FU4vUzKkGxcvlqlOlRYkP%2Fimage.png?alt=media&amp;token=c4835431-6a83-4af4-9fb3-be83fb4efe17" alt=""><figcaption></figcaption></figure>


# Onboarding and Registration

To watch the full video on how to setup Onboarding, watch it here!

{% embed url="<https://www.youtube.com/watch?t=3s&v=0ERTwbP0S4w>" %}

With the new Onboarding features you can give users accurate information such as how long this project will take, the tools needed and people that are needed. To get to the Onboarding menu, go to the top left of the screen and click the Synode logo to drop down the menus. You will then see Onboarding.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F2t5NFWzztZPVt9oVzoKi%2Fimage.png?alt=media&amp;token=e7ef04ee-3c90-4357-a250-5a3c6be0526a" alt=""><figcaption></figcaption></figure>

## Overview:

The Overview gives all the necessary information on your guide such as the name of the Procedure, Product ID, Attach a PDF version of the guide, Image thumbnail, People needed for this project and Time needed for this project.

You can click “Generate Translations” after you have filled out all the info to translate to different languages such as French, Japanese, Dutch, German, Spanish, Swedish, Finnish and Italian.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FQxiYPakA5tHf8irNQzwi%2Fimage.png?alt=media&amp;token=83c59574-e66a-40f5-a81b-0eb467478c23" alt=""><figcaption></figcaption></figure>

## Warnings:

The Warnings are used so at the start of your project users will see the potential risks or hazards associated with using/assembling the product. They help prevent accidents, misuse, or legal liability by communicating safety information. Once users have read the warning, they have to confirm they read it by ticking the box at the bottom. Then they can continue with the instruction.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fw7BWVXn1n8R5ZRFG9KMv%2Fimage.png?alt=media&amp;token=736e1066-6fab-4b42-a8d9-af9c970cf713" alt=""><figcaption></figcaption></figure>

## Tools:

You can add the Tools necessary for this instruction so users are prepared when they're ready to start. Simply click Add tool to start the process. You can click Upload image to add an image thumbnail for that tool. Below the image you can enter the name for the tool. Then below that you can add the quantity for how many of that tool you need.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FPK4t303bIrp6q1fECKQX%2Fimage.png?alt=media&amp;token=09df3e47-3d95-47e4-befd-13ed7d6038d9" alt=""><figcaption></figcaption></figure>

## Product Registration:

With Product Registration, you can allow users to register their product for warranty directly through your products 3D Guide. When users get to the end of your 3D guide, they can choose to register with your product. They must accept the terms and conditions by checking the box.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FdvPzOAWzABZlrjukMtKM%2Fimage.png?alt=media&amp;token=a454e8e3-9408-4300-b851-eec7be428dbd" alt=""><figcaption></figcaption></figure>

## Feedback:

If Feedback is activated, users can rate the experience of your 3d guide on a scale of 1-10. They can also leave a review in the text box below.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FrhXDXM1wUc2yJqGjGfnx%2Fimage.png?alt=media&amp;token=bd3f97fa-7453-49b1-8681-c5e502ac2119" alt=""><figcaption></figcaption></figure>


# Scene Tree Editing

To see a video breakdown on how to use the Scene Tree Editing features, watch it here:

{% embed url="<https://www.youtube.com/watch?v=vAaK6DhpMmo>" %}

## Edit Base Pose:

Before you can start editing your mesh heirarchy, First go to the top right of the mesh heirarchy and click the 3 vertical dots. Then click "Edit base pose".

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fa2KCCl2A24zfE0LrUgAZ%2FNVIDIA_Overlay_7CXFqJWQET.gif?alt=media&amp;token=baaae65d-a5eb-4e6a-89e3-81ac31a0b246" alt=""><figcaption></figcaption></figure>

## Rename:

With rename, you can change the names of your meshes and groups.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F8lMmpcH60yX8dNDmOX4q%2Fimage.png?alt=media&amp;token=e1c6d27f-40ed-4b73-9961-d4e935222318" alt=""><figcaption></figcaption></figure>

## Add Empty Folder:

With Add Empty Folder, you can add an empty group folder below the mesh or group you have selected. So any mesh we drag in to this folder will be apart of the mesh or group you previously selected.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FtCbLCG9KpJlaMGTpujtw%2Fimage.png?alt=media&amp;token=4b0bd0cb-55c7-4fab-8a4c-b5571f717833" alt=""><figcaption></figcaption></figure>

## Group Meshes:

You can now directly group meshes together in the Builder. simply shift click meshes in the scene tree or viewport, then right click and select group.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FL8dhfzhsd8kYSjF8WWJz%2F696eb06b20bc1271973808.gif?alt=media&amp;token=681b67c4-f458-4ce8-8090-54a0db439aaf" alt=""><figcaption></figcaption></figure>

## Ungroup:

You can ungroup your group into individual meshes.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FHzSyT8RkLQUf25W3EmI4%2F696eb06d893aa500007096.gif?alt=media&amp;token=851e1df6-47a2-4092-a886-56de4f369543" alt=""><figcaption></figcaption></figure>

## Show/Hide:

You now have another option to hide and reveal meshes by clicking Show/Hide when you select multiple meshes.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FJ8KVaMxiKcNw6qN883vg%2F696eb06fe5f9f952639203.gif?alt=media&amp;token=7b56999b-cb20-4ac1-b1c3-2950ae9b1936" alt=""><figcaption></figcaption></figure>

## Reset Transforms:

By clicking Reset Transforms you reset your Transforms, scale and rotation to its original position. This is useful if you want to animate meshes going back into place instead of doing it manually.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FYA5M4NtbDhyD7aFb12Cq%2F696eb0729ea6e497384413.gif?alt=media&amp;token=114a4d1c-0797-4007-80bd-a5b0a5451003" alt=""><figcaption></figcaption></figure>

## Duplicate:

You can now duplicate meshes by clicking Duplicate.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FzZZWU9dpxMKVTLS4WoKu%2F696eb07561c7a962570703.gif?alt=media&amp;token=33b38280-dccf-43e6-9c47-1511032b660c" alt=""><figcaption></figcaption></figure>

## Delete:

You can delete meshes from your scene. You can redo if you change your mind but once you exit the project you cannot bring it back. So be extra sure whatever you want to be deleted isn't needed.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FHDOzaB8piQoqdmO3Jahb%2F696eb07818eb0121275200.gif?alt=media&amp;token=bddee4ec-cd38-4e33-a59b-2712f17143b4" alt=""><figcaption></figcaption></figure>

## Restore All Visibility:

You can restore the visibility of all meshes by clicking Restore All Visibility.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FO2mF2QlMYqLmF1bh7PlA%2F696eb07ac8b7d340756135.gif?alt=media&amp;token=1b2ace4b-c78f-4dfa-b876-fc350db78140" alt=""><figcaption></figcaption></figure>

## Restore Model Transforms:

Restore Model Transforms act the same way as the Reset Transforms we mentioned earlier. Except with Restore Model Transforms, it resets the entire model instead of a singular mesh.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F2fOsy5BioIQU18AwpEY5%2F696eb07ce0d95618395519.gif?alt=media&amp;token=1f63787a-f70e-4f1a-ad4c-295a9e3bcb20" alt=""><figcaption></figcaption></figure>

## Save as Bind Pose:

With the Save as Base Pose. This sets the model into it default state. If I were to move some meshes around then click “Save as Bind Pose”. Move some meshes again then click “Restore Model Transforms”. It now goes back to our bind pose we just saved.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FF9MpMY1m52Nhb3pMTVoj%2F696eb07f6422c776009352.gif?alt=media&amp;token=da13d6b8-66a4-414e-8a9b-256fe8471996" alt=""><figcaption></figcaption></figure>


# Hotspots in Synode Builder

Hotspots help guide users to important parts of a 3D model. They can be placed freely in the scene or attached to a specific model component.

In the Builder, hotspots can be connected to Callouts to display additional information, images, instructions, links, or other supporting content when selected.

{% embed url="<https://youtu.be/YBuzMNXC4eY>" %}

***

### Add Hotspots: "World & Tie to Mesh"

1. Open Hotspots from the toolbar on the left side of the Builder and Click on "Add Hotspot".

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FdkYdjwbHXTaE6SFGT67V%2FAdd%20Hotspot.gif?alt=media&amp;token=227c7910-58b8-48db-99a3-16031315a33d" alt=""><figcaption></figcaption></figure>

2. When adding a hotspot, you have two options:&#x20;

**World** lets you freely control the position of your hotspot in the scene.

Use the transform controls in the viewport or enter the X, Y, and Z coordinates to adjust its position precisely.

Because the hotspot is positioned in world space, it is not attached to a specific mesh and will not automatically follow a component if that component is moved or animated.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FUWMlmq3gCV4XKAG0akYg%2FWorld.gif?alt=media&amp;token=40dd8e2d-1873-4fa4-9833-cd32cb8902dc" alt=""><figcaption></figcaption></figure>

**Tie to Mesh** allows you to attach the hotspot directly to a specific mesh.

Click the desired location directly on the mesh in the viewport. The selected mesh name will appear under **Location**.

Once attached, the hotspot remains associated with that mesh and follows it when the mesh is moved or animated.

To attach the hotspot to a different mesh, click **Pick Mesh**, then select a new location on the desired mesh.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F5FwsWhCp56cJ3Cbli9dR%2FTie%20to%20mesh.gif?alt=media&amp;token=11820718-e4f2-4d00-8a51-6d5256715524" alt=""><figcaption></figcaption></figure>

3. The new hotspot appears in the Hotspots list and in the 3D scene.
4. Select the hotspot from the list or directly in the viewport to edit its properties.

***

### Rename and Remove a Hotspot

To rename a hotspot, simply select your Hotspots, then, go to the label section under Hotspot Properties and enter a new name.

Use a clear and descriptive name to make the hotspot easier to identify.

To remove a hotspot, click the X icon beside its name in the Hotspots panel.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FuY6hDXptP01YAoDqriD6%2FRename%20%26%20Remove%20a%20Hotspot.gif?alt=media&amp;token=b4fc133e-32b9-4dce-a4c0-578a883bc5f1" alt=""><figcaption></figcaption></figure>

***

### Global Appearance

The Global Appearance section controls how hotspots and their connecting lines are displayed.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FDsIosgcbRUPZG3nv2NBK%2Fimage.png?alt=media&amp;token=9ba3a622-0361-48d6-b6eb-6c84de586f43" alt=""><figcaption></figcaption></figure>

#### Size

Controls the displayed size of the hotspot.

Increase or decrease the value depending on how prominent the hotspot should appear.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F5gw8W6s1WmZgRIECM4SQ%2Fimage.png?alt=media&amp;token=1dc92651-f55d-4d24-a8c9-6e7b6f7ab9e2" alt=""><figcaption></figcaption></figure>

#### Color

Controls the hotspot color.

Choose a color that remains clearly visible against the model and scene background.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FZHJMZ25fEypImTNOwm2E%2Fimage.png?alt=media&amp;token=d127004b-0d45-4109-9e2b-3721c729f08c" alt=""><figcaption></figcaption></figure>

#### Draw Line to Callout

Displays a line between the hotspot and its assigned callout.

Enable this option when you want to visually show which part of the model the callout is associated with.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FhyOmAWiCWCsZMn1Wc1WC%2Fimage.png?alt=media&amp;token=54f9dba4-a273-46a7-b94d-6876782c35bf" alt=""><figcaption></figcaption></figure>

#### Callout Line Color

Controls the color of the line connecting the hotspot to the callout.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F9jXJtylPkw6FmpANKqvw%2Fimage.png?alt=media&amp;token=cd22d82b-0c5a-4699-98ca-a8e2bd641044" alt=""><figcaption></figcaption></figure>

#### Callout Line Width

Controls the thickness of the connecting line.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FH4T6RQIY21VrP3fK4Foo%2Fimage.png?alt=media&amp;token=fb75c975-8297-45fe-a069-f97beed49748" alt=""><figcaption></figcaption></figure>

***

### Hotspot Properties

Select a hotspot to display its settings under Hotspot Properties on the right side of the Builder.

These settings control the hotspot location, label, action, assigned callout, and camera behavior.

***

### Label

Use the Label section to name or rename your hotspots.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F8kOHWDJl8zMQsD0a9zOI%2Fimage.png?alt=media&amp;token=20b9a2a1-67a4-4888-a670-e6ffc6c332d4" alt=""><figcaption></figcaption></figure>

***

### Actions

The Actions section controls what happens when a user selects the hotspot.

Select Callout from the Select Action menu when the hotspot should display contextual information.

Under Callout Properties, open Select Callout and choose the callout you want to connect to the hotspot.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FztrbGdhxUjxWotauDJCS%2Fimage.png?alt=media&amp;token=6c12732b-d866-480d-8018-8c198a15ec82" alt=""><figcaption></figcaption></figure>

***

### Callout Properties&#xD;

Click Edit Callout to open the Callouts panel for the callout currently assigned to the hotspot.

From the Callouts panel, you can edit the selected callout's content and properties, select another existing callout, or create a new callout.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FkTXmPsbChiHdLU52y1c8%2Fimage.png?alt=media&amp;token=73c1247c-053a-4686-be88-eca7a61ecb75" alt=""><figcaption></figcaption></figure>

***

### Custom Camera Angle

Enable Custom Camera Angle when you want the viewer to move to a specific camera view when the hotspot is selected.

Position the camera at the desired angle, then click Set Camera Position to save that view.

The saved camera position can help focus the viewer on the relevant component when the hotspot is selected.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FJ3JB2ncdPYdmBECIvNE3%2Fimage.png?alt=media&amp;token=1d74019c-cf1f-4e6d-a61d-33c39c512cc2" alt=""><figcaption></figcaption></figure>


# Callouts in Synode Builder

Callouts are customizable information panels that can be displayed in the 3D scene. They can contain text, dividers, images, and buttons to provide additional information, instructions, images, or external links.

Callouts can also be connected to hotspots so that the callout appears when the user selects the assigned hotspot.

{% embed url="<https://youtu.be/iGZu2_33EEQ>" %}

***

### Add a Callout

Open the Callouts panel from the toolbar on the left side of the Builder.

Click Add Callout to create a new callout.

The new callout appears in the Callouts list and is displayed in the 3D scene.

Select the callout from the list to edit its properties.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F3J3AgFKDb6MfyY5RFdHl%2FAdd%20Callout.gif?alt=media&amp;token=6b093676-9162-43c2-9bc3-ce444306a3b6" alt=""><figcaption></figcaption></figure>

***

### Rename and Remove a Callout

To rename a callout, double-click its name in the Callouts panel and enter a new name.

Use a clear and descriptive name to make the callout easier to identify, especially when assigning it to a hotspot.

To remove a callout, click the X icon beside its name.

Make sure the callout is no longer needed before removing it.

<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fz2hZyKIFu0e6KOhXKpSY%2FRename%20%26%20remove%20Callout.gif?alt=media&amp;token=401536c0-1192-4c20-ae6a-8555e3cdcee4" alt=""><figcaption></figcaption></figure>

***

### Global Appearance

The Global Appearance section controls the overall appearance and spacing of the selected callout.

Changes made in this section apply to the callout itself rather than to an individual content item.

Fill controls the background color of the callout.

Border controls the color of the callout border.

Border Width controls the thickness of the border.

Corner Radius controls how rounded the corners of the callout appear.

Padding controls the space between the callout border and its content.

Margin controls the spacing around the callout within its display area.

Spacing controls the amount of space between content items inside the callout.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FioPnwUpXobAHsV1rrlju%2Fimage.png?alt=media&amp;token=3828bede-4c21-4060-803d-ee30e0d03546" alt=""><figcaption></figcaption></figure>

***

### Callout Properties

Select a callout from the Callouts list to display its settings under Callout Properties panel.

#### Location

Use Location to choose where the callout appears in the viewer.

Available locations include:

* Top Left
* Top Right
* Bottom Left
* Bottom Right

Changing the location moves the callout to the selected corner of the viewer.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fb18UjXHE4JQSCcIyI3lk%2Fimage.png?alt=media&amp;token=937e2281-8c47-4656-aa4e-71e2a1b9f92c" alt=""><figcaption></figcaption></figure>

#### Size

Use Width and Height under Size to control the dimensions of the callout.

Increase or decrease these values based on the amount and type of content displayed inside the callout.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fepc8eYnqo3tUeEIjoAUo%2Fimage.png?alt=media&amp;token=1ef623cb-a96b-4293-8804-607388b57d9d" alt=""><figcaption></figcaption></figure>

#### Contents

The Contents section determines what appears inside the callout.

Click + Add and select one of the available content types:

Text

Divider

Image

Button\
\
Iframe

Each added item appears in the Contents list.

Select an item from the list to edit its settings under Content Properties.

You can also change the order of the content displayed inside the callout by dragging content items in the Contents list to rearrange how they appear.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FuKo95TYBO05jZnK82eR7%2Fimage.png?alt=media&amp;token=4493cf88-64f0-43f9-8775-a32649a4a62d" alt=""><figcaption></figcaption></figure>

***

### Content Properties

The Content Properties section displays the settings for the content item currently selected in the Contents list. \
The available settings change depending on the selected content type.

#### Text

Select Text from the + Add menu to add written information to the callout.

Enter the text you want to display, then use the available formatting options to customize its appearance.

Available options include:

* Bold
* Italic
* Underline
* Text Color
* Font Size
* Line Height

Text can be used for titles, descriptions, instructions, specifications, or other information.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FttCnYy239jBha2tdnkNz%2Fimage.png?alt=media&amp;token=39e07508-360e-4b34-99de-e2a800fef7ef" alt=""><figcaption></figcaption></figure>

#### Divider

Select Divider from the + Add menu to add a horizontal line between content items.

A divider can be used to visually separate different sections of information inside the callout.

Under Content Properties, you can adjust:

* Height
* Color

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FkhlJfD2ryaCAtx4uiqxs%2Fimage.png?alt=media&amp;token=e50ee14b-795f-4b22-95f4-8602c221cecb" alt=""><figcaption></figcaption></figure>

#### Image

Select Image from the + Add menu to add an image to the callout.

Under Content Properties, click Select Image and choose the image you want to display.

Use Corner Radius to adjust the roundness of the image corners.

Images can be used to display diagrams, product details, instructions, or reference images related to the selected component.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F95ugzvBuV0g7gvAGjfQ6%2Fimage.png?alt=media&amp;token=d213cb4b-eb8e-4764-94d6-6982add9921a" alt=""><figcaption></figcaption></figure>

#### Button

Select Button from the + Add menu to add a clickable button to the callout.

Under Content Properties, you can configure:

* Label – The text displayed on the button.
* Link – The destination opened when the button is selected.
* Fill Color – The background color of the button.
* Text Color – The color of the button text.
* Border Color – The color of the button border.
* Border Width – The thickness of the button border.
* Corner Radius – The roundness of the button corners.

Buttons can be used to direct users to additional documentation, websites, videos, or other resources.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FF0v17onsptxzHETZz6Z7%2Fimage.png?alt=media&amp;token=d5e92e01-aee8-4b88-92f5-e0ab86529f9a" alt=""><figcaption></figcaption></figure>

#### iFrame&#xD;

Use IFrame to embed web-based content directly in the Callout.

Enter the source URL under Content Properties. The website or application must allow iframe embedding for the content to display correctly.<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fi4C64HG0kqYSHIaxFlY3%2Fimage.png?alt=media&amp;token=af7a150c-0335-4e14-b35c-6e87db167902" alt=""><figcaption></figcaption></figure>


# Visualizer Overview

## Overview:

To see a detailed overview video on the Visualizer, you can watch it here.

{% embed url="<https://youtu.be/nVNPc9uSsmo?si=caIpArR6V-yETpsh>" %}


# Hotspots in Synode Visualizer

Hotspots help guide users to important parts of a 3D model. They can be placed freely in the scene or attached to a specific model component.

In the Visualizer, hotspots can be connected to Callouts to display additional information, images, instructions, links, or other supporting content when selected.

***

### Add Hotspots: "World & Tie to Mesh"

1. Open Hotspots from the toolbar on the left side of the Builder and Click on "Add Hotspot".

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FdkYdjwbHXTaE6SFGT67V%2FAdd%20Hotspot.gif?alt=media&amp;token=227c7910-58b8-48db-99a3-16031315a33d" alt=""><figcaption></figcaption></figure>

2. When adding a hotspot, you have two options:&#x20;

**World** lets you freely control the position of your hotspot in the scene.

Use the transform controls in the viewport or enter the X, Y, and Z coordinates to adjust its position precisely.

Because the hotspot is positioned in world space, it is not attached to a specific mesh and will not automatically follow a component if that component is moved or animated.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FUWMlmq3gCV4XKAG0akYg%2FWorld.gif?alt=media&amp;token=40dd8e2d-1873-4fa4-9833-cd32cb8902dc" alt=""><figcaption></figcaption></figure>

**Tie to Mesh** allows you to attach the hotspot directly to a specific mesh.

Click the desired location directly on the mesh in the viewport. The selected mesh name will appear under **Location**.

Once attached, the hotspot remains associated with that mesh and follows it when the mesh is moved or animated.

To attach the hotspot to a different mesh, click **Pick Mesh**, then select a new location on the desired mesh.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F5FwsWhCp56cJ3Cbli9dR%2FTie%20to%20mesh.gif?alt=media&amp;token=11820718-e4f2-4d00-8a51-6d5256715524" alt=""><figcaption></figcaption></figure>

3. The new hotspot appears in the Hotspots list and in the 3D scene.
4. Select the hotspot from the list or directly in the viewport to edit its properties.

***

### Rename and Remove a Hotspot

To rename a hotspot, simply select your Hotspots, then, go to the label section under Hotspot Properties and enter a new name.

Use a clear and descriptive name to make the hotspot easier to identify.

To remove a hotspot, click the X icon beside its name in the Hotspots panel.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FuY6hDXptP01YAoDqriD6%2FRename%20%26%20Remove%20a%20Hotspot.gif?alt=media&amp;token=b4fc133e-32b9-4dce-a4c0-578a883bc5f1" alt=""><figcaption></figcaption></figure>

***

### Global Appearance

The Global Appearance section controls how hotspots and their connecting lines are displayed.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FDsIosgcbRUPZG3nv2NBK%2Fimage.png?alt=media&amp;token=9ba3a622-0361-48d6-b6eb-6c84de586f43" alt=""><figcaption></figcaption></figure>

#### Size

Controls the displayed size of the hotspot.

Increase or decrease the value depending on how prominent the hotspot should appear.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F5gw8W6s1WmZgRIECM4SQ%2Fimage.png?alt=media&amp;token=1dc92651-f55d-4d24-a8c9-6e7b6f7ab9e2" alt=""><figcaption></figcaption></figure>

#### Color

Controls the hotspot color.

Choose a color that remains clearly visible against the model and scene background.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FZHJMZ25fEypImTNOwm2E%2Fimage.png?alt=media&amp;token=d127004b-0d45-4109-9e2b-3721c729f08c" alt=""><figcaption></figcaption></figure>

#### Draw Line to Callout

Displays a line between the hotspot and its assigned callout.

Enable this option when you want to visually show which part of the model the callout is associated with.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FhyOmAWiCWCsZMn1Wc1WC%2Fimage.png?alt=media&amp;token=54f9dba4-a273-46a7-b94d-6876782c35bf" alt=""><figcaption></figcaption></figure>

#### Callout Line Color

Controls the color of the line connecting the hotspot to the callout.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F9jXJtylPkw6FmpANKqvw%2Fimage.png?alt=media&amp;token=cd22d82b-0c5a-4699-98ca-a8e2bd641044" alt=""><figcaption></figcaption></figure>

#### Callout Line Width

Controls the thickness of the connecting line.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FH4T6RQIY21VrP3fK4Foo%2Fimage.png?alt=media&amp;token=fb75c975-8297-45fe-a069-f97beed49748" alt=""><figcaption></figcaption></figure>

***

### Hotspot Properties

Select a hotspot to display its settings under Hotspot Properties on the right side panel.

These settings control the hotspot location, label, action, assigned callout, and camera behavior.

***

### Label

Use the Label section to name or rename your hotspots.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F8kOHWDJl8zMQsD0a9zOI%2Fimage.png?alt=media&amp;token=20b9a2a1-67a4-4888-a670-e6ffc6c332d4" alt=""><figcaption></figcaption></figure>

***

### Actions

The Actions section controls what happens when a user selects the hotspot.

Two actions are available in the Visualizer:

#### Callout

Select Callout when the hotspot should display contextual information.

Under Callout Properties, open Select Callout and choose the callout you want to connect to the hotspot.

#### Stage

Select Stage when the hotspot should navigate to another Stage within the same Visualizer project.

Choose the destination Stage from the available options.

When the hotspot is selected, the Visualizer opens the assigned Stage, allowing users to continue exploring another part or level of the 3D experience.<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FztrbGdhxUjxWotauDJCS%2Fimage.png?alt=media&amp;token=6c12732b-d866-480d-8018-8c198a15ec82" alt=""><figcaption></figcaption></figure>

***

### Callout Properties&#xD;

Click Edit Callout to open the Callouts panel for the callout currently assigned to the hotspot.

From the Callouts panel, you can edit the selected callout's content and properties, select another existing callout, or create a new callout.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FkTXmPsbChiHdLU52y1c8%2Fimage.png?alt=media&amp;token=73c1247c-053a-4686-be88-eca7a61ecb75" alt=""><figcaption></figcaption></figure>

***

### Custom Camera Angle

Enable Custom Camera Angle when you want the viewer to move to a specific camera view when the hotspot is selected.

Position the camera at the desired angle, then click Set Camera Position to save that view.

The saved camera position can help focus the viewer on the relevant component when the hotspot is selected.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FJ3JB2ncdPYdmBECIvNE3%2Fimage.png?alt=media&amp;token=1d74019c-cf1f-4e6d-a61d-33c39c512cc2" alt=""><figcaption></figcaption></figure>


# Callouts in Synode Visualizer

Callouts are customizable information panels that can be displayed in the 3D scene. They can contain text, dividers, images, and buttons to provide additional information, instructions, images, or external links.

Callouts can also be connected to hotspots so that the callout appears when the user selects the assigned hotspot.

***

### Add a Callout

Open the Callouts panel from the toolbar on the left side of the Visualizer.

Click Add Callout to create a new callout.

The new callout appears in the Callouts list and is displayed in the 3D scene.

Select the callout from the list to edit its properties.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F3J3AgFKDb6MfyY5RFdHl%2FAdd%20Callout.gif?alt=media&amp;token=6b093676-9162-43c2-9bc3-ce444306a3b6" alt=""><figcaption></figcaption></figure>

***

### Rename and Remove a Callout

To rename a callout, double-click its name in the Callouts panel and enter a new name.

Use a clear and descriptive name to make the callout easier to identify, especially when assigning it to a hotspot.

To remove a callout, click the X icon beside its name.

Make sure the callout is no longer needed before removing it.

<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fz2hZyKIFu0e6KOhXKpSY%2FRename%20%26%20remove%20Callout.gif?alt=media&amp;token=401536c0-1192-4c20-ae6a-8555e3cdcee4" alt=""><figcaption></figcaption></figure>

***

### Global Appearance

The Global Appearance section controls the overall appearance and spacing of the selected callout.

Changes made in this section apply to the callout itself rather than to an individual content item.

Fill controls the background color of the callout.

Border controls the color of the callout border.

Border Width controls the thickness of the border.

Corner Radius controls how rounded the corners of the callout appear.

Padding controls the space between the callout border and its content.

Margin controls the spacing around the callout within its display area.

Spacing controls the amount of space between content items inside the callout.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FioPnwUpXobAHsV1rrlju%2Fimage.png?alt=media&amp;token=3828bede-4c21-4060-803d-ee30e0d03546" alt=""><figcaption></figcaption></figure>

***

### Callout Properties

Select a callout from the Callouts list to display its settings under Callout Properties panel.

#### Location

Use Location to choose where the callout appears in the viewer.

Available locations include:

* Top Left
* Top Right
* Bottom Left
* Bottom Right

Changing the location moves the callout to the selected corner of the viewer.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fb18UjXHE4JQSCcIyI3lk%2Fimage.png?alt=media&amp;token=937e2281-8c47-4656-aa4e-71e2a1b9f92c" alt=""><figcaption></figcaption></figure>

#### Size

Use Width and Height under Size to control the dimensions of the callout.

Increase or decrease these values based on the amount and type of content displayed inside the callout.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fepc8eYnqo3tUeEIjoAUo%2Fimage.png?alt=media&amp;token=1ef623cb-a96b-4293-8804-607388b57d9d" alt=""><figcaption></figcaption></figure>

#### Contents

The Contents section determines what appears inside the callout.

Click + Add and select one of the available content types:

Text

Divider

Image

Button\
\
Iframe

Each added item appears in the Contents list.

Select an item from the list to edit its settings under Content Properties.

You can also change the order of the content displayed inside the callout by dragging content items in the Contents list to rearrange how they appear.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FuKo95TYBO05jZnK82eR7%2Fimage.png?alt=media&amp;token=4493cf88-64f0-43f9-8775-a32649a4a62d" alt=""><figcaption></figcaption></figure>

***

### Content Properties

The Content Properties section displays the settings for the content item currently selected in the Contents list. \
The available settings change depending on the selected content type.

#### Text

Select Text from the + Add menu to add written information to the callout.

Enter the text you want to display, then use the available formatting options to customize its appearance.

Available options include:

* Bold
* Italic
* Underline
* Text Color
* Font Size
* Line Height

Text can be used for titles, descriptions, instructions, specifications, or other information.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FttCnYy239jBha2tdnkNz%2Fimage.png?alt=media&amp;token=39e07508-360e-4b34-99de-e2a800fef7ef" alt=""><figcaption></figcaption></figure>

#### Divider

Select Divider from the + Add menu to add a horizontal line between content items.

A divider can be used to visually separate different sections of information inside the callout.

Under Content Properties, you can adjust:

* Height
* Color

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FkhlJfD2ryaCAtx4uiqxs%2Fimage.png?alt=media&amp;token=e50ee14b-795f-4b22-95f4-8602c221cecb" alt=""><figcaption></figcaption></figure>

#### Image

Select Image from the + Add menu to add an image to the callout.

Under Content Properties, click Select Image and choose the image you want to display.

Use Corner Radius to adjust the roundness of the image corners.

Images can be used to display diagrams, product details, instructions, or reference images related to the selected component.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F95ugzvBuV0g7gvAGjfQ6%2Fimage.png?alt=media&amp;token=d213cb4b-eb8e-4764-94d6-6982add9921a" alt=""><figcaption></figcaption></figure>

#### Button

Select Button from the + Add menu to add a clickable button to the callout.

Under Content Properties, you can configure:

* Label – The text displayed on the button.
* Link – The destination opened when the button is selected.
* Fill Color – The background color of the button.
* Text Color – The color of the button text.
* Border Color – The color of the button border.
* Border Width – The thickness of the button border.
* Corner Radius – The roundness of the button corners.

Buttons can be used to direct users to additional documentation, websites, videos, or other resources.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FF0v17onsptxzHETZz6Z7%2Fimage.png?alt=media&amp;token=d5e92e01-aee8-4b88-92f5-e0ab86529f9a" alt=""><figcaption></figcaption></figure>

#### iFrame&#xD;

Use IFrame to embed web-based content directly in the Callout.

Enter the source URL under Content Properties. The website or application must allow iframe embedding for the content to display correctly.<br>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fi4C64HG0kqYSHIaxFlY3%2Fimage.png?alt=media&amp;token=af7a150c-0335-4e14-b35c-6e87db167902" alt=""><figcaption></figcaption></figure>


# Stages in Synode Visualizer

Stages are a core structural component of the Synode Visualizer, allowing 3D content to be organized into distinct presentation and interaction contexts within the same Visualizer project.

Each Stage can define how 3D content is presented, including the spatial arrangement of objects and the camera view. By using multiple Stages, content can be structured across different areas, states, viewpoints, or levels of detail while remaining part of a continuous Visualizer experience.

Stages are displayed as thumbnails in the Stage bar at the bottom of the Editor.

***

### Create a New Stage

To create a new Stage:

1. Select New Stage from the Stage bar. A new Stage will be added to the Visualizer and displayed as a thumbnail.
2. Select the new Stage to begin configuring its content.
3. Adjust the 3D content and camera view as needed.
4. Use the Stage controls to update the camera and object positions.

Each Stage can be configured independently, allowing the same Visualizer to present 3D content in different spatial contexts or states.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fpsw5IDG5hRM7tZDCTemc%2Fimage.png?alt=media&amp;token=c2edb31e-6a0f-4444-8944-4d4131d94a1f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FyPkquNfoYMYHeNWYOUvs%2Fnew%20stage_compressed.gif?alt=media&amp;token=1daefc84-9383-4544-978e-8a0d8b8959af" alt=""><figcaption></figcaption></figure>

***

### Configure a Stage

After creating a Stage, configure how the 3D content should be presented within that Stage.

The primary Stage configuration controls include Set Camera and Refresh Position.

#### Set Camera

Set Camera assigns the current camera view to the selected Stage.

To set the camera:

1. Select the Stage you want to edit.
2. Navigate within the 3D Viewer to adjust the viewpoint.
3. Pan, rotate, or zoom until the desired view is reached.
4. Select Set Camera.

The current view will be saved as the camera view for that Stage.

Setting a dedicated camera view for each Stage provides control over how the 3D content is presented when users navigate to that Stage.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fhueg0UqKPhdxXpCzovRa%2Fimage.png?alt=media&amp;token=bd2f7f8c-bc96-4fb4-9218-9eec8aa000f4" alt=""><figcaption></figcaption></figure>

#### Refresh Position

Refresh Position returns the camera to the most recently saved view for the selected Stage.

If the camera has been moved, rotated, or zoomed after using Set Camera, select Refresh Position to return to the saved camera view.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FXfWJjbhk5nc2fPA7fUSL%2Fimage.png?alt=media&amp;token=4b94ff04-a4e9-453e-8a19-9249f683a3cd" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fm58cn5ZiVVhcOTvWpVm4%2Fset-ref.gif?alt=media&amp;token=d86145ae-418b-4ca2-b18b-6d0f445b02e1" alt=""><figcaption></figcaption></figure>

***

### Manage Stages

Stage management options can be accessed directly from the Stage bar.

Right-click a Stage thumbnail to open the Stage action menu.

The available actions include Make Main Stage, Rename, Duplicate, and Delete.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F1aErSaQzW1kM2Y9OSBsr%2Fimage.png?alt=media&amp;token=a6344485-ad15-46f3-81ae-c28bbc7f5551" alt=""><figcaption></figcaption></figure>

***

### Navigation between stages

Use the Hotspots you previously configured to navigate between stages.&#x20;

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FpSMOZrsju1PxfFYeU9PD%2Fvn_editor_ZpoWiVfEcl_compressed.gif?alt=media&amp;token=f6a279a9-200e-4876-8d10-d2c9324f55fd" alt=""><figcaption></figcaption></figure>


# Creating a Project

To start a new project, choose the software you would like to start a project in. In this example we are going to be using the Builder.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fkj9Tn68Lj0abDfCdUImu%2Fimage.png?alt=media&amp;token=e7e21f45-016a-45d6-92b2-5aa857b1a7f6" alt=""><figcaption></figcaption></figure>

Once you have clicked "New Project" on your selected software. You will get taken to the project page. Here is where you can fill out the information such as the name of your project, product ID, supporting documents and project photo thumbnail. Once you have filled out your information, Click "Create New Version" to get started.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FIOv2aw1HBPCE6EJB2Rp3%2Fimage.png?alt=media&amp;token=81b1223a-87ea-4f27-be0d-3b7de2d431df" alt=""><figcaption></figcaption></figure>


# Duplicating Projects and Versions

To watch the full video on Duplicating Projects and Versions, watch it here:

{% embed url="<https://www.youtube.com/watch?v=JtTEW9jshkg>" %}

With the new Duplicate Project and Version feature, you'll be able to save your projects as different projects and versions. This is great if you have similar procedures so you can can continue from where you saved.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F8BcnCG8ahjAjCYSb7Vcx%2Fimage.png?alt=media&amp;token=74ef7be1-1be2-4cc3-a0be-d0b411659e81" alt=""><figcaption></figcaption></figure>

## Duplicating Project:

To duplicate your Project, go to the top left of the screen and click the Synode logo. In the dropdown menu you will see “Save as”. Hover over it and then you will see “New Project”.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FjPfs70PmNsRgxvAE8XK4%2Fimage.png?alt=media&amp;token=d1e0dc90-1f19-4fbb-9b4a-9383999c8cfc" alt=""><figcaption></figcaption></figure>

Once you click “New Project” you can change the name of your project. Once done, click “Save”

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FLv9Jull25Kvu04PzwZk1%2Fimage.png?alt=media&amp;token=e742dcc6-238e-41ab-9793-951db3871947" alt=""><figcaption></figcaption></figure>

The duplicated project will show up on your dashboard.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fv1Gc455ldi8IC1Cbyw7I%2Fimage.png?alt=media&amp;token=7565fb54-1336-4cbb-af84-1e0140ca68f7" alt=""><figcaption></figcaption></figure>

## Duplicate version:

Duplicating as a seperate version is the same process as duplicating projects. Instead of your new project being in the dashboard, its now a new version in the same project you duplicated from.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FU2tzgIwNRozZDPxAJvK0%2Fimage.png?alt=media&amp;token=a3f1b430-7d13-4c7b-86e0-01063aba605b" alt=""><figcaption></figcaption></figure>


# Project Information

## Overview:

Here is where you can add/update any information that involves your product such as the Name, Product ID, Supporting Documents, etc. You can edit the Project information at any time.

## Supporting Documents:

If you have any existing documentation for your product such as a PDF assembly instruction you can add them here.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FMhZ4Ii0pZua6jzg0KsMZ%2Fimage.png?alt=media&amp;token=c86f0ee4-6f8e-44b5-a66e-1382a207e957" alt=""><figcaption></figcaption></figure>

## Version History:

In the version history section, you can see what version your project is using, the date it was created, and the current status of your project.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2Fx3g4dbBKl462Ol2Lxr3L%2Fimage.png?alt=media&amp;token=0014afef-26f4-4ab1-b6a6-40d14b8e697d" alt=""><figcaption></figcaption></figure>

You can delete a project version by clicking the 3 dots under "Options" and click Delete Version.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FhuEm2w3G7Br5ab1EtjEQ%2Fimage.png?alt=media&amp;token=c5ed9772-0c30-4d30-b672-f866921afd4b" alt=""><figcaption></figcaption></figure>

## Creating and editing a version of your Project:

If you wish to create a new/updated version for your project, click "Create New Version" located at the bottom right of Version History. If you wish to edit your current existing project, click the version of the project you want to edit. Then click "Edit Selected Version" located at the bottom right.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FYfOHICcLTAS35ypdY2km%2Fimage.png?alt=media&amp;token=c35ba914-e307-4aea-b5e6-3907f1b779b8" alt=""><figcaption></figcaption></figure>


# Project List

The Projects section is used to organize all of your projects in one place.

## Project Filter:

You can separate your project list into two categories, Grid view and List view.

**Grid View:**

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FMK4ZC0dJC3NxPlSNy6uC%2Fimage.png?alt=media&amp;token=ac5b1f5f-1128-419b-bc65-cd4868d5405b" alt=""><figcaption></figcaption></figure>

**List View:**

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FtsWHXF8cJ3zLSJHU84Fo%2Fimage.png?alt=media&amp;token=e53b4c07-e589-4550-a52b-c87f6a24d57c" alt=""><figcaption></figcaption></figure>

## Project Thumbnail:

The thumbnails tell you the necessary information on your projects. Such as which app the project is using, what version that project is in, and the current status of the project.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F0brCSejmSLI54TY3YmZl%2Fimage.png?alt=media&amp;token=b3aaad8c-8121-463b-bba2-ee80be479de7" alt=""><figcaption></figcaption></figure>

## Status:

If your project says "Active" and is marked in green. This means your project is published and is ready to see by the public. If your project says "Offline" and is marked in red. This means your project is not yet published and is private only to you.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FqQJM3xKFS5iEdiPxAciL%2Fimage.png?alt=media&amp;token=4fe99a87-12d7-4bdc-9445-5a95be050dca" alt=""><figcaption></figcaption></figure>


# Asset Library

## Overview:

To see a detailed overview on how to use our Asset Library, watch the video below.

{% embed url="<https://youtu.be/KMyoM7SAIoM>" %}

***

## Overview of the Asset Library

The Asset Library is where users can store, organize, find, and manage 3D files and materials in Synode. Users can create new assets, reuse existing content across projects, update asset information, and share 3D models when needed.

***

### Create Folders

Folders help keep related assets organized in the Asset Library.

Select New Folder to create a folder and group assets by project, product, asset type, or another preferred structure.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FMwUIPc4us5nN7doVP3j1%2FCreate%20folder.gif?alt=media&amp;token=c5e77b61-3602-4914-b18a-7c121ce5dfec" alt=""><figcaption></figcaption></figure>

***

### Create a New Asset

Select New Asset to add content to the Asset Library.

Users can upload a new 3D file or create a reusable material directly in the library.

#### 3D File

Select New Asset, then choose 3D File to upload a 3D model from the user's device.

Before creating the asset, users can update its name and assign a category to keep the library organized.

Once the file is uploaded and processed, the new asset appears in the Asset Library with its own preview and asset information.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FqkuGF5nCfNBfoT2a3ut5%2Fupload%20assets_compressed.gif?alt=media&amp;token=eb22bb9f-a68e-4b6f-bee4-78a21f1dfe53" alt=""><figcaption></figcaption></figure>

#### Material

Select New Asset > Material to create a reusable material.

Users can enter a material name and use the preview while adjusting the available properties.

Material settings include:

* Base Layer – sets the main color or texture.
* Normal Map – adds the appearance of surface detail.
* Roughness – adjusts how smooth or matte the surface appears.
* Metallic – adjusts the metallic behavior of the material.
* Opacity – adjusts the transparency of the material.

When finished, select Create to save the material to the Asset Library.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FqkuGF5nCfNBfoT2a3ut5%2Fupload%20assets_compressed.gif?alt=media&amp;token=eb22bb9f-a68e-4b6f-bee4-78a21f1dfe53" alt=""><figcaption></figcaption></figure>

***

### Find Assets

Use Search Asset Library to find assets by name.

The controls at the top of the Asset Library can also be used to filter or sort the displayed content:

* Type – filters by asset type.
* Source – filters assets by User, Synode, or All.
* Sort – sorts assets by Most Recent or Oldest.

Select the preferred options, then select Apply to update the results.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FuGGYphoautETllndvNl1%2FSearch%2C%20filter%2C%20and%20sort%20assets.gif?alt=media&amp;token=8ab7e0c5-0e1b-4bcf-b224-bbcbdc142b9b" alt=""><figcaption></figcaption></figure>

Enable Group by category to display assets grouped by their assigned categories.&#x20;

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FE6B37Tv1ZlJ7OWFPU2ek%2FGroup%20by%20category.gif?alt=media&amp;token=044d7770-f676-4bc5-bc5d-619d2f683895" alt=""><figcaption></figcaption></figure>

***

### Manage Assets

Hover over an asset and click the three-dot (...) icon to access:

* Edit
* Duplicate
* Download
* Delete

Select Edit to open the asset window, where users can manage Asset Details and Sharing.

#### Asset Details

Users can view the asset preview and update information such as Name and Category. File Size is also displayed for 3D files.

#### Asset Sharing

Open the Sharing tab and enable Asset Sharing to access sharing options such as URL Sharing, Embed Code, QR Code, AR Viewer, and Hide Watermark.

Use Duplicate to create a separate copy of the asset, Download to save the file to the user's device, or Delete to remove it from the Asset Library.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F7cmamP1reudNk2ByevXz%2Fmanage%20an%20asset.gif?alt=media&amp;token=19f69e32-1f99-432f-958c-9199d49cd820" alt=""><figcaption></figcaption></figure>


# General Analytics

## Overview:

The Analytics section is used to see how your projects are getting received. Analytics is only accessible for users with the Enterprise plan.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FdudkBHUTUxWDXYOYae4u%2Fimage.png?alt=media&amp;token=c544127b-a497-4525-9229-cacc952dc7d6" alt=""><figcaption></figcaption></figure>

## Viewing Project Statistics:

By default, the analytics will be based off your total projects. If you wish to see the analytics based on each project. Scroll down to Projects and click "Details" on the selected project you want to see the Analytics on.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FdlVxVnZG4hrZecIFIkKR%2Fimage.png?alt=media&amp;token=178ec461-cf87-4be1-b513-d8ee72847fb2" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FRrpDlEGYhVrsrM0DTPAW%2Fimage.png?alt=media&amp;token=176d8708-bb25-44f1-8ca4-eed05a9dcefb" alt=""><figcaption></figcaption></figure>


# Marketing Analytics

## Overview:

The Marketing section for Analytics is based off client reviews and registrations.

## NPS:

NPS (Net Promoter Score) is a graph that shows you how many users filled out your satisfaction sheet and if they left a comment.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FSYQiLHbIw0UcUXQSZNzW%2Fimage.png?alt=media&amp;token=002ea471-0db7-4045-a1b8-464a6392f889" alt=""><figcaption></figcaption></figure>

## Product Registration:

The product registration graph shows how many users have registered their product so they can obtain registration for a warranty. Users have the choice to add a "register product" at the end of each Synode animation.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FKOBAYz5dOJH2CcLBLO4L%2Fimage.png?alt=media&amp;token=365730cc-a041-40f6-bf3e-1d26d0aaafd0" alt=""><figcaption></figcaption></figure>


# Account

### Profile Picture

If you would like to change your accounts profile picture. You can click 'Change Photo' underneath your current profile picture.

### Organization

You can change your organization name here.

### Name

You can change your first and last name here.

### Title

You can change your Job/Occupation title here.

### Email

You can change your Email here. You will be sent an verification email to confirm you are switching Emails. If you are not receiving a verification email, please contact a Synode team member at <team@synode.ai>.

### Password

You can change your password here. In order to change your password, you have to type your old password first. Then you can enter your new password.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F0hrIRKUL7fYobqqq6p3P%2Fimage.png?alt=media&amp;token=88ee0377-7e1d-46f4-904e-023ac6515f67" alt=""><figcaption></figcaption></figure>


# Payment/Plan

To see what plan you are currently on, click "Settings" which is located at the bottom left of the dashboard. then go to "Subscription".

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FQIuzlP0x4w95n0bAreY0%2Fimage.png?alt=media&amp;token=b7b416d2-857a-43c1-bbd3-5148769baf25" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2FBid5VWazlZ0TDyHqPNuh%2Fimage.png?alt=media&amp;token=35cb80c7-99e5-4396-b926-d47a37da649d" alt=""><figcaption></figcaption></figure>

If you ever wish to upgrade your plan. You can click "Upgrade Plan" located on the top right of the dashboard home page.

<figure><img src="https://2697082306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FepdMF6fRIS8jTFlvDspe%2Fuploads%2F3BrI8NBkctbODuJGDwAO%2Fimage.png?alt=media&amp;token=7e9b20ab-882e-40d4-b5de-3ee0d258e335" alt=""><figcaption></figcaption></figure>


# FAQ

Frequently Asked Questions (FAQs)

**1. How would Synode integrate within an existing product catalog/workflow on transactional websites like Amazon?**

While Amazon and similar platforms don’t allow external code to be directly integrated, we provide an effective workaround by embedding a GIF of the interactive instructions along with a QR code. Customers can scan the QR code to access the full interactive experience. This method ensures seamless customer engagement without requiring platform-level integration.

**2. How do we ensure we do not lose a lead source from client surveys with existing paper instructions?**

Synode allows you to embed interactive surveys and feedback forms within the digital instructions. Customers can submit feedback at the end of the process, and the data is consolidated in a centralized dashboard for easy analysis. Additionally, features like product registration for warranty purposes and links to competitions or promotions can be included, maintaining or even enhancing the lead generation process.

**3. Can you show me some examples of successful Synode implementations?**

Here are a few examples of how Synode has been successfully implemented:

[Livingchy](https://livingchy.com/pages/installation-guide-designer-murphy-bed): Interactive installation guides for Murphy beds.

[Boff Wall Beds](https://boffwallbeds.ca/pages/assembly?srsltid=AfmBOoo-AMk-NER0t5-4xxwZPjXZb4flxvj5453N0_Y-YECeIfcy5PHl): Engaging assembly instructions that simplify the customer experience.

[Coolaroo](https://www.coolaroousa.com/resources/instruction-manuals): Easily accessible instruction manuals for outdoor shades.

[La Place](https://www.la-place.ca/en/configure-your-murphy-bed): Configurator for Murphy beds tailored to customer preferences.

**4. How does pricing work?**

Our pricing is custom and tailored to each partner’s needs. It typically depends on:

Number of Projects: Higher project volumes result in lower costs per project.

Contract Duration: Longer-term contracts often come with more favorable pricing.

File Quality: If optimization or processing of files is required, an additional implementation fee may apply.

Add-ons: If implementing Visualizer, Localizer, Customizer, AR, VR, MR. Additional costs may apply.

We’re happy to provide a detailed pricing estimate based on your specific requirements and project scope.

**5. What are lead times for implementation?**

Implementation times depend on the complexity and volume of the projects.

•          Smaller-scale projects with optimized files can be completed in a few weeks.

•          Larger-scale or more complex implementations requiring file optimization may take 4-6 weeks or more.

We work closely with our partners to ensure realistic timelines that meet their business needs.

**6. Do you offer free trials?**

Yes! Try our Starter plan for free and explore everything Synode has to offer.

**7. When do we need to pay?**

Payment is not required for creating an account you do not need to pay for your Free account as well. Payment is required when you subscribe to a Pro or Enterprise plan. An automated charge will be made every month, or year, depending on your subscription. For Organization plan subscribers, we have manual invoice and bank transfer payment options available.

**8. What Devices can Synode work on?**

Synode works on all devices!

**9. What are the public view limits and how can I increase them?**

We generally do not charge extra fees for traffic to your projects. This policy, however, is subject to fair use: if your Starter workspace total traffic usage (across all your projects) exceeds 10,000 monthly views, you may be required to upgrade to a Pro plan. If you anticipate having more than 100,000 views, please contact our Sales team in advance to find the best Custom plan solution for you.


