我需要修改一个静态网页,需求是在静态网页右下角添加一个按钮，点一下出现智能客服的聊天窗口，使用 Rasa Web Chat 工具来实现嵌入式聊天窗口，需要添加一个输入框，用于用户输入文本问题，一个按钮用于提交问题，以及一个输出框，用于展示回答。写代码示例

好的，我可以为您提供代码示例。首先，您需要在静态网页中添加一个按钮，代码如下：

<button id="chat-btn">智能客服</button>

然后，您需要引入 Rasa Web Chat 工具的 JavaScript 文件。您可以使用以下代码：

<script src="https://cdn.jsdelivr.net/npm/rasa-webchat/lib/index.js"></script>

接下来，您需要编写 JavaScript 代码来处理按钮点击事件，创建聊天窗口并嵌入到网页中。代码如下：

<script>
    // 获取按钮元素
    const chatBtn = document.getElementById('chat-btn');

    // 监听按钮点击事件
    chatBtn.addEventListener('click', () => {
        // 创建聊天窗口
        const widget = window.WebChat.create({
            // Rasa Web Chat 工具的配置选项
            initPayload: '/get_started',
            socketUrl: 'http://localhost:5005',
            title: '智能客服',
            subtitle: '欢迎使用智能客服！',
            inputTextFieldHint: '请输入您的问题...',
            senderPlaceHolder: '请输入您的姓名...',
            profileAvatar: 'https://i.imgur.com/8kFpQsT.png',
            showCloseButton: true,
            fullScreenMode: false
        });

        // 将聊天窗口嵌入到网页中
        window.WebChat.open('chat-bot', widget, () => {
            // 打开聊天窗口后的回调函数
            console.log('聊天窗口已打开！');
        });
    });
</script>

在上面的代码中，我们首先获取了按钮元素，然后监听了按钮的点击事件。在点击事件处理函数中，我们创建了一个 Rasa Web Chat 工具的实例，并配置了一些选项，例如聊天窗口的标题、提示文本、发送者占位符、头像等等。然后，我们调用了 `window.WebChat.open()` 方法，将聊天窗口嵌入到网页中，并指定了一个 DOM 元素作为容器。在聊天窗口成功嵌入后，会执行回调函数，我们在回调函数中打印了一条消息，用于调试。