# Video Showcase

## Overview

This tool gives you the ability to add YouTube, Vimeo, and Loom videos into your widgets for sales, marketing, and educational purposes. You can create video groups and allow your prospects or customers to consume videos in a specific order and within particular categories.

***

## Use Cases

* Add marketing videos to your website or in your application teaching your visitors or customers about your products and services
* Create video groups showcasing different areas of your business
* Build onboarding video sequences to onboard new customers into your products
* Add customer testimonial videos to your widgets to help convert website visitors using social proof

***

## Configure Video Showcase Tool

### Step 1: Open Tool

Navigate to your widget management area in your CRM software and open the Video Showcase tool.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2F3e5DlAaW1aw4qc7OIepJ%2FConversion%20Tools_Video%20Showcase_Configure.jpg?alt=media&#x26;token=85937082-d940-400d-a8aa-320aa9b2e9f6" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you have not added this tool to your widget yet, add the tool first, then you can configure the tool settings. [Click here to learn how to add new Conversion Tools™](https://widgets.yourhelpcenter.net/conversion-tools/add-reorder-and-delete-tools)
{% endhint %}

***

### **Step 2: Set Tool Titles**

* **Title:** Set the name of the Video Showcase tool that will be displayed on the initial widget view.
* **Panel Title:** Define the text that appears at the top of the Video Showcase tool once it's activated by a visitor.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2F6znQDfPcTnvckzKw6Fni%2FConversion%20Tools_Video%20Showcase_Titles.jpg?alt=media&#x26;token=58de026d-7a17-4e02-b140-9e872ee78fc4" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
[For more information on Title and Panel Title, please view the help article here.](https://widgets.yourhelpcenter.net/conversion-tools/title-and-panel-title)
{% endhint %}

***

### Step 3: Configure Tool Visibility

In the **Tool Visibility** section, specify when the Video Showcase tool should be visible based on your office hours found in the widget settings.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FkKnsxLE07uLZlKZE6QEV%2FConversion%20Tools_Video%20Showcase_Visibility.jpg?alt=media&#x26;token=fa770eb3-2a52-4b19-a9c9-bea181f7219e" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
[For more information on Tool Visibility, please view the help article here.](https://widgets.yourhelpcenter.net/conversion-tools/tool-visibility)
{% endhint %}

***

### Step 4: Add Description

Insert a description that offers viewers an overview of the videos you're showcasing.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FGvIwBGVl72M1Gi50PYnP%2FConversion%20Tools_Video%20Showcase_Description.jpg?alt=media&#x26;token=218a3697-5ce5-401c-8f83-92c542acb648" alt=""><figcaption></figcaption></figure>

***

### Step 5: Choose Playback Mode

Choose how the playback of videos in your playlist should be handled.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FkfR001fJVIBe7KPXiLCU%2FConversion%20Tools_Video%20Showcase_Playback%20Mode.jpg?alt=media&#x26;token=ac633303-518e-4c84-af90-e3f542f96503" alt=""><figcaption></figcaption></figure>

**You have two options to choose from:**&#x20;

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FPqHhavCVQ5vEN55W0UDD%2FConversion%20Tools_Video%20Showcase_Playback%20Mode%20Options.jpg?alt=media&#x26;token=78eb3a55-25df-4872-acd8-8799d5881855" alt=""><figcaption></figcaption></figure>

**Inside the widget**: Videos play directly within the widget.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FbCF4mwZJSy7uUowOV9qY%2FConversion%20Tools_Video%20Showcase_Playback%20Mode_Inside%20Widget.jpg?alt=media&#x26;token=e714b3b1-349b-4769-a641-216dcb913966" alt=""><figcaption></figcaption></figure>

**External popup**: Videos open in an external screen for playback.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FbayfRSs3EJv2ci6d7rmM%2FConversion%20Tools_Video%20Showcase_Playback%20Mode_External%20Popup%202.jpg?alt=media&#x26;token=7d7dd7fb-4b8e-48dd-b2ae-36c0ec2a5bd1" alt=""><figcaption></figcaption></figure>

***

### Step 6: Add Video Groups

In order to showcase videos in your widget you will need to first create a video group. This group helps prospects and customers better understand the category or videos they are watching.

{% hint style="info" %}
**You can create an unlimited amount of video groups**
{% endhint %}

**Add Video Group** - To add a Video Group, click on the green “Add Video Group” button. You will see a popup appear where you can type in the name for your video group, then click on “Save”.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FtbEHncNy7panagn6ONWY%2FConversion%20Tools_Video%20Showcase_Add%20Video%20Group.jpg?alt=media&#x26;token=69229499-ade6-4250-85cc-b83f7df7f9f8" alt=""><figcaption></figcaption></figure>

**Default Video Group -** When you add your first video group, you will see the group named DEFAULT VIDEO GROUP. Every new video group will be created without any videos added to it.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FgoyylYUjM3A6qrlwvxq6%2FConversion%20Tools_Video%20Showcase_Default%20Video%20Group.jpg?alt=media&#x26;token=66a52116-9679-47a6-9a80-f9f5caf6170e" alt=""><figcaption></figcaption></figure>

**Reorder Video Groups -** When you have multiple video groups, you can choose the order in which they display in your widget by dragging the groups either up or down using this handle and reordering them.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FqtAraz1fMl1ZQ3GkjJ6H%2FConversion%20Tools_Video%20Showcase_Rearrange%20Video%20Groups.jpg?alt=media&#x26;token=76ebee1a-576a-402a-a654-24c8bfd0a98d" alt=""><figcaption></figcaption></figure>

**Video Group Name -** This is the name your video group will display to your viewers when you have more than one video group. If you only have one video group, your viewers will not see the name of the group.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FXG5S24I47LYRChGzLsqj%2FConversion%20Tools_Video%20Showcase_Rename%20Video%20Group.jpg?alt=media&#x26;token=31db368b-e9d7-42be-a3b2-47b8492512b8" alt=""><figcaption></figcaption></figure>

**Remove Video Group -** If you no longer want or need a video group, you can click the trash can icon to delete the entire group.

{% hint style="warning" %}
If you delete a video group, the added videos will need to be re-added to a different group if you want to keep them in your widget.
{% endhint %}

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FktM84jf8Jt4smdjDlasn%2FConversion%20Tools_Video%20Showcase_Remove%20Video%20Group.jpg?alt=media&#x26;token=49a2b2bd-228b-4242-88ee-3e54c0ba4445" alt=""><figcaption></figcaption></figure>

***

### **Step 7: Add Videos**

To add videos to your video group, click on the green + button.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FykY2o0ydk90DCID0VRTo%2FConversion%20Tools_Video%20Showcase_Add%20Video.jpg?alt=media&#x26;token=e87b79d1-0d7d-4be7-9bec-d896c9cef3f8" alt=""><figcaption></figcaption></figure>

**You can add the following video types:**

* [Individual YouTube Videos](#individual-youtube-videos)
* [YouTube Video Playlists](#youtube-playlists)
* [Individual Vimeo Videos](#adding-vimeo-videos)
* [Individual Loom Videos](#adding-loom-videos)

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FJIwguHE9DnwVYwq3qCey%2FConversion%20Tools_Video%20Showcase_Add%20Video_Providers.jpg?alt=media&#x26;token=5b158842-ff89-49a2-a73c-12bc2e5283a6" alt=""><figcaption></figcaption></figure>

***

## Add YouTube Videos

When adding YouTube videos to your Video Showcase tool, you can either add individual videos or add entire YouTube playlists just by adding a single URL.

### YouTube Playlists

You have the ability to add entire video playlists from YouTube all at once. To do this, click into a YouTube playlist and grab the "Share" link.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FLaYwEOztEUpeFyZGno1E%2FConversion%20Tools_Video%20Showcase_Add%20YouTube%20Playlists%202.jpg?alt=media&#x26;token=d83e952f-da87-4767-baa4-4ef99501b7db" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FN34sGZ2MGz79TUWEI2Jh%2FConversion%20Tools_Video%20Showcase_Add%20YouTube%20Playlists%203.jpg?alt=media&#x26;token=29a6b6b4-740c-4cc9-8693-4d916d18be2d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2F3Plz0ZiFPrBH27Q3uT75%2FConversion%20Tools_Video%20Showcase_Add%20YouTube%20Playlists%204.jpg?alt=media&#x26;token=5668b5f3-9e67-4a51-875a-cc4396e1ed40" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
When adding a video playlist URL from YouTube, you should see <mark style="color:red;">**/playlist?**</mark> in the URL
{% endhint %}

To add your playlist to your Video Showcase tool, click on the green + button, and you will see a popup appear. Paste the URL of your YouTube playlist and click on “Save”.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FiXCfmjnqEU6K6lr1nuTn%2FConversion%20Tools_Video%20Showcase_Add%20YouTube%20Playlists%205.jpg?alt=media&#x26;token=101abf53-76b1-40ff-9e08-92d9042baa91" alt=""><figcaption></figcaption></figure>

After pasting the playlist URL into your video showcase tool, you will see the entire YouTube playlist populate inside of your ChatHQ widget in the preview window! Adding playlists is an easy way to add many videos at once, and keep them organized by a specific category!

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FVDbLTjnpSulLJF3MnD7o%2FConversion%20Tools_Video%20Showcase_Add%20YouTube%20Playlists%206.jpg?alt=media&#x26;token=85a503e7-ec43-4d48-85df-da6c386caef3" alt=""><figcaption></figcaption></figure>

### **Individual YouTube Videos**

You can add individual YouTube videos by copying and pasting the individual YouTube video link. Click on the green + icon to add your YouTube video, and paste the URL into the popup and click on “Save”.&#x20;

After pasting the YouTube video URL into your video showcase tool, you will see your video appear in the preview window to the right.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FTizZUslPE6Gc4L8YxtOW%2FConversion%20Tools_Video%20Showcase_Add%20YouTube%20Videos%201.jpg?alt=media&#x26;token=abd0e928-691e-43fb-a7c4-6f66724ee278" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FR7xA9IjpaDhxBn8np83B%2FConversion%20Tools_Video%20Showcase_Add%20YouTube%20Videos%202.jpg?alt=media&#x26;token=83695a5c-1e72-416e-847d-23877357a969" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2F7vmwAIhctPbsty131XvY%2FConversion%20Tools_Video%20Showcase_Add%20YouTube%20Videos%203.jpg?alt=media&#x26;token=7e670934-c402-412e-9e70-d75572eb1c57" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FezqDpxQ6uSHws4B1v0Ex%2FConversion%20Tools_Video%20Showcase_Add%20YouTube%20Videos%204.jpg?alt=media&#x26;token=22075912-4085-4461-b9f1-c281f7a4cc91" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FucFtSkz7zntELFLtoTu8%2FConversion%20Tools_Video%20Showcase_Add%20YouTube%20Videos%205.jpg?alt=media&#x26;token=d52a21fe-7fff-498c-8be2-5d7b9b6e1888" alt=""><figcaption></figcaption></figure>

***

## Add Vimeo Videos

You also have the ability to add Vimeo videos to your Video Showcase tool. Start by going to Vimeo, choosing the video you want to use, and click on the “Copy Link” icon.&#x20;

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FWYNv4t8QFtCRhnoBKxlI%2FConversion%20Tools_Video%20Showcase_Add%20Vimeo%20Videos%201.jpg?alt=media&#x26;token=50e3a2db-41c0-4fb8-97c2-13a694cc29db" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FuFtAUVtZTIFpgFrKjY7U%2FConversion%20Tools_Video%20Showcase_Add%20Vimeo%20Videos%202.jpg?alt=media&#x26;token=82f1f2c4-88b2-4714-9b5e-8c5d64a49341" alt=""><figcaption></figcaption></figure>

To add your Vimeo video to your Video Showcase tool, click on the green + icon next to the Video Group you would like to add it to. You will see a popup appear where you can paste the Vimeo URL, then click on “Save”.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FHQ0ILzAAxV4wcUAVpHwm%2FConversion%20Tools_Video%20Showcase_Add%20Vimeo%20Videos%203.jpg?alt=media&#x26;token=775282b6-046c-44ce-bc4c-c793f901a8e4" alt=""><figcaption></figcaption></figure>

Once you’ve added your video, you will see it populate in the preview window to the right.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2Fzomd8VlmLt82TySQByDQ%2FConversion%20Tools_Video%20Showcase_Add%20Vimeo%20Videos%204.jpg?alt=media&#x26;token=3ab4bd1d-52b0-490e-917c-ae5e80377365" alt=""><figcaption></figcaption></figure>

***

## Add Loom Videos

You can add Loom videos to your Video Showcase tool as well. Start by going to Loom, and selecting the video you want to use. Click on the “Copy Link” icon on the top right of the video.&#x20;

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FwLE1B7s3PZhnj5dz9XOM%2FConversion%20Tools_Video%20Showcase_Add%20Loom%20Videos%201.jpg?alt=media&#x26;token=bd681652-d7d8-48eb-9a84-039dd663d1ae" alt=""><figcaption></figcaption></figure>

To add your Loom video to your Video Showcase tool, click on the green + icon next to the Video Group you want to add the video to. You will see a popup appear where you can paste the Loom URL, then click on “Save”.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FdQ7X3g81M9YgczR6TEXW%2FConversion%20Tools_Video%20Showcase_Add%20Loom%20Videos%202.jpg?alt=media&#x26;token=8b78b66b-cec2-4a4d-90dc-d2ada1f6e26c" alt=""><figcaption></figcaption></figure>

Once you’ve added your Loom video, you will see if populate in the preview window on the right.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FNzjT973lEDkFmq9cL0le%2FConversion%20Tools_Video%20Showcase_Add%20Loom%20Videos%203.jpg?alt=media&#x26;token=e18e9a33-dd84-4e3b-b578-e707279e6904" alt=""><figcaption></figcaption></figure>
