# Right Sidebar

## Right Sidebar

To the right of The Builder, there are 8 tabs with different functions: Options, Design, Triggers, Analytics, Comments, Experiments, Help, and Chat. When collapsed it looks like this:

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2FmVWohDPFCSJZLkiOekIg%2Fimage.png?alt=media\&token=371ef3bd-28c9-4e28-b168-99a7477b2565)

### Options Tab

The content of The Options Tab will vary according to what you have selected. Here you'll be able to:

* Change the key of the component, page, or entire flow (the name)
* Duplicate or delete
* Select the type of component
* Select the parent container
* Add a Tag
* Add Show/Hide conditions, or just hide components.
* Change the content
* Access the "Other Options" and "Advanced" menus.

### Design Tab

This is the tab for adding styles to the components. These are the different areas in this tab:

#### "Choose an element"

Some components are formed by several elements, here you can select which one you want to style. (e.g. in an input box you could style the label, the input, or the whole thing). Components like buttons for example have different states like "hover", "selected", or "disabled". You can style those by clicking on the "Use states" toggle and selecting the state.

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2FbWvimL7dlQOxodxDm4qZ%2Fchoose%20an%20element.png?alt=media\&token=85043e20-07e4-4d7e-b839-d5bec8860c3a)

#### "Apply these styles to..."

You can style all components, the component you have selected, components with a specific tag, all components on that page, a specific component or type of component but only on that page, and several other options.

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2FvOyayKtLXhZmKYvNRHxO%2FApply%20these%20styles%20to.png?alt=media\&token=e20f693d-f3b6-473e-87c8-3c52545a7c07)

#### "Styles"

There's a list of all the most commonly used styles so you can easily change them. If you need a specific one that is not on the list, you can always go to the bottom and add a custom style (remember to press enter for it to have an effect, then you can still change it)&#x20;

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2F0eEP8Oj36xMOpG9VrJma%2Fimage.png?alt=media\&token=7a00db32-db29-4d7f-8223-2769b00fea7f)

### Triggers Tab

On this tab you can:

* Add conversions (Facebook, Gtag, Google, Segment) that get triggered at different moments, according to the component you selected
* Add Checkpoints (This is still used in some old products but will be soon deprecated)
* Add data outputs to be triggered at different moments, also according to the selected component (on page load, on page complete, on button click, on payment success, etc)

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2FKEcnRlbtjGLJqyZIPPWY%2Fimage.png?alt=media\&token=e10e3b75-36c8-4bd6-8af4-b39ccbcc9cbe)

### Analytics Tab

Check your page funnel or all the pages funnel! You can see it as a percentage or as numbers, by clicking the percentage sign that shows at the top of the values. You can set different filters and compare between two different filtered versions.

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2FtNZ2t7GA6aS4ygXRaRVS%2Fimage.png?alt=media\&token=180feedb-222d-43a2-9644-7e50daf4dec6)

### Comments Tab

Here you can leave comments for other editors, or get feedback on your flow. This is useful for pointing out specific things about a certain page, like typos or style-related. (e.g. "Add more margin below the title", "Maybe we should center this button", etc.)

### Experiments Tab

{% hint style="info" %}
Coming soon!
{% endhint %}

This one is for creating split tests. Select a page or component, create a new experiment, give it a title, key, and description and then fork the page/component. You can edit the forked component and select the percentage of times you want that variant to show.&#x20;

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2FYtHbH1kEsTZiHyg6unaR%2Fimage.png?alt=media\&token=7f2b1da9-50b2-423d-a09b-e8ab7ddd0a68)

### Help Tab

{% hint style="info" %}
This Tab is coming soon!
{% endhint %}

### Chat Tab

This tab will open a chat for you to talk directly to a Savvy Expert!
