2026-10-19 21:30:00 +08:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="zh-CN">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
2026-10-22 17:44:36 +08:00
|
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg?v=paper-boat">
|
2026-10-19 21:30:00 +08:00
|
|
|
<title>ReplyPier 网站客服测试</title>
|
|
|
|
|
<style>
|
|
|
|
|
* { box-sizing: border-box; }
|
|
|
|
|
body { margin: 0; min-height: 100vh; color: #172033; background: #f5f7fb; font: 17px/1.8 system-ui, sans-serif; }
|
|
|
|
|
main { max-width: 880px; margin: 0 auto; padding: 96px 30px; }
|
|
|
|
|
.eyebrow { color: #2563eb; font-size: 14px; font-weight: 700; letter-spacing: .08em; }
|
|
|
|
|
h1 { font-size: clamp(30px, 5vw, 48px); line-height: 1.3; margin: 16px 0 22px; }
|
|
|
|
|
p { color: #526078; }
|
|
|
|
|
section { margin-top: 36px; padding: 26px 30px; background: white; border: 1px solid #e2e8f0; border-radius: 16px; }
|
|
|
|
|
h2 { font-size: 20px; margin: 0 0 14px; }
|
|
|
|
|
ol { margin: 0; padding-left: 24px; }
|
|
|
|
|
li { padding: 7px 0; }
|
|
|
|
|
a { color: #1d4ed8; }
|
|
|
|
|
.note { font-size: 14px; margin-top: 25px; }
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<main>
|
|
|
|
|
<div class="eyebrow">REPLYPIER · 本机测试</div>
|
|
|
|
|
<h1>你的网页，接入 AI 与人工客服。</h1>
|
|
|
|
|
<p>点击右下角悬浮按钮展开对话。这里连接的是本机部署的 ReplyPier 和你配置的 DeepSeek。</p>
|
|
|
|
|
<section>
|
|
|
|
|
<h2>按这个顺序试一遍</h2>
|
|
|
|
|
<ol>
|
|
|
|
|
<li>问知识库：<strong>青禾测试套餐的退款期多长，校验码是什么？</strong></li>
|
|
|
|
|
<li>要求转接：<strong>我要转人工。</strong></li>
|
|
|
|
|
<li>在客服工作台接管会话，回复后结束接待，再回这里提交评分。</li>
|
|
|
|
|
</ol>
|
|
|
|
|
</section>
|
|
|
|
|
<p><a href="/conversations" target="_blank" rel="noopener">打开客服工作台 ↗</a></p>
|
|
|
|
|
<p class="note">套餐、政策与校验码均为虚构测试数据。此页面仅供本机测试；对话会调用已配置的模型 API。</p>
|
|
|
|
|
</main>
|
|
|
|
|
<script>
|
|
|
|
|
window.replypierId = "__WIDGET_ID__";
|
|
|
|
|
window.replypierBaseUrl = "http://127.0.0.1:8018/api/v1";
|
|
|
|
|
window.replypierConfig = { position: "bottom-right" };
|
|
|
|
|
</script>
|
|
|
|
|
<script src="/webclient/replypier.min.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
