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

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.

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.

Connect Emotionally

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

Assist Visual Learners

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

Last updated 1 year ago

Was this helpful?