将Diagflow与with站点集成为弹出窗口

Question

我不擅长编码，我在Squarespace上有我的网站，我使用Dialogflow创建了一个聊天机器人。单击Web-Demo时，我得到以下代码：

​

<iframe
    allow="microphone;"
    width="350"
    height="430"
    src="https://console.dialogflow.com/api-client/demo/embedded/xxxxx">
</iframe>

​

当我在我的Squarespace网站的页脚部分粘贴代码时，它在页脚显示聊天机器人为部分。我希望它像我们在其他网站上一样弹出。如果有人能帮助我，并指导我在你的代码中做出改变，让它为我工作，那就太好了。

Answer 1

这很可能是通过the CSS Editor对元素应用position:fixed的问题。根据this answer的说法，你还可以用自己的超文本标记语言进一步定制聊天模块。

举个例子，如果你给你的iframe一个额外的属性，比如说id="chatbot"，那么你的CSS可能看起来像这样：

#chatbot {
  position: fixed;
  bottom: 30px;
  right: 30px;
}

Answer 2

Dialogflow是一个非常好的机器人构建平台，但没有直接的方法将代理集成到您的网站中。原因是它们没有为浏览器提供特定的小部件。web演示集成仅用于演示目的，不可自定义。还有两种可能的方法可以将Dialogflow机器人集成到您的网站中。

1. 培训座席后，即可将Dialogflow API添加到您的网站。(我不推荐这种方法，因为它需要大量的编码知识)有关这方面的更多信息，请参阅此article.

1. 集成了像Kommunicate这样的网络聊天插件工具，因为它们提供了3个简单的步骤来与对话流集成，并将为聊天小部件提供的JS代码添加到您的Squarespace网站上的弹出窗口中。此外，聊天小部件UI可以根据您的需求进行定制。要将Dialogflow与Kommunicate集成，请参考此article，并在5个简单的步骤Read here中添加与Squarespace网站的kommunicate，它可能会帮助您更好。

PS。我在kommunicate工作。