Dropal에 채팅창 삽입(Watson Assistant 사용)

왓슨 어시스턴트는'위챗'기능을 추가했다.Watson Assistant에서 만든 채팅창을 자신의 웹 사이트에 끼워 넣는 기능
당장 Dropal 사이트에 편입해 보고 싶어요.
이 단계를 참조했습니다https://qiita.com/ishida330/items/c0764d66306f9cab2c2b
실제로 생성된 코드는 위와 조금 다른 느낌입니다.

<script>
  window.watsonAssistantChatOptions = {
      integrationID: "42164788-27bb-4b93-9bc5-************", // The ID of this integration.
      region: "us-south", // The region your integration is hosted in.
      serviceInstanceID: "ffc34e03-6cc1-4e2d-88b2-************", // The ID of your service instance.
      onLoad: function(instance) { instance.render(); }
    };
  setTimeout(function(){
    const t=document.createElement('script');
    t.src="https://web-chat.global.assistant.watson.appdomain.cloud/loadWatsonAssistantChat.js";
    document.head.appendChild(t);
  });
</script>

여러가지 방법이 있었지만 이번에는 특수 제작된 네모난 블록을 만들어 위의 코드를 직접 넣고 주요 내용의 아래에 놓았다.
BOT라는 사용자 정의 블록을 만들어서 원본 파일로 표시하고 텍스트를 완전판으로 만들고 코드를 입력합니다.

그런 다음 블록 레이아웃을 사용하여 Mian page content 아래에 구성합니다.

아래처럼 이렇게 페이지 오른쪽에서 채팅을 할 수 있습니다.왓슨 어시스턴트가 만든 BOT입니다.

꼭 해보세요.