O fluxo que iremos criar é assim, um código Javascript com uma mensagem de texto para exibir o vídeo.

Untitled

O primeiro passo é ir na sua conta do vimeo e pegar o código do seu vídeo, você consegue ver ele ao copiar o link. E depois vamos criar uma variável e adicionar ele como valor.

Untitled

Untitled

Depois dentro do Merlin vamos adicionar um componente de Javascript, onde dentro dele vamos fazer a seguinte configuração:

let videoComponent = `<iframe loading="lazy" class="elementor-video-iframe entered lazyloaded" allowfullscreen="" title="Player de Vídeo vimeo" src="<https://player.vimeo.com/video/{{{id-vimeo}>}}?autoplay=1&color&autopause=0&loop=1&title=1&portrait=1&byline=1&muted=0&h=424aa93077#t=" data-rocket-lazyload="fitvidscompatible" data-lazy-src="<https://player.vimeo.com/video/804682486?autoplay=1&color&autopause=0&loop=1&muted=0&title=1&portrait=1&byline=1&h=424aa93077#t=>" data-ll-status="loaded"></iframe>` //Você deve substituir esse iframe pelo que copiou
Merlin.setVariable('videoComponent', videoComponent) // Aqui criamos a variavel do merlin que irá exibir seu vídeo.

Agora dentro da mensagem de texto vamos configurar ela da seguinte maneira:

Untitled

Clicando em avançado vamos adicionar um id CSS personalizado videomerlin, para exibir melhor o seu vídeo dentro do chatbot.

E por fim vamos adicionar um CSS para exibir melhor em Configurações>Customize o css

#videomerlin{
  padding: 0px;
}