Media Block Video Tutorial

Learn how the media block works and the things you can do with it

In today’s fast-paced world, businesses are always looking for innovative ways to communicate with their customers. Chatbots are a popular choice, as they provide customers with an efficient way to interact with businesses. But just text-based conversations can sometimes fall short of providing all the necessary information to customers. That’s where media blocks come in.

Media blocks are an essential feature of chatbots that allow businesses to send and display images, audio files, videos, and other forms of media during their flow. They can provide customers with a more comprehensive understanding of the products or services being offered.

The process of creating media blocks is straightforward. The chatbot developer can simply upload a file directly from their computer or use a URL to display an image, PDF, or other file. If they want to embed a video, they can use a URL from Youtube, Wistia, or Vimeo.

It's important to note that the URL must be an HTTPS://, or you will receive an error that will prevent you from saving changes. Additionally, only Youtube videos will display as a pop-up window on WhatsApp chatbots.One great feature of media blocks is the ability to use variables from the chatbot's flow to modify the URL. This allows businesses to customize the displayed media based on the specific customer's needs. Media blocks can be used on both web and WhatsApp chatbots, and they display differently depending on the device. For example, a PDF file can be downloaded on a web chatbot, while a video can be played directly on the chat window on WhatsApp.

Overall, media blocks provide a powerful tool for businesses to enhance the customer experience through their chatbots. By incorporating different types of media, businesses can provide customers with a more comprehensive understanding of their products or services.

00:00 Intro

00:08 Different options inside the block

01:07 Testing

01:28 Outro

Hi Landbotter!

Let’s review the media block, which allows us to send and display images, audio files, videos, etc during our flow.

So let’s say that our customer needs all the information about our business through media, let’s start by creating a media block just after our starting point. We get 3 main options: Upload a file, directly from a URL or the video embed.

First, let’s try to upload a file, this image from my computer will do, but only JPG, PNG, and GIF formats are accepted with this option! Then let’s try the URL option, by copying this PDF’s URL onto our media block, but remember that the URL must be an HTTPS:// otherwise you will get an error that will not allow you to save changes.

And just a reminder that we can use variables from our flow in the block if we want to modify the URL. And lastly, we will create a third media block to embed a video into our flow, you can use any video from Youtube, Wistia, and Vimeo, but only the youtube ones will be displayed as a pop-up window on your WhatsApp chatbot.

Let’s add our latest Product Updates right here, and voila! Let’s see how the end user sees it, let’s save, publish, and test.

And now let’s try our web and WhatsApp chatbot side by side and see how the the different media is displayed depending on the device. So, as you can see, perfectly displayed, we have our different media blocks displayed, here we can download the file, and here we can play the video directly from the chat.

Key takeaways

  • Block anatomy
  • Different formatting options in the block
  • This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.