Embed a Video

1. In the Satisfi Labs dashboard, go to Studio -> NLP Manager -> Responses

2. Click the response you wish to update and select the pencil icon

3. Switch to Code View

4. Add the following line and hit enter:

#HTML

1. Copy and paste your desired video's embed code into your response. For example:

<iframe width="315" height="200" src="https://www.youtube.com/embed/XBPQE84h1mI" title="Learn more about Bridge Live Chat" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

To find your video's embed code, use the instructions in the table below:

YouTube

1. Find your desired video

2. Right-click the video and select Copy Embed Code

Vimeo

1. Find your desired video

2. Click on Share

3. Copy the embed code

Other Sources

For video files hosted on other sites, you can use the code below to host your video within a response. You will need to swap out the URL and title placeholders. Note that certain video permissions and policy guidelines may restrict you from iframing a video.

<iframe width="315" height="200" src="YOUR VIDEO URL" title="VIDEO TITLE" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

Note that you cannot host videos on your dashboard. Only image and GIF files are supported within the image library.

1. Adjust the embed code as needed and add response text:

Adjust Size

There is no set video width and height we recommend, as chat containers vary in size. We recommend adjusting the width to 315 and the height to 200 to start; however, test the video response in your chat and make further adjustments as needed.

Autoplay

We recommend removing autoplay from the embed code; however, you can choose to keep it if you'd like.

Response Text

Don't forget to add text to your response! After your embed code, write your response as shown in the example below:

<iframe width="315" height="200" src="YOUR VIDEO URL" title="VIDEO TITLE" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> ADD YOUR RESPONSE TEXT HERE. THIS WILL APPEAR IN ADDITION WITH THE VIDEO!

1. Publish your response and test it in your chat. You may need to resize the iframe to ensure the video is not cut off.

Best Practices

Keep Users Engaged

Why it Helps

Including videos can make the chatbot interface more appealing and retain user attention compared to text. A visually captivating chatbot can enhance the overall user experience, making interactions more pleasant and memorable.

Examples

Connect Emotionally

Why it Helps

Videos have the power to evoke emotions. By choosing the right visuals, your chatbot can connect on a more personal level with users.

Example

A Sizzle Reel or Promotional Video Can Invoke Strong Fan Emotions and Promote Sales

Assist Visual Learners

Why it Helps

Videos can play a functional role by guiding users through complex instructions, such as downloading an app or accessing their event tickets.

Example

Video Walkthrough of How to Download the App