Videos | Resource Center

Embed a Video

In the Satisfi Labs dashboard, go to Studio -> NLP Manager -> Responses
Click the response you wish to update and select the pencil icon
Switch to Code View
Add the following line and hit enter:

#HTML

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:

Find your desired video
Right-click the video and select Copy Embed Code

Find your desired video
Click on Share
Copy the embed code

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.

Adjust the embed code as needed and add response text:

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.

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

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!

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

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.