# Customize Guidde Inside

There are 3 ways in which you can present the Guidde Inside video library on your site while each can have its own settings and styles, allowing you to maintain a consistent brand experience:

1. With a **label** - on the right side of your site that will open/close the library
2. With an **icon** - on the right side of your site that will open/close the library
3. With an **API call** - when clicking on any button/link in your website

## Label

The label will always appear on the right side of your site and clicking on it will open or close the Guidde video library.

You can:

* Choose the brand color which will be used for the label and videos
* Choose your label text
* Adjust the bottom spacing - this is the default height position of the label (50% means it will be positioned at 50% height from the bottom of the screen)

![](https://4050451925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MhFKaXW0SaOkAsFMjK6%2Fuploads%2FAvmKIen4TsyxHNctNvYw%2Fimage.png?alt=media\&token=49bc8132-77eb-4dd9-ad33-95d6be86ff70)

## Icon

The icon will always appear on the right side of your site and clicking on it will open or close the Guidde video library.

You can:

* Upload a custom icon
* Adjust the icon dimensions
* Choose a brand color for the videos
* Adjust the bottom spacing - this is the default height position of the icon (50% means it will be positioned at 50% height from the bottom of the screen)

![](https://4050451925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MhFKaXW0SaOkAsFMjK6%2Fuploads%2F8kGpLA0sbyYpkP6J8gYo%2Fimage.png?alt=media\&token=3a51cd56-4f26-4c36-9eed-0df6e8aaa99b)

## API Call

You can add a button or link to your website that can control the open/close of the Guidde video library with an API call:

Choose type "None" and from within your code (in addition to the initialization defined in [#initializing-guidde](https://guidde-1.gitbook.io/guidde/installing-the-guidde-agent#initializing-guidde "mention")) add another call to `guidde.open()` or `guidde.close()` to open/close the library.

![](https://4050451925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MhFKaXW0SaOkAsFMjK6%2Fuploads%2Fj7AMmD8Q1kH130apc2Xm%2Fimage.png?alt=media\&token=012d2a09-a108-417f-9abb-5d644b8e15d7)