如何在没有打开/关闭按钮的情况下在 iframe 中插入 Rocket.chat 全渠道实时聊天？

Question

我想在我的网站的 iframe 中插入实时聊天，不带打开/关闭按钮（仅支持 onichannel 聊天布局）。

尝试过这样的事情：

'use client';
import React from 'react';

export const Support = () => {
  return (
    <div>
      <h1 className="text-4xl font-semibold mb-10">Support</h1>

      <iframe
        src="https://chat.exemple.com/livechat"
        title="Chat"
        frameBorder="0"
        scrolling="no"
        style={{ width: '100%', height: '800px', zIndex: '1300' }}
      ></iframe>
    </div>
  );
};

但是看起来像这样

在此输入图片描述

也许你可以帮我解决这个问题。

预计在我的 iframe 中获得没有按钮的火箭聊天实时聊天窗口

Answer 1

已解决

'use client';
import React from 'react';

export const Support = () => {
  return (
    <div>
      <h1 className="text-4xl font-semibold mb-10">Поддержка</h1>

      <iframe
        src="https://lala.com/livechat?mode=popout"
        title="Чат"
        frameBorder="0"
        scrolling="no"
        style={{ width: '100%', height: '800px', zIndex: '1300' }}
      ></iframe>
    </div>
  );
};

解决方案：只需在实时聊天链接后添加 ?mode=popout